{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "exit-interview-survey", "title": "Exit Interview Survey", "type": "registry:block", "files": [ { "path": "packages/registry-react/blocks/exit-interview-survey/ExitInterviewSurvey.tsx", "content": "'use client'\n\nimport * as React from 'react'\nimport {\n Award,\n Building2,\n Calendar,\n CheckCircle2,\n ClipboardCheck,\n Compass,\n FileCheck,\n FileCode2,\n HeartHandshake,\n KeyRound,\n Laptop,\n Lock,\n MessageSquareQuote,\n Rocket,\n RotateCcw,\n Send,\n ShieldCheck,\n Star,\n TrendingUp,\n UserCheck,\n} from 'lucide-react'\nimport { cn } from '@/lib/utils'\nimport { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar'\nimport { Badge } from '@/components/ui/badge'\nimport { Button } from '@/components/ui/button'\nimport { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '@/components/ui/card'\nimport { Checkbox } from '@/components/ui/checkbox'\nimport { Label } from '@/components/ui/label'\nimport { Progress } from '@/components/ui/progress'\nimport { RadioGroup, RadioGroupItem } from '@/components/ui/radio-group'\nimport { Rating } from '@/components/ui/rating'\nimport { Separator } from '@/components/ui/separator'\nimport { Textarea } from '@/components/ui/textarea'\n\nexport interface ExitInterviewSurveyProps {\n className?: string\n}\n\n// Primary Departure Reasons\ninterface DepartureReason {\n value: string\n label: string\n description: string\n icon: typeof Compass\n}\n\nconst departureReasons: DepartureReason[] = [\n {\n value: 'career-growth',\n label: 'Career Growth & Promotion',\n description: 'Seeking broader technical leadership scope, faster progression, or new architectural challenges.',\n icon: TrendingUp,\n },\n {\n value: 'compensation',\n label: 'Compensation / Total Rewards',\n description: 'Competitive market offers, higher base salary band, equity incentives, or bonus structures.',\n icon: Award,\n },\n {\n value: 'relocation',\n label: 'Relocation & Remote Freedom',\n description: 'Geographic move, personal relocation, or seeking broader international and async flexibility.',\n icon: Building2,\n },\n {\n value: 'work-life',\n label: 'Work-Life Balance',\n description: 'Need for sustainable working cadence, reduced on-call intensity, and dedicated personal time.',\n icon: HeartHandshake,\n },\n {\n value: 'leadership',\n label: 'Leadership & Direction',\n description: 'Strategic alignment with executive roadmap, product vision, or communication cadence.',\n icon: Compass,\n },\n {\n value: 'venture',\n label: 'Starting Own Venture',\n description: 'Launching an independent technical startup, consulting practice, or entrepreneurial venture.',\n icon: Rocket,\n },\n]\n\n// Experience Rating Dimensions\ninterface RatingDimension {\n id: 'management' | 'collaboration' | 'compensation' | 'culture' | 'flexibility'\n title: string\n description: string\n category: string\n}\n\nconst ratingDimensions: RatingDimension[] = [\n {\n id: 'management',\n title: 'Management & Leadership',\n description: 'Direct manager support, transparent 1:1 mentorship, goal clarity, and career advocacy.',\n category: 'Leadership',\n },\n {\n id: 'collaboration',\n title: 'Team Collaboration',\n description: 'Cross-functional synergy, peer code review quality, mutual trust, and psychological safety.',\n category: 'Team Dynamics',\n },\n {\n id: 'compensation',\n title: 'Compensation & Benefits',\n description: 'Base salary competitiveness, equity appreciation, health coverage, and wellness allowances.',\n category: 'Total Rewards',\n },\n {\n id: 'culture',\n title: 'Engineering Culture',\n description: 'Architectural standards, modern tooling, automated testing, CI/CD speed, and technical autonomy.',\n category: 'Craft & Standards',\n },\n {\n id: 'flexibility',\n title: 'Work-Life Flexibility',\n description: 'Async-first communication, sustainable sprint planning, and reasonable on-call expectations.',\n category: 'Well-being',\n },\n]\n\n// Return Willingness Options\nconst returnOptions = [\n {\n value: 'yes',\n label: 'Yes, definitely open',\n description: 'Strongly open to returning for future leadership or staff-level architectural initiatives.',\n badge: 'Alumni Priority',\n badgeVariant: 'success' as const,\n },\n {\n value: 'maybe',\n label: 'Maybe, under right conditions',\n description: 'Would consider returning under different organizational structure or roadmap scope.',\n badge: 'Conditionally Open',\n badgeVariant: 'secondary' as const,\n },\n {\n value: 'no',\n label: 'No, pursuing new pathways',\n description: 'Focused on long-term career growth in independent ventures or other sectors.',\n badge: 'New Trajectory',\n badgeVariant: 'outline' as const,\n },\n]\n\nexport function ExitInterviewSurvey({ className }: ExitInterviewSurveyProps) {\n const [primaryReason, setPrimaryReason] = React.useState('career-growth')\n const [departureNotes, setDepartureNotes] = React.useState(\n 'Accepted a Principal Systems Architect role at a Series B infrastructure startup focusing on WebAssembly runtime tooling.',\n )\n\n const [ratings, setRatings] = React.useState>({\n management: 4,\n collaboration: 5,\n compensation: 4,\n culture: 5,\n flexibility: 4,\n })\n\n const [enjoyedMost, setEnjoyedMost] = React.useState(\n 'The engineering team’s exceptional craft and collaborative spirit. Building high-scale distributed platform services alongside humble, brilliant peers was deeply rewarding. Leadership always supported architectural innovation and design system investments.',\n )\n\n const [toImprove, setToImprove] = React.useState(\n 'Cross-functional roadmap alignment between product management and core platform squads. Late-quarter requirement shifts occasionally created sprint friction and compressed delivery timelines.',\n )\n\n const [returnWillingness, setReturnWillingness] = React.useState('yes')\n\n const [handoverChecklist, setHandoverChecklist] = React.useState({\n codebase: true,\n architecture: true,\n credentials: true,\n equipment: false,\n })\n\n const [isSubmitted, setIsSubmitted] = React.useState(false)\n const submissionId = 'EXIT-2026-9042'\n\n // Computed Metrics\n const averageRating = React.useMemo(() => {\n const values = Object.values(ratings)\n const sum = values.reduce((acc, val) => acc + val, 0)\n return (sum / values.length).toFixed(1)\n }, [ratings])\n\n const sentimentPercentage = React.useMemo(() => {\n return Math.round((Number(averageRating) / 5) * 100)\n }, [averageRating])\n\n const handoverCompletedCount = React.useMemo(() => {\n return Object.values(handoverChecklist).filter(Boolean).length\n }, [handoverChecklist])\n\n const handoverPercentage = React.useMemo(() => {\n return Math.round((handoverCompletedCount / 4) * 100)\n }, [handoverCompletedCount])\n\n const updateRating = (id: RatingDimension['id'], val: number) => {\n setRatings((prev) => ({ ...prev, [id]: val }))\n }\n\n const toggleHandover = (key: keyof typeof handoverChecklist, checked: boolean) => {\n setHandoverChecklist((prev) => ({ ...prev, [key]: checked }))\n }\n\n return (\n
\n {/* Header & Employee Context Card */}\n \n \n
\n {/* Employee Details */}\n
\n \n \n ER\n \n
\n
\n

\n Employee Exit Survey & Offboarding Review\n

\n
\n

\n Elena Rostova · Senior Staff Engineer · 3.5 Years Tenure\n

\n
\n \n Engineering · Core Platform\n \n \n \n Final Day: Sep 30, 2026\n \n \n Manager: Marcus Vance\n \n
\n
\n
\n\n {/* Header Actions */}\n
\n {!isSubmitted ? (\n setIsSubmitted(true)}\n >\n \n Submit Survey\n \n ) : (\n \n )}\n
\n
\n\n {/* Confidentiality Notice Banner */}\n
\n \n
\n

Strictly Confidential People Ops Review

\n

\n Your candid responses are confidential and used exclusively by People Ops to improve company culture,\n leadership effectiveness, and engineering workflows. Summary insights are aggregated and anonymized.\n

\n
\n
\n \n \n\n {/* Submission Success Alert (When Submitted) */}\n {isSubmitted && (\n
\n \n
\n
\n

Exit Survey Successfully Submitted

\n Receipt #{submissionId}\n
\n

\n Thank you for your dedicated 3.5 years of service and leadership. Your constructive feedback has been\n securely logged for the People Ops quarterly retention review and alumni network registration.\n

\n
\n
\n )}\n\n {/* Department Sentiment & Handover Scorecard Strip */}\n
\n {/* Overall Sentiment Index */}\n \n \n Overall Experience Score\n \n \n \n
\n \n {averageRating}\n \n / 5.0\n
\n
\n \n
\n +0.4 vs Dept Avg\n {sentimentPercentage}%\n
\n
\n \n \n\n {/* Primary Driver */}\n \n \n Primary Departure Driver\n \n \n \n
Career Growth
\n

\n Targeting Principal/Architect roles in cloud infrastructure.\n

\n \n \n\n {/* Knowledge Handover Progress */}\n \n \n Knowledge Handover\n \n \n \n
\n \n {handoverPercentage}%\n \n ({handoverCompletedCount} of 4 tasks)\n
\n
\n \n

IT asset return pending

\n
\n \n \n\n {/* Alumni & Return Eligibility */}\n \n \n Alumni Status\n \n \n \n
\n \n Eligible for Re-Hire\n \n
\n

\n Registered for Alumni Leadership Network & fast-track referrals.\n

\n \n \n
\n\n {/* ================================================================= */}\n {/* SECTION 1: Primary Reason for Departure */}\n {/* ================================================================= */}\n \n \n
\n
\n \n
\n
\n 1. Primary Reason for Departure\n \n Select the primary factor that most heavily influenced your decision to pursue new opportunities.\n \n
\n
\n \n\n \n \n {departureReasons.map((item) => (\n \n \n
\n
\n {item.label}\n
\n

{item.description}

\n
\n \n ))}\n \n\n {/* Departure Context Details */}\n
\n \n \n
\n \n \n\n {/* ================================================================= */}\n {/* SECTION 2: Experience & Culture Ratings (1 to 5 Stars) */}\n {/* ================================================================= */}\n \n \n
\n
\n
\n \n
\n
\n 2. Experience & Culture Ratings\n \n Rate each dimension of your experience on a scale of 1 (Needs Serious Improvement) to 5 (Outstanding).\n \n
\n
\n \n Average: {averageRating} / 5.0\n \n
\n \n\n \n
\n {ratingDimensions.map((dim) => (\n \n
\n
\n {dim.title}\n \n {dim.category}\n \n
\n

{dim.description}

\n
\n\n {/* Star Rating Control */}\n
\n updateRating(dim.id, val)}\n max={5}\n density=\"comfortable\"\n size=\"small\"\n />\n \n {ratings[dim.id]} / 5\n \n
\n
\n ))}\n
\n \n \n\n {/* ================================================================= */}\n {/* SECTION 3: Qualitative In-Depth Feedback */}\n {/* ================================================================= */}\n \n \n
\n
\n \n
\n
\n 3. Qualitative In-Depth Feedback\n \n Detailed reflections to guide organizational enhancements and executive leadership planning.\n \n
\n
\n \n\n \n {/* Question 1: What did you enjoy most */}\n
\n \n \n
\n\n \n\n {/* Question 2: What should leadership improve */}\n
\n \n \n
\n\n \n\n {/* Question 3: Would you consider returning */}\n
\n \n \n {returnOptions.map((opt) => (\n \n \n
\n
\n {opt.label}\n
\n

{opt.description}

\n \n {opt.badge}\n \n
\n \n ))}\n \n
\n \n \n\n {/* ================================================================= */}\n {/* SECTION 4: Knowledge Handover & Asset Return Checklist */}\n {/* ================================================================= */}\n \n \n
\n
\n
\n \n
\n
\n \n 4. Knowledge Handover & Asset Return Checklist\n \n \n Administrative and technical transition milestones prior to official offboarding date.\n \n
\n
\n \n {handoverCompletedCount} of 4 Completed ({handoverPercentage}%)\n \n
\n \n\n \n
\n {/* Item 1: Codebase Ownership */}\n
\n toggleHandover('codebase', val === true)}\n className=\"mt-0.5\"\n />\n
\n
\n \n \n
\n

