diff --git a/backend/alembic/versions/e65b9f8fd458_add_feedback_table.py b/backend/alembic/versions/e65b9f8fd458_add_feedback_table.py new file mode 100644 index 00000000..75607beb --- /dev/null +++ b/backend/alembic/versions/e65b9f8fd458_add_feedback_table.py @@ -0,0 +1,42 @@ +"""add feedback table + +Revision ID: e65b9f8fd458 +Revises: 0fd2a90a9c2c +Create Date: 2026-02-18 17:39:16.939185 + +""" +from typing import Sequence, Union + +from alembic import op +import sqlalchemy as sa +from sqlalchemy.dialects import postgresql + + +# revision identifiers, used by Alembic. +revision: str = 'e65b9f8fd458' +down_revision: Union[str, None] = '0fd2a90a9c2c' +branch_labels: Union[str, Sequence[str], None] = None +depends_on: Union[str, Sequence[str], None] = None + + +def upgrade() -> None: + op.create_table( + 'feedback', + sa.Column('id', postgresql.UUID(as_uuid=True), primary_key=True), + sa.Column('account_id', postgresql.UUID(as_uuid=True), sa.ForeignKey('accounts.id', ondelete='SET NULL'), nullable=True), + sa.Column('user_id', postgresql.UUID(as_uuid=True), sa.ForeignKey('users.id', ondelete='SET NULL'), nullable=False), + sa.Column('email', sa.String(255), nullable=False), + sa.Column('feedback_type', sa.String(50), nullable=False), + sa.Column('message', sa.Text(), nullable=False), + sa.Column('created_at', sa.DateTime(timezone=True), server_default=sa.func.now()), + ) + op.create_index('ix_feedback_account_id', 'feedback', ['account_id']) + op.create_index('ix_feedback_user_id', 'feedback', ['user_id']) + op.create_index('ix_feedback_created_at', 'feedback', ['created_at']) + + +def downgrade() -> None: + op.drop_index('ix_feedback_created_at', table_name='feedback') + op.drop_index('ix_feedback_user_id', table_name='feedback') + op.drop_index('ix_feedback_account_id', table_name='feedback') + op.drop_table('feedback') diff --git a/backend/app/api/endpoints/feedback.py b/backend/app/api/endpoints/feedback.py new file mode 100644 index 00000000..a642071c --- /dev/null +++ b/backend/app/api/endpoints/feedback.py @@ -0,0 +1,88 @@ +import logging +from typing import Annotated + +from fastapi import APIRouter, Depends, HTTPException, Request, status +from sqlalchemy.ext.asyncio import AsyncSession +from sqlalchemy import select + +from app.api.deps import get_current_active_user +from app.core.config import settings +from app.core.database import get_db +from app.core.email import EmailService +from app.core.rate_limit import limiter +from app.models.user import User +from app.models.account import Account +from app.models.feedback import Feedback +from app.schemas.feedback import FeedbackSubmission, FeedbackResponse + +logger = logging.getLogger(__name__) + +router = APIRouter(tags=["feedback"]) + +# TODO: Post-session contextual feedback prompt — when building the post-session +# feedback flow, reuse this endpoint by adding optional session_id/tree_id fields +# to FeedbackSubmission. The Feedback model and email infrastructure are already +# in place. See design doc for details. + + +@router.post("/feedback", response_model=FeedbackResponse) +@limiter.limit("1/minute") +async def submit_feedback( + request: Request, + data: FeedbackSubmission, + current_user: Annotated[User, Depends(get_current_active_user)], + db: Annotated[AsyncSession, Depends(get_db)], +): + """Submit user feedback. Saves to DB and sends notification email.""" + if not settings.FEEDBACK_EMAIL: + raise HTTPException( + status_code=status.HTTP_503_SERVICE_UNAVAILABLE, + detail="Feedback submission is not configured", + ) + + # Get account info for the email + account_name = None + account_code = None + if current_user.account_id: + result = await db.execute( + select(Account).where(Account.id == current_user.account_id) + ) + account = result.scalar_one_or_none() + if account: + account_name = account.name + account_code = account.display_code + + # Always persist to DB first — email failure should not lose feedback + feedback_record = Feedback( + account_id=current_user.account_id, + user_id=current_user.id, + email=data.email, + feedback_type=data.feedback_type.value, + message=data.message, + ) + db.add(feedback_record) + await db.commit() + + # Send notification email to admin (best-effort) + sent = await EmailService.send_feedback_email( + to_email=settings.FEEDBACK_EMAIL, + reply_to_email=data.email, + feedback_type=data.feedback_type.value, + message=data.message, + user_email=current_user.email, + account_name=account_name, + account_code=account_code, + ) + + if not sent: + logger.warning("Feedback saved to DB but notification email failed for user %s", current_user.email) + + # Send confirmation email to submitter (fire-and-forget) + message_preview = data.message[:100] + ("..." if len(data.message) > 100 else "") + await EmailService.send_feedback_confirmation_email( + to_email=data.email, + feedback_type=data.feedback_type.value, + message_preview=message_preview, + ) + + return FeedbackResponse(success=True, message="Thank you! Your feedback has been submitted.") diff --git a/backend/app/api/router.py b/backend/app/api/router.py index 08580d80..3aac1d7f 100644 --- a/backend/app/api/router.py +++ b/backend/app/api/router.py @@ -4,6 +4,7 @@ from app.api.endpoints import admin_dashboard, admin_audit, admin_plan_limits, a from app.api.endpoints import ratings, analytics from app.api.endpoints import target_lists from app.api.endpoints import maintenance_schedules +from app.api.endpoints import feedback api_router = APIRouter() @@ -32,3 +33,4 @@ api_router.include_router(ratings.router) api_router.include_router(analytics.router) api_router.include_router(target_lists.router) api_router.include_router(maintenance_schedules.router) +api_router.include_router(feedback.router) diff --git a/backend/app/core/config.py b/backend/app/core/config.py index 4f43e6e4..adc81277 100644 --- a/backend/app/core/config.py +++ b/backend/app/core/config.py @@ -55,6 +55,7 @@ class Settings(BaseSettings): # Email (Resend) RESEND_API_KEY: Optional[str] = None FROM_EMAIL: str = "ResolutionFlow " + FEEDBACK_EMAIL: Optional[str] = None @property def email_enabled(self) -> bool: diff --git a/backend/app/core/email.py b/backend/app/core/email.py index 4ad3d92d..a5dc036a 100644 --- a/backend/app/core/email.py +++ b/backend/app/core/email.py @@ -163,6 +163,92 @@ class EmailService: logger.exception("Failed to send account invite email to %s", to_email) return False + @staticmethod + async def send_feedback_email( + to_email: str, + reply_to_email: str, + feedback_type: str, + message: str, + user_email: str, + account_name: str | None = None, + account_code: str | None = None, + ) -> bool: + if not settings.email_enabled: + logger.warning("Email not sent — RESEND_API_KEY not configured") + return False + + try: + import resend + from datetime import datetime, timezone + + resend.api_key = settings.RESEND_API_KEY + + date_str = datetime.now(timezone.utc).strftime("%Y-%m-%d") + code_suffix = f" — {account_code}" if account_code else "" + subject = f"[ResolutionFlow Feedback] {feedback_type} — {date_str}{code_suffix}" + + html = _render_feedback_html( + feedback_type=feedback_type, + message=message, + user_email=user_email, + account_name=account_name, + account_code=account_code, + ) + + resend.Emails.send( + { + "from": settings.FROM_EMAIL, + "to": [to_email], + "reply_to": reply_to_email, + "subject": subject, + "html": html, + } + ) + logger.info("Feedback email sent from %s (type: %s)", user_email, feedback_type) + return True + + except Exception: + logger.exception("Failed to send feedback email from %s", user_email) + return False + + @staticmethod + async def send_feedback_confirmation_email( + to_email: str, + feedback_type: str, + message_preview: str, + ) -> bool: + """Send a thank-you confirmation to the feedback submitter. Fire-and-forget.""" + if not settings.email_enabled: + logger.warning("Confirmation email not sent — RESEND_API_KEY not configured") + return False + + try: + import resend + + resend.api_key = settings.RESEND_API_KEY + + subject = "Thanks for your feedback — ResolutionFlow" + + html = _render_feedback_confirmation_html( + feedback_type=feedback_type, + message_preview=message_preview, + ) + + resend.Emails.send( + { + "from": settings.FROM_EMAIL, + "to": [to_email], + "subject": subject, + "html": html, + } + ) + logger.info("Feedback confirmation email sent to %s", to_email) + return True + + except Exception: + logger.exception("Failed to send feedback confirmation to %s", to_email) + return False + def _render_invite_html( code: str, @@ -334,3 +420,106 @@ def _render_password_reset_html(reset_url: str) -> str: """ + + +def _render_feedback_html( + feedback_type: str, + message: str, + user_email: str, + account_name: str | None, + account_code: str | None, +) -> str: + from datetime import datetime, timezone + import html + + date_str = datetime.now(timezone.utc).strftime("%B %d, %Y") + safe_message = html.escape(message).replace("\n", "
") + + account_line = "" + if account_name and account_code: + account_line = f""" + +

