From ed5863768a46bb0b2057b17d5aed1d011821c3e6 Mon Sep 17 00:00:00 2001 From: chihlasm Date: Wed, 18 Feb 2026 17:35:20 -0500 Subject: [PATCH 01/11] feat: add feedback submission schema Co-Authored-By: Claude Opus 4.6 --- backend/app/schemas/feedback.py | 21 +++++++++++++++++++++ 1 file changed, 21 insertions(+) create mode 100644 backend/app/schemas/feedback.py 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 From 38e9b7c4a89283a57bd59d318696aced3479ce65 Mon Sep 17 00:00:00 2001 From: chihlasm Date: Wed, 18 Feb 2026 17:39:44 -0500 Subject: [PATCH 02/11] feat: add feedback database model and migration Co-Authored-By: Claude Opus 4.6 --- .../e65b9f8fd458_add_feedback_table.py | 42 +++++++++++++++++++ backend/app/models/__init__.py | 2 + backend/app/models/feedback.py | 19 +++++++++ 3 files changed, 63 insertions(+) create mode 100644 backend/alembic/versions/e65b9f8fd458_add_feedback_table.py create mode 100644 backend/app/models/feedback.py 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/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)) From dc93e96a208d39b9e78f57de77e459ce452c6aa7 Mon Sep 17 00:00:00 2001 From: chihlasm Date: Wed, 18 Feb 2026 17:39:52 -0500 Subject: [PATCH 03/11] feat: add FEEDBACK_EMAIL config setting Co-Authored-By: Claude Opus 4.6 --- backend/app/core/config.py | 1 + 1 file changed, 1 insertion(+) 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: From 1e7eeb8daa32e5a252729f607340fa4fccc6de2b Mon Sep 17 00:00:00 2001 From: chihlasm Date: Wed, 18 Feb 2026 17:41:30 -0500 Subject: [PATCH 04/11] feat: add feedback notification and confirmation emails to EmailService Co-Authored-By: Claude Opus 4.6 --- backend/app/core/email.py | 189 ++++++++++++++++++++++++++++++++++++++ 1 file changed, 189 insertions(+) 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. +

+
+
+""" From 72e801eca6f7ed36f42e248562813c95741c484e Mon Sep 17 00:00:00 2001 From: chihlasm Date: Wed, 18 Feb 2026 17:43:21 -0500 Subject: [PATCH 05/11] feat: add POST /feedback endpoint with DB persistence and dual emails Co-Authored-By: Claude Opus 4.6 --- backend/app/api/endpoints/feedback.py | 88 +++++++++++++++++++++++++++ backend/app/api/router.py | 2 + 2 files changed, 90 insertions(+) create mode 100644 backend/app/api/endpoints/feedback.py 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) From 8b05afaf8f364da5c2793478cedb8a7f3086ea7f Mon Sep 17 00:00:00 2001 From: chihlasm Date: Wed, 18 Feb 2026 17:56:29 -0500 Subject: [PATCH 06/11] test: add feedback endpoint tests including DB persistence Co-Authored-By: Claude Opus 4.6 --- backend/tests/test_feedback.py | 128 +++++++++++++++++++++++++++++++++ 1 file changed, 128 insertions(+) create mode 100644 backend/tests/test_feedback.py 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 From 47c2ee42c662547ec9fa01f99c3bbb29a21760bd Mon Sep 17 00:00:00 2001 From: chihlasm Date: Wed, 18 Feb 2026 17:58:05 -0500 Subject: [PATCH 07/11] feat: add feedback API client Co-Authored-By: Claude Opus 4.6 --- frontend/src/api/feedback.ts | 21 +++++++++++++++++++++ frontend/src/api/index.ts | 1 + 2 files changed, 22 insertions(+) create mode 100644 frontend/src/api/feedback.ts 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' From 5672d9062d8d11b8547974977a49b43e1e1355c9 Mon Sep 17 00:00:00 2001 From: chihlasm Date: Wed, 18 Feb 2026 17:58:42 -0500 Subject: [PATCH 08/11] feat: add FeedbackPage with custom feedback type selector Co-Authored-By: Claude Opus 4.6 --- frontend/src/pages/FeedbackPage.tsx | 198 ++++++++++++++++++++++++++++ 1 file changed, 198 insertions(+) create mode 100644 frontend/src/pages/FeedbackPage.tsx diff --git a/frontend/src/pages/FeedbackPage.tsx b/frontend/src/pages/FeedbackPage.tsx new file mode 100644 index 00000000..118399da --- /dev/null +++ b/frontend/src/pages/FeedbackPage.tsx @@ -0,0 +1,198 @@ +import { useState } 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 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) + } + + 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 => ( + + ))} +
+ )} +
+
+ + {/* Message */} +
+ +