\n Transferred GitHub admin rights, codeowners assignments, and CI/CD secret manager access to incoming\n lead (Liam Vance).\n

\n
\n
\n\n {/* Item 2: Architecture Documentation */}\n
\n toggleHandover('architecture', val === true)}\n className=\"mt-0.5\"\n />\n
\n
\n \n \n
\n

\n Core system architecture diagrams, service topology maps, and disaster recovery runbooks completed in\n Notion & DevPortal.\n

\n
\n
\n\n {/* Item 3: Credentials Rotated */}\n
\n toggleHandover('credentials', val === true)}\n className=\"mt-0.5\"\n />\n
\n
\n \n \n
\n

\n Revoked personal staging SSH keys, rotated AWS IAM secret access tokens, and decommissioned VPN and\n Vault credentials.\n

\n
\n
\n\n {/* Item 4: Hardware Returned */}\n
\n toggleHandover('equipment', val === true)}\n className=\"mt-0.5\"\n />\n
\n
\n \n \n
\n

\n MacBook Pro M3 Max, hardware security YubiKey, and company physical access badge received by IT Asset\n Ops.\n

\n
\n
\n
\n \n\n \n
\n \n Requires final sign-off from IT Security & People Operations\n
\n {!isSubmitted && (\n setIsSubmitted(true)}\n >\n \n Submit Final Exit Review\n \n )}\n \n \n \n )\n}\n", "type": "registry:block", "target": "~/components/blocks/ExitInterviewSurvey.tsx" } ], "dependencies": [ "lucide-react" ], "devDependencies": [], "registryDependencies": [ "https://uipkge.dev/r/react/avatar.json", "https://uipkge.dev/r/react/badge.json", "https://uipkge.dev/r/react/button.json", "https://uipkge.dev/r/react/card.json", "https://uipkge.dev/r/react/checkbox.json", "https://uipkge.dev/r/react/label.json", "https://uipkge.dev/r/react/progress.json", "https://uipkge.dev/r/react/radio-group.json", "https://uipkge.dev/r/react/rating.json", "https://uipkge.dev/r/react/separator.json", "https://uipkge.dev/r/react/textarea.json" ], "description": "Structured employee offboarding survey with department sentiment analysis, departure drivers, 5-star experience ratings, qualitative feedback textareas, and a knowledge handover & asset return checklist.", "categories": [ "hr", "app", "forms" ] }