+ Account: {html.escape(account_name)} ({html.escape(account_code)}) +

+ """ + + return f""" + + + + +
+ + + + + {account_line} + + + +
+

ResolutionFlow Feedback

+
+

+ Type: {html.escape(feedback_type)} +

+
+

+ From: {html.escape(user_email)} +

+
+

+ Date: {date_str} +

+
+
+

{safe_message}

+
+
+

+ Reply directly to this email to respond to the user. +

+
+
+""" + + +def _render_feedback_confirmation_html( + feedback_type: str, + message_preview: str, +) -> str: + import html + + safe_preview = html.escape(message_preview) + + return f""" + + + + +
+ + + + + +
+

ResolutionFlow

+

Thanks for your feedback!

+
+

+ We've received your {html.escape(feedback_type)} and our team will review it shortly. +

+
+
+

Your feedback

+

"{safe_preview}"

+
+
+

+ If we need more details, we'll reach out to you directly. +

+
+
+""" diff --git a/backend/app/models/__init__.py b/backend/app/models/__init__.py index a3c6f276..5bd2f3e6 100644 --- a/backend/app/models/__init__.py +++ b/backend/app/models/__init__.py @@ -25,6 +25,7 @@ from .platform_setting import PlatformSetting from .user_pinned_tree import UserPinnedTree from .target_list import TargetList from .maintenance_schedule import MaintenanceSchedule +from .feedback import Feedback __all__ = [ "User", @@ -61,4 +62,5 @@ __all__ = [ "UserPinnedTree", "TargetList", "MaintenanceSchedule", + "Feedback", ] diff --git a/backend/app/models/feedback.py b/backend/app/models/feedback.py new file mode 100644 index 00000000..bfd50302 --- /dev/null +++ b/backend/app/models/feedback.py @@ -0,0 +1,19 @@ +import uuid +from datetime import datetime, timezone +from typing import Optional +from sqlalchemy import String, Text, DateTime, ForeignKey +from sqlalchemy.orm import Mapped, mapped_column +from sqlalchemy.dialects.postgresql import UUID +from app.core.database import Base + + +class Feedback(Base): + __tablename__ = "feedback" + + id: Mapped[uuid.UUID] = mapped_column(UUID(as_uuid=True), primary_key=True, default=uuid.uuid4) + account_id: Mapped[Optional[uuid.UUID]] = mapped_column(UUID(as_uuid=True), ForeignKey("accounts.id", ondelete="SET NULL"), nullable=True) + user_id: Mapped[uuid.UUID] = mapped_column(UUID(as_uuid=True), ForeignKey("users.id", ondelete="SET NULL"), nullable=False) + email: Mapped[str] = mapped_column(String(255), nullable=False) + feedback_type: Mapped[str] = mapped_column(String(50), nullable=False) + message: Mapped[str] = mapped_column(Text, nullable=False) + created_at: Mapped[datetime] = mapped_column(DateTime(timezone=True), default=lambda: datetime.now(timezone.utc)) diff --git a/backend/app/schemas/feedback.py b/backend/app/schemas/feedback.py new file mode 100644 index 00000000..6c979c84 --- /dev/null +++ b/backend/app/schemas/feedback.py @@ -0,0 +1,21 @@ +from enum import Enum +from pydantic import BaseModel, EmailStr, Field + + +class FeedbackType(str, Enum): + BUG_REPORT = "Bug Report" + FEATURE_REQUEST = "Feature Request" + USABILITY_ISSUE = "Usability Issue" + DOCUMENTATION = "Documentation" + GENERAL = "General Feedback" + + +class FeedbackSubmission(BaseModel): + email: EmailStr + feedback_type: FeedbackType + message: str = Field(..., min_length=10, max_length=5000) + + +class FeedbackResponse(BaseModel): + success: bool + message: str diff --git a/backend/tests/test_feedback.py b/backend/tests/test_feedback.py new file mode 100644 index 00000000..5f00ea7d --- /dev/null +++ b/backend/tests/test_feedback.py @@ -0,0 +1,128 @@ +import pytest +from unittest.mock import patch, AsyncMock + + +@pytest.mark.asyncio +async def test_submit_feedback(client, auth_headers): + """Test successful feedback submission — saves to DB and sends emails.""" + with patch("app.api.endpoints.feedback.settings") as mock_settings, \ + patch("app.api.endpoints.feedback.EmailService") as mock_email: + mock_settings.FEEDBACK_EMAIL = "support@test.com" + mock_email.send_feedback_email = AsyncMock(return_value=True) + mock_email.send_feedback_confirmation_email = AsyncMock(return_value=True) + + response = await client.post( + "/api/v1/feedback", + json={ + "email": "test@example.com", + "feedback_type": "Bug Report", + "message": "Something is broken in the tree editor when I try to save.", + }, + headers=auth_headers, + ) + + assert response.status_code == 200 + data = response.json() + assert data["success"] is True + assert "submitted" in data["message"].lower() + + # Verify both emails were called + mock_email.send_feedback_email.assert_called_once() + mock_email.send_feedback_confirmation_email.assert_called_once() + + +@pytest.mark.asyncio +async def test_submit_feedback_saves_to_db_even_if_email_fails(client, auth_headers, test_db): + """Test that feedback is persisted even when email sending fails.""" + from sqlalchemy import select, func + from app.models.feedback import Feedback + + with patch("app.api.endpoints.feedback.settings") as mock_settings, \ + patch("app.api.endpoints.feedback.EmailService") as mock_email: + mock_settings.FEEDBACK_EMAIL = "support@test.com" + mock_email.send_feedback_email = AsyncMock(return_value=False) + mock_email.send_feedback_confirmation_email = AsyncMock(return_value=False) + + response = await client.post( + "/api/v1/feedback", + json={ + "email": "test@example.com", + "feedback_type": "Feature Request", + "message": "Please add dark mode to the export preview screen.", + }, + headers=auth_headers, + ) + + # Should still succeed — DB write happened + assert response.status_code == 200 + assert response.json()["success"] is True + + # Verify it was saved to the database + result = await test_db.execute(select(func.count()).select_from(Feedback)) + count = result.scalar() + assert count >= 1 + + +@pytest.mark.asyncio +async def test_submit_feedback_not_configured(client, auth_headers): + """Test 503 when FEEDBACK_EMAIL is not set.""" + with patch("app.api.endpoints.feedback.settings") as mock_settings: + mock_settings.FEEDBACK_EMAIL = None + + response = await client.post( + "/api/v1/feedback", + json={ + "email": "test@example.com", + "feedback_type": "General Feedback", + "message": "This is a general feedback message for testing.", + }, + headers=auth_headers, + ) + + assert response.status_code == 503 + + +@pytest.mark.asyncio +async def test_submit_feedback_validation_message_too_short(client, auth_headers): + """Test validation — message too short.""" + response = await client.post( + "/api/v1/feedback", + json={ + "email": "test@example.com", + "feedback_type": "Bug Report", + "message": "short", + }, + headers=auth_headers, + ) + + assert response.status_code == 422 + + +@pytest.mark.asyncio +async def test_submit_feedback_invalid_type(client, auth_headers): + """Test validation — invalid feedback type.""" + response = await client.post( + "/api/v1/feedback", + json={ + "email": "test@example.com", + "feedback_type": "Invalid Type", + "message": "This should fail because the type is invalid.", + }, + headers=auth_headers, + ) + + assert response.status_code == 422 + + +@pytest.mark.asyncio +async def test_submit_feedback_requires_auth(client): + """Test that unauthenticated requests are rejected.""" + response = await client.post( + "/api/v1/feedback", + json={ + "email": "anon@example.com", + "feedback_type": "General Feedback", + "message": "This should fail because I'm not logged in.", + }, + ) + assert response.status_code == 401 diff --git a/frontend/src/api/feedback.ts b/frontend/src/api/feedback.ts new file mode 100644 index 00000000..a89fd8f8 --- /dev/null +++ b/frontend/src/api/feedback.ts @@ -0,0 +1,21 @@ +import { apiClient } from './client' + +export interface FeedbackSubmission { + email: string + feedback_type: string + message: string +} + +export interface FeedbackResponse { + success: boolean + message: string +} + +export const feedbackApi = { + submit: async (data: FeedbackSubmission): Promise => { + const { data: response } = await apiClient.post('/feedback', data) + return response + }, +} + +export default feedbackApi diff --git a/frontend/src/api/index.ts b/frontend/src/api/index.ts index 3f6dd659..caf7c6df 100644 --- a/frontend/src/api/index.ts +++ b/frontend/src/api/index.ts @@ -15,3 +15,4 @@ export { default as pinnedFlowsApi } from './pinnedFlows' export { default as analyticsApi } from './analytics' export { targetListsApi } from './targetLists' export { maintenanceSchedulesApi, batchLaunchApi } from './maintenanceSchedules' +export { default as feedbackApi } from './feedback' diff --git a/frontend/src/components/layout/Sidebar.tsx b/frontend/src/components/layout/Sidebar.tsx index 9008b106..da359cb8 100644 --- a/frontend/src/components/layout/Sidebar.tsx +++ b/frontend/src/components/layout/Sidebar.tsx @@ -1,6 +1,6 @@ import { useEffect, useState } from 'react' import { useNavigate, useLocation } from 'react-router-dom' -import { LayoutGrid, Box, PenLine, Clock, FileText, Bookmark, BarChart3, Users, Settings, PanelLeftClose, PanelLeftOpen } from 'lucide-react' +import { LayoutGrid, Box, PenLine, Clock, FileText, Bookmark, BarChart3, Users, Settings, PanelLeftClose, PanelLeftOpen, MessageSquareText } from 'lucide-react' import { cn } from '@/lib/utils' import { useUserPreferencesStore } from '@/store/userPreferencesStore' import { CategoryList } from '@/components/sidebar/CategoryList' @@ -144,6 +144,7 @@ export function Sidebar() { + ) : ( @@ -201,6 +202,7 @@ export function Sidebar() { )}> {!sidebarCollapsed && ( <> + diff --git a/frontend/src/pages/AccountSettingsPage.tsx b/frontend/src/pages/AccountSettingsPage.tsx index a15b5bc5..a3e0084b 100644 --- a/frontend/src/pages/AccountSettingsPage.tsx +++ b/frontend/src/pages/AccountSettingsPage.tsx @@ -1,6 +1,6 @@ import { useEffect, useState } from 'react' import { Link } from 'react-router-dom' -import { Building2, Users, Mail, Crown, Loader2, AlertCircle, Check, X, Settings, FolderTree, Server, RefreshCw } from 'lucide-react' +import { Building2, Users, Mail, Crown, Loader2, AlertCircle, Check, X, Settings, FolderTree, Server, RefreshCw, MessageSquareText } from 'lucide-react' import { accountsApi } from '@/api/accounts' import type { Account, AccountMember, AccountInvite } from '@/types' import { cn } from '@/lib/utils' @@ -513,6 +513,21 @@ export function AccountSettingsPage() { )} + {/* Feedback Link (all users) */} + +
+ +
+

Send Feedback

+

Report bugs, request features, or share your thoughts

+
+
+ → + + {/* Preferences Section */}
diff --git a/frontend/src/pages/FeedbackPage.tsx b/frontend/src/pages/FeedbackPage.tsx new file mode 100644 index 00000000..5812f4da --- /dev/null +++ b/frontend/src/pages/FeedbackPage.tsx @@ -0,0 +1,279 @@ +import { useState, useRef, useEffect } from 'react' +import { MessageSquareText, Send, CheckCircle2, ChevronDown } from 'lucide-react' +import { useAuthStore } from '@/store/authStore' +import { feedbackApi } from '@/api' +import { cn } from '@/lib/utils' +import { toast } from '@/lib/toast' + +// TODO: Post-session contextual feedback prompt — after completing a troubleshooting +// session, show a subtle inline prompt like "How was this flow? Quick feedback →" +// that opens a lightweight version of this form pre-tagged with tree/session context. + +const FEEDBACK_TYPES = [ + { value: 'Bug Report', description: 'Something is broken or not working as expected' }, + { value: 'Feature Request', description: "An idea for something new you'd like to see" }, + { value: 'Usability Issue', description: 'Something works but is confusing or hard to use' }, + { value: 'Documentation', description: 'Feedback on help docs, tooltips, or in-app guidance' }, + { value: 'General Feedback', description: 'Anything else — thoughts, impressions, suggestions' }, +] as const + +export function FeedbackPage() { + const user = useAuthStore(s => s.user) + + const [email, setEmail] = useState(user?.email ?? '') + const [feedbackType, setFeedbackType] = useState('') + const [message, setMessage] = useState('') + const [isSubmitting, setIsSubmitting] = useState(false) + const [submitted, setSubmitted] = useState(false) + const [typeDropdownOpen, setTypeDropdownOpen] = useState(false) + const [highlightedIndex, setHighlightedIndex] = useState(-1) + const triggerRef = useRef(null) + const listboxRef = useRef(null) + + const canSubmit = email.trim() && feedbackType && message.trim().length >= 10 + + const selectedType = FEEDBACK_TYPES.find(t => t.value === feedbackType) + + const handleSelectType = (value: string) => { + setFeedbackType(value) + setTypeDropdownOpen(false) + setHighlightedIndex(-1) + triggerRef.current?.focus() + } + + const handleDropdownKeyDown = (e: React.KeyboardEvent) => { + switch (e.key) { + case 'ArrowDown': + e.preventDefault() + if (!typeDropdownOpen) { + setTypeDropdownOpen(true) + setHighlightedIndex(0) + } else { + setHighlightedIndex(i => (i + 1) % FEEDBACK_TYPES.length) + } + break + case 'ArrowUp': + e.preventDefault() + if (!typeDropdownOpen) { + setTypeDropdownOpen(true) + setHighlightedIndex(FEEDBACK_TYPES.length - 1) + } else { + setHighlightedIndex(i => (i - 1 + FEEDBACK_TYPES.length) % FEEDBACK_TYPES.length) + } + break + case 'Enter': + case ' ': + e.preventDefault() + if (typeDropdownOpen && highlightedIndex >= 0) { + handleSelectType(FEEDBACK_TYPES[highlightedIndex].value) + } else { + setTypeDropdownOpen(true) + setHighlightedIndex(0) + } + break + case 'Escape': + e.preventDefault() + setTypeDropdownOpen(false) + setHighlightedIndex(-1) + triggerRef.current?.focus() + break + case 'Tab': + if (typeDropdownOpen && highlightedIndex >= 0) { + handleSelectType(FEEDBACK_TYPES[highlightedIndex].value) + } + break + } + } + + useEffect(() => { + if (!typeDropdownOpen) return + const handleClickOutside = (e: MouseEvent) => { + if ( + triggerRef.current && !triggerRef.current.contains(e.target as Node) && + listboxRef.current && !listboxRef.current.contains(e.target as Node) + ) { + setTypeDropdownOpen(false) + setHighlightedIndex(-1) + } + } + document.addEventListener('mousedown', handleClickOutside) + return () => document.removeEventListener('mousedown', handleClickOutside) + }, [typeDropdownOpen]) + + const handleSubmit = async (e: React.FormEvent) => { + e.preventDefault() + if (!canSubmit || isSubmitting) return + + setIsSubmitting(true) + try { + const response = await feedbackApi.submit({ + email: email.trim(), + feedback_type: feedbackType, + message: message.trim(), + }) + if (response.success) { + setSubmitted(true) + setFeedbackType('') + setMessage('') + } + } catch (err: unknown) { + const error = err as { response?: { data?: { detail?: string } } } + toast.error(error.response?.data?.detail || 'Failed to submit feedback. Please try again.') + } finally { + setIsSubmitting(false) + } + } + + const handleNewFeedback = () => { + setSubmitted(false) + setEmail(user?.email ?? '') + } + + return ( +
+ {/* Page header */} +
+
+ +

Send Feedback

+
+

+ Help us improve ResolutionFlow. Report bugs, request features, or share your thoughts. +

+
+ +
+ {submitted ? ( +
+ +

Thank you for your feedback!

+

+ We've received your submission and will review it shortly. Check your email for a confirmation. +

+ +
+ ) : ( +
+ {/* Email */} +
+ + setEmail(e.target.value)} + placeholder="your@email.com" + required + className="w-full rounded-lg border border-border bg-card px-3 py-2 text-foreground placeholder:text-muted-foreground focus:border-primary focus:ring-1 focus:ring-primary/20 focus:outline-none" + /> +

We'll reply to this address if we need more details.

+
+ + {/* Feedback Type — custom selector with descriptions */} +
+ +
+ + {typeDropdownOpen && ( +
+ {FEEDBACK_TYPES.map((type, index) => ( + + ))} +
+ )} +
+
+ + {/* Message */} +
+ +