@burdenoff/microfe-crewfoundry 2026.703.2 → 2026.704.1

package/dist/crewfoundry/pages/AnalyticsHiringAnalyticsPagePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnalyticsHiringAnalyticsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/AnalyticsHiringAnalyticsPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { Briefcase, Clock, Target, TrendingUp, Users } from 'lucide-react';\nimport { useMemo } from 'react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function AnalyticsHiringAnalyticsPagePage() {\n  const { jobPostings, candidates, interviews } = useCrewFoundryStore();\n\n  const hiringMetrics = useMemo(() => {\n    const months = ['Sep', 'Oct', 'Nov', 'Dec', 'Jan', 'Feb'];\n    return months.map((month, index) => {\n      const monthInterviews = interviews.filter(\n        (interview) =>\n          new Date(interview.date).toLocaleString('en-US', { month: 'short' }) === month\n      ).length;\n      const monthCandidates = candidates.filter(\n        (candidate) =>\n          new Date(candidate.appliedDate).toLocaleString('en-US', { month: 'short' }) === month\n      );\n      const offers = monthCandidates.filter((candidate) => candidate.status === 'offer').length;\n      const hires = monthCandidates.filter((candidate) => candidate.status === 'hired').length;\n      const applications =\n        monthCandidates.length +\n        jobPostings.reduce((sum, posting) => sum + posting.applicants, 0) / 6;\n      return {\n        month,\n        applications: Math.round(applications - index * 3),\n        interviews: monthInterviews,\n        offers,\n        hires,\n      };\n    });\n  }, [candidates, interviews, jobPostings]);\n\n  const sourceEffectiveness = useMemo(() => {\n    const grouped = candidates.reduce<Record<string, { applications: number; hires: number }>>(\n      (acc, candidate) => {\n        const source = candidate.source || 'Unknown';\n        const value = acc[source] || { applications: 0, hires: 0 };\n        value.applications += 1;\n        if (candidate.status === 'hired') {\n          value.hires += 1;\n        }\n        acc[source] = value;\n        return acc;\n      },\n      {}\n    );\n\n    return Object.entries(grouped).map(([source, value]) => ({\n      source,\n      applications: value.applications,\n      hires: value.hires,\n      conversionRate: Number(((value.hires / Math.max(value.applications, 1)) * 100).toFixed(1)),\n      costPerHire: Math.round(\n        jobPostings.reduce((sum, posting) => sum + posting.salaryMin * 0.02, 0) /\n          Math.max(value.hires, 1)\n      ),\n    }));\n  }, [candidates, jobPostings]);\n\n  const activeJobs = jobPostings.filter((j) => j.status === 'active');\n  const totalApplicants = jobPostings.reduce((s, j) => s + j.applicants, 0);\n  const scheduledInterviews = interviews.filter((i) => i.status === 'scheduled').length;\n  const completedInterviews = interviews.filter((i) => i.status === 'completed').length;\n  const offeredCandidates = candidates.filter((c) => c.status === 'offer').length;\n  const hiredCandidates = candidates.filter((c) => c.status === 'hired').length;\n\n  const maxApplications = Math.max(1, ...hiringMetrics.map((m) => m.applications));\n\n  const statusPipeline = [\n    {\n      status: 'New',\n      count: candidates.filter((c) => c.status === 'new').length,\n      color: 'bg-text-secondary',\n    },\n    {\n      status: 'Screening',\n      count: candidates.filter((c) => c.status === 'screening').length,\n      color: 'bg-status-info-text',\n    },\n    {\n      status: 'Interview',\n      count: candidates.filter((c) => c.status === 'interview').length,\n      color: 'bg-status-info-text',\n    },\n    {\n      status: 'Assessment',\n      count: candidates.filter((c) => c.status === 'assessment').length,\n      color: 'bg-action-primary-bg',\n    },\n    { status: 'Offer', count: offeredCandidates, color: 'bg-status-warning-text' },\n    { status: 'Hired', count: hiredCandidates, color: 'bg-status-success-text' },\n    {\n      status: 'Rejected',\n      count: candidates.filter((c) => c.status === 'rejected').length,\n      color: 'bg-status-error-text',\n    },\n  ];\n  const totalPipeline = statusPipeline.reduce((s, p) => s + p.count, 0);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>Hiring Analytics</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">\n            Recruitment performance and pipeline analysis\n          </p>\n          <PagePurpose className=\"mt-1\">Measure how your hiring funnel performs — applications, time-to-hire, and source quality — to make recruiting faster and more effective.</PagePurpose>\n        </div>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-4\">\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Active Postings</CardTitle>\n            <Briefcase className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{activeJobs.length}</div>\n            <p className=\"text-xs text-text-secondary\">{totalApplicants} total applicants</p>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Time to Fill</CardTitle>\n            <Clock className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">28 days</div>\n            <div className=\"flex items-center text-xs text-status-success-text\">\n              <TrendingUp className=\"h-3 w-3 mr-1\" />\n              -3 days from last quarter\n            </div>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Interview to Offer</CardTitle>\n            <Target className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">32%</div>\n            <p className=\"text-xs text-text-secondary\">\n              {scheduledInterviews} scheduled, {completedInterviews} completed\n            </p>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Offer Acceptance</CardTitle>\n            <Users className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">87%</div>\n            <p className=\"text-xs text-text-secondary\">{hiredCandidates} hired this quarter</p>\n          </CardContent>\n        </GlassCard>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-7\">\n        <Card className=\"col-span-4\">\n          <CardHeader>\n            <CardTitle>Monthly Hiring Activity</CardTitle>\n            <CardDescription>Applications, interviews, and hires over time</CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {hiringMetrics.map((m) => (\n              <div key={m.month} className=\"flex items-center gap-3\">\n                <span className=\"w-10 text-sm text-text-secondary\">{m.month}</span>\n                <div className=\"flex-1 h-5 bg-bg-sunken rounded overflow-hidden\">\n                  <div\n                    className=\"h-5 bg-action-primary-bg rounded\"\n                    style={{\n                      width: `${Math.round((m.applications / (maxApplications + 20)) * 100)}%`,\n                    }}\n                  />\n                </div>\n                <div className=\"flex gap-1 w-48 justify-end\">\n                  <Badge variant=\"outline\" className=\"text-[10px]\">\n                    {m.applications} apps\n                  </Badge>\n                  <Badge variant=\"secondary\" className=\"text-[10px]\">\n                    {m.interviews} int\n                  </Badge>\n                  <Badge variant=\"default\" className=\"text-[10px]\">\n                    {m.hires} hired\n                  </Badge>\n                </div>\n              </div>\n            ))}\n          </CardContent>\n        </Card>\n\n        <Card className=\"col-span-3\">\n          <CardHeader>\n            <CardTitle>Pipeline Status</CardTitle>\n            <CardDescription>Current candidate distribution</CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {statusPipeline.map((stage) => (\n              <div key={stage.status} className=\"flex items-center gap-3\">\n                <div className={`h-3 w-3 rounded-full ${stage.color}`} />\n                <span className=\"w-20 text-sm\">{stage.status}</span>\n                <div className=\"flex-1 h-3 bg-bg-sunken rounded overflow-hidden\">\n                  <div\n                    className={`h-3 rounded ${stage.color}`}\n                    style={{\n                      width: `${totalPipeline > 0 ? Math.max(Math.round((stage.count / totalPipeline) * 100), 3) : 3}%`,\n                    }}\n                  />\n                </div>\n                <span className=\"text-sm font-medium w-6 text-right\">{stage.count}</span>\n              </div>\n            ))}\n          </CardContent>\n        </Card>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Source Effectiveness</CardTitle>\n          <CardDescription>Recruitment channel performance comparison</CardDescription>\n        </CardHeader>\n        <CardContent>\n          <div className=\"grid grid-cols-5 gap-2 text-xs font-medium text-text-secondary border-b pb-2 mb-2\">\n            <span>Source</span>\n            <span className=\"text-right\">Applications</span>\n            <span className=\"text-right\">Hires</span>\n            <span className=\"text-right\">Conversion</span>\n            <span className=\"text-right\">Cost/Hire</span>\n          </div>\n          {sourceEffectiveness\n            .sort((a, b) => b.conversionRate - a.conversionRate)\n            .map((src) => (\n              <div\n                key={src.source}\n                className=\"grid grid-cols-5 gap-2 py-2 border-b last:border-0 text-sm\"\n              >\n                <span className=\"font-medium\">{src.source}</span>\n                <span className=\"text-right\">{src.applications}</span>\n                <span className=\"text-right\">{src.hires}</span>\n                <span className=\"text-right\">\n                  <Badge\n                    variant={src.conversionRate >= 5 ? 'default' : 'secondary'}\n                    className=\"text-[10px]\"\n                  >\n                    {src.conversionRate}%\n                  </Badge>\n                </span>\n                <span className=\"text-right\">${src.costPerHire.toLocaleString()}</span>\n              </div>\n            ))}\n        </CardContent>\n      </Card>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Open Positions Detail</CardTitle>\n          <CardDescription>Active job postings and applicant counts</CardDescription>\n        </CardHeader>\n        <CardContent>\n          <div className=\"grid grid-cols-6 gap-2 text-xs font-medium text-text-secondary border-b pb-2 mb-2\">\n            <span>Position</span>\n            <span>Department</span>\n            <span>Level</span>\n            <span className=\"text-right\">Applicants</span>\n            <span className=\"text-right\">Salary Range</span>\n            <span className=\"text-right\">Status</span>\n          </div>\n          {jobPostings.map((job) => (\n            <div\n              key={job.id}\n              className=\"grid grid-cols-6 gap-2 py-2 border-b last:border-0 text-sm\"\n            >\n              <span className=\"font-medium truncate\">{job.title}</span>\n              <span className=\"text-text-secondary\">{job.department}</span>\n              <Badge variant=\"outline\" className=\"w-fit text-[10px]\">\n                {job.experienceLevel}\n              </Badge>\n              <span className=\"text-right\">{job.applicants}</span>\n              <span className=\"text-right text-text-secondary\">\n                ${(job.salaryMin / 1000).toFixed(0)}K-${(job.salaryMax / 1000).toFixed(0)}K\n              </span>\n              <div className=\"text-right\">\n                <Badge\n                  variant={job.status === 'active' ? 'default' : 'secondary'}\n                  className=\"text-[10px]\"\n                >\n                  {job.status}\n                </Badge>\n              </div>\n            </div>\n          ))}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"AnalyticsHiringAnalyticsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/AnalyticsHiringAnalyticsPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  PagePurpose,\n  Pagination,\n  ResponsiveTable,\n  type ResponsiveTableColumn,\n} from '@burdenoff/fe-libs/ui';\nimport { usePagination } from '@burdenoff/fe-libs/shared/hooks';\nimport { Briefcase, Clock, Target, Users } from 'lucide-react';\nimport { useMemo } from 'react';\nimport { useCrewFoundryStore, type JobPosting } from '../store/crewfoundryStore';\n\ntype SourceRow = {\n  source: string;\n  applications: number;\n  hires: number;\n  conversionRate: number;\n};\n\nconst monthKeyOf = (value: string) => {\n  const date = new Date(value);\n  return `${date.getFullYear()}-${String(date.getMonth()).padStart(2, '0')}`;\n};\n\n// Stable \"as of\" anchor for this dataset (avoids impure Date.now() in render).\nconst AS_OF = new Date('2026-03-01').getTime();\n\nexport function AnalyticsHiringAnalyticsPagePage() {\n  const { jobPostings, candidates, interviews } = useCrewFoundryStore();\n\n  // Real monthly activity derived from candidate/interview dates.\n  const hiringMetrics = useMemo(() => {\n    if (candidates.length === 0 && interviews.length === 0) {\n      return [];\n    }\n    const keys = Array.from(\n      new Set([\n        ...candidates.map((candidate) => monthKeyOf(candidate.appliedDate)),\n        ...interviews.map((interview) => monthKeyOf(interview.date)),\n      ])\n    )\n      .sort()\n      .slice(-6);\n    return keys.map((key) => {\n      const [year, month] = key.split('-').map(Number);\n      const label = new Date(year, month, 1).toLocaleString('en-US', {\n        month: 'short',\n        year: '2-digit',\n      });\n      const monthCandidates = candidates.filter(\n        (candidate) => monthKeyOf(candidate.appliedDate) === key\n      );\n      return {\n        month: label,\n        applications: monthCandidates.length,\n        interviews: interviews.filter((interview) => monthKeyOf(interview.date) === key).length,\n        hires: monthCandidates.filter((candidate) => candidate.status === 'hired').length,\n      };\n    });\n  }, [candidates, interviews]);\n\n  const sourceEffectiveness = useMemo<SourceRow[]>(() => {\n    const grouped = candidates.reduce<Record<string, { applications: number; hires: number }>>(\n      (acc, candidate) => {\n        const source = candidate.source || 'Unknown';\n        const value = acc[source] || { applications: 0, hires: 0 };\n        value.applications += 1;\n        if (candidate.status === 'hired') {\n          value.hires += 1;\n        }\n        acc[source] = value;\n        return acc;\n      },\n      {}\n    );\n\n    return Object.entries(grouped)\n      .map(([source, value]) => ({\n        source,\n        applications: value.applications,\n        hires: value.hires,\n        conversionRate: Number(((value.hires / Math.max(value.applications, 1)) * 100).toFixed(1)),\n      }))\n      .sort((a, b) => b.conversionRate - a.conversionRate);\n  }, [candidates]);\n\n  // Real average number of days active postings have been open.\n  const avgDaysOpen = useMemo(() => {\n    const activePostings = jobPostings.filter((posting) => posting.status === 'active');\n    if (activePostings.length === 0) {\n      return 0;\n    }\n    const totalDays = activePostings.reduce((sum, posting) => {\n      const posted = new Date(posting.postedDate).getTime();\n      if (Number.isNaN(posted)) {\n        return sum;\n      }\n      return sum + Math.max(0, (AS_OF - posted) / (1000 * 60 * 60 * 24));\n    }, 0);\n    return Math.round(totalDays / activePostings.length);\n  }, [jobPostings]);\n\n  const activeJobs = jobPostings.filter((j) => j.status === 'active');\n  const totalApplicants = jobPostings.reduce((s, j) => s + j.applicants, 0);\n  const scheduledInterviews = interviews.filter((i) => i.status === 'scheduled').length;\n  const completedInterviews = interviews.filter((i) => i.status === 'completed').length;\n  const offeredCandidates = candidates.filter((c) => c.status === 'offer').length;\n  const hiredCandidates = candidates.filter((c) => c.status === 'hired').length;\n\n  const interviewedOrBeyond = candidates.filter((c) =>\n    ['interview', 'assessment', 'offer', 'hired'].includes(c.status)\n  ).length;\n  const offerOrBeyond = candidates.filter((c) => ['offer', 'hired'].includes(c.status)).length;\n  const interviewToOffer = Math.round((offerOrBeyond / Math.max(interviewedOrBeyond, 1)) * 100);\n  const offerAcceptance = Math.round(\n    (hiredCandidates / Math.max(offeredCandidates + hiredCandidates, 1)) * 100\n  );\n\n  const maxApplications = Math.max(1, ...hiringMetrics.map((m) => m.applications));\n\n  const statusPipeline = [\n    {\n      status: 'New',\n      count: candidates.filter((c) => c.status === 'new').length,\n      color: 'bg-text-secondary',\n    },\n    {\n      status: 'Screening',\n      count: candidates.filter((c) => c.status === 'screening').length,\n      color: 'bg-status-info-text',\n    },\n    {\n      status: 'Interview',\n      count: candidates.filter((c) => c.status === 'interview').length,\n      color: 'bg-status-info-text',\n    },\n    {\n      status: 'Assessment',\n      count: candidates.filter((c) => c.status === 'assessment').length,\n      color: 'bg-action-primary-bg',\n    },\n    { status: 'Offer', count: offeredCandidates, color: 'bg-status-warning-text' },\n    { status: 'Hired', count: hiredCandidates, color: 'bg-status-success-text' },\n    {\n      status: 'Rejected',\n      count: candidates.filter((c) => c.status === 'rejected').length,\n      color: 'bg-status-error-text',\n    },\n  ];\n  const totalPipeline = statusPipeline.reduce((s, p) => s + p.count, 0);\n\n  // Open Positions = active postings only, paginated to match the card title.\n  const openPositions = [...activeJobs].sort((a, b) => b.applicants - a.applicants);\n  const {\n    page: jobPage,\n    pageSize: jobPageSize,\n    offset: jobOffset,\n    setPage: setJobPage,\n  } = usePagination({ initialPageSize: 8 });\n  const jobPageItems = openPositions.slice(jobOffset, jobOffset + jobPageSize);\n\n  const sourceColumns: ResponsiveTableColumn<SourceRow>[] = [\n    {\n      key: 'source',\n      header: 'Source',\n      priority: 'primary',\n      cell: (src) => <span className=\"font-medium\">{src.source}</span>,\n    },\n    {\n      key: 'applications',\n      header: 'Applications',\n      priority: 'secondary',\n      cell: (src) => <span className=\"md:block md:text-right\">{src.applications}</span>,\n    },\n    {\n      key: 'hires',\n      header: 'Hires',\n      priority: 'secondary',\n      cell: (src) => <span className=\"md:block md:text-right\">{src.hires}</span>,\n    },\n    {\n      key: 'conversion',\n      header: 'Conversion',\n      priority: 'primary',\n      cell: (src) => (\n        <span className=\"md:block md:text-right\">\n          <Badge\n            variant={src.conversionRate >= 5 ? 'default' : 'secondary'}\n            className=\"text-[10px]\"\n          >\n            {src.conversionRate}%\n          </Badge>\n        </span>\n      ),\n    },\n  ];\n\n  const jobColumns: ResponsiveTableColumn<JobPosting>[] = [\n    {\n      key: 'title',\n      header: 'Position',\n      priority: 'primary',\n      cell: (job) => <span className=\"font-medium\">{job.title}</span>,\n    },\n    {\n      key: 'department',\n      header: 'Department',\n      priority: 'secondary',\n      cell: (job) => <span className=\"text-text-secondary\">{job.department}</span>,\n    },\n    {\n      key: 'level',\n      header: 'Level',\n      priority: 'hidden-on-mobile',\n      cell: (job) => (\n        <Badge variant=\"outline\" className=\"w-fit text-[10px]\">\n          {job.experienceLevel}\n        </Badge>\n      ),\n    },\n    {\n      key: 'applicants',\n      header: 'Applicants',\n      priority: 'secondary',\n      cell: (job) => <span className=\"md:block md:text-right\">{job.applicants}</span>,\n    },\n    {\n      key: 'salary',\n      header: 'Salary Range',\n      priority: 'secondary',\n      cell: (job) => (\n        <span className=\"md:block md:text-right text-text-secondary\">\n          ${(job.salaryMin / 1000).toFixed(0)}K-${(job.salaryMax / 1000).toFixed(0)}K\n        </span>\n      ),\n    },\n    {\n      key: 'status',\n      header: 'Status',\n      priority: 'primary',\n      cell: (job) => (\n        <Badge variant=\"default\" className=\"text-[10px]\">\n          {job.status}\n        </Badge>\n      ),\n    },\n  ];\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>Hiring Analytics</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">\n            Recruitment performance and pipeline analysis\n          </p>\n          <PagePurpose className=\"mt-1\">Measure how your hiring funnel performs — applications, time-to-hire, and source quality — to make recruiting faster and more effective.</PagePurpose>\n        </div>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-4\">\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Active Postings</CardTitle>\n            <Briefcase className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{activeJobs.length}</div>\n            <p className=\"text-xs text-text-secondary\">{totalApplicants} total applicants</p>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Avg Days Open</CardTitle>\n            <Clock className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{avgDaysOpen} days</div>\n            <p className=\"text-xs text-text-secondary\">Across active postings</p>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Interview to Offer</CardTitle>\n            <Target className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{interviewToOffer}%</div>\n            <p className=\"text-xs text-text-secondary\">\n              {scheduledInterviews} scheduled, {completedInterviews} completed\n            </p>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Offer Acceptance</CardTitle>\n            <Users className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{offerAcceptance}%</div>\n            <p className=\"text-xs text-text-secondary\">{hiredCandidates} hired to date</p>\n          </CardContent>\n        </GlassCard>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-7\">\n        <Card className=\"col-span-4\">\n          <CardHeader>\n            <CardTitle>Monthly Hiring Activity</CardTitle>\n            <CardDescription>Applications, interviews, and hires over time</CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {hiringMetrics.length === 0 && (\n              <p className=\"py-6 text-center text-sm text-text-secondary\">\n                No hiring activity recorded yet.\n              </p>\n            )}\n            {hiringMetrics.map((m) => (\n              <div key={m.month} className=\"flex items-center gap-3\">\n                <span className=\"w-12 text-sm text-text-secondary\">{m.month}</span>\n                <div className=\"flex-1 h-5 bg-bg-sunken rounded overflow-hidden\">\n                  <div\n                    className=\"h-5 bg-action-primary-bg rounded\"\n                    style={{\n                      width: `${Math.round((m.applications / maxApplications) * 100)}%`,\n                    }}\n                  />\n                </div>\n                <div className=\"flex gap-1 w-48 justify-end\">\n                  <Badge variant=\"outline\" className=\"text-[10px]\">\n                    {m.applications} apps\n                  </Badge>\n                  <Badge variant=\"secondary\" className=\"text-[10px]\">\n                    {m.interviews} int\n                  </Badge>\n                  <Badge variant=\"default\" className=\"text-[10px]\">\n                    {m.hires} hired\n                  </Badge>\n                </div>\n              </div>\n            ))}\n          </CardContent>\n        </Card>\n\n        <Card className=\"col-span-3\">\n          <CardHeader>\n            <CardTitle>Pipeline Status</CardTitle>\n            <CardDescription>Current candidate distribution</CardDescription>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {statusPipeline.map((stage) => (\n              <div key={stage.status} className=\"flex items-center gap-3\">\n                <div className={`h-3 w-3 rounded-full ${stage.color}`} />\n                <span className=\"w-20 text-sm\">{stage.status}</span>\n                <div className=\"flex-1 h-3 bg-bg-sunken rounded overflow-hidden\">\n                  <div\n                    className={`h-3 rounded ${stage.color}`}\n                    style={{\n                      width: `${totalPipeline > 0 ? Math.max(Math.round((stage.count / totalPipeline) * 100), 3) : 3}%`,\n                    }}\n                  />\n                </div>\n                <span className=\"text-sm font-medium w-6 text-right\">{stage.count}</span>\n              </div>\n            ))}\n          </CardContent>\n        </Card>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Source Effectiveness</CardTitle>\n          <CardDescription>Recruitment channel performance comparison</CardDescription>\n        </CardHeader>\n        <CardContent>\n          <ResponsiveTable\n            columns={sourceColumns}\n            data={sourceEffectiveness}\n            rowKey={(src) => src.source}\n            emptyState={\n              <p className=\"py-6 text-center text-sm text-text-secondary\">\n                No candidate source data yet.\n              </p>\n            }\n          />\n        </CardContent>\n      </Card>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Open Positions Detail</CardTitle>\n          <CardDescription>Active job postings and applicant counts</CardDescription>\n        </CardHeader>\n        <CardContent>\n          {openPositions.length === 0 ? (\n            <IllustratedEmptyState\n              illustration=\"empty-data\"\n              title=\"No open positions\"\n              description=\"Active job postings will appear here once you publish a role.\"\n            />\n          ) : (\n            <>\n              <ResponsiveTable\n                columns={jobColumns}\n                data={jobPageItems}\n                rowKey={(job) => job.id}\n              />\n              {openPositions.length > jobPageSize && (\n                <Pagination\n                  page={jobPage}\n                  pageSize={jobPageSize}\n                  totalItems={openPositions.length}\n                  onPageChange={setJobPage}\n                  className=\"mt-3\"\n                />\n              )}\n            </>\n          )}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/crewfoundry/pages/CommunicationsCallsPagePage.js

@@ -1,155 +1,53 @@
-import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
-import { useMemo as t } from "react";
-import { Clock as n, Phone as r, PhoneIncoming as i, PhoneMissed as a, PhoneOutgoing as o } from "lucide-react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { Badge as l, Button as u, Card as d, CardContent as f, CardHeader as p, CardTitle as m, GlassCard as h, GradientText as g, PagePurpose as _ } from "@burdenoff/fe-libs/ui";
-import { useGlobalUi as v } from "@burdenoff/fe-libs/shared/providers/shell";
+import { Phone as e } from "lucide-react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { Badge as r, Button as i, Card as a, CardContent as o, CardHeader as s, CardTitle as c, GradientText as l, IllustratedEmptyState as u, PagePurpose as d } from "@burdenoff/fe-libs/ui";
+import { useGlobalUi as f } from "@burdenoff/fe-libs/shared/providers/shell";
 //#region src/crewfoundry/pages/CommunicationsCallsPagePage.tsx
-var y = (e) => {
-	let t = Math.max(e, 0), n = Math.floor(t / 60), r = t % 60;
-	return n > 0 ? `${String(n).padStart(2, "0")}:${String(r).padStart(2, "0")}` : `00:${String(r).padStart(2, "0")}`;
-}, b = ({ type: e }) => e === "incoming" ? /* @__PURE__ */ s(i, { className: "h-4 w-4 text-status-success-text" }) : e === "outgoing" ? /* @__PURE__ */ s(o, { className: "h-4 w-4 text-status-info-text" }) : /* @__PURE__ */ s(a, { className: "h-4 w-4 text-status-error-text" });
-function x() {
-	let { showToast: i } = v(), { employees: o, teams: x } = e(), S = () => i("Voice calling is on the CrewFoundry roadmap — coming soon.", "info"), C = t(() => o.slice(0, 10).map((e, t) => {
-		let n = t % 5 == 0 ? "missed" : t % 2 == 0 ? "outgoing" : "incoming", r = x[t % Math.max(x.length, 1)], i = Math.round((e.performanceScore + t) * 3);
-		return {
-			id: `call-${e.id}`,
-			name: `${e.firstName} ${e.lastName}`.trim(),
-			type: n,
-			duration: n === "missed" ? "-" : y(i),
-			time: new Date(e.startDate).toLocaleDateString(),
-			topic: r ? `${r.name} check-in` : `${e.department} operations update`
-		};
-	}), [o, x]), w = C.filter((e) => e.duration !== "-"), T = w.length ? Math.round(w.map((e) => {
-		let [t, n] = e.duration.split(":").map(Number);
-		return t * 60 + n;
-	}).reduce((e, t) => e + t, 0) / w.length) : 0;
-	return /* @__PURE__ */ c("div", {
+function p() {
+	let { showToast: p } = f();
+	return /* @__PURE__ */ n("div", {
 		className: "space-y-6 p-6",
-		children: [
-			/* @__PURE__ */ c("div", {
-				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ c("div", { children: [
-					/* @__PURE__ */ s("h1", {
-						className: "text-2xl font-semibold",
-						children: /* @__PURE__ */ s(g, { children: "Calls" })
-					}),
-					/* @__PURE__ */ s("p", {
-						className: "text-sm text-text-secondary",
-						children: "Voice call history and quick dial"
-					}),
-					/* @__PURE__ */ s(_, {
-						className: "mt-1",
-						children: "Review your call history and start new voice calls with colleagues — a quick way to reach teammates without leaving CrewFoundry."
-					})
-				] }), /* @__PURE__ */ c("div", {
-					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ s(l, {
-						variant: "secondary",
-						className: "text-[10px]",
-						children: "Coming soon"
-					}), /* @__PURE__ */ c(u, {
-						size: "sm",
-						onClick: S,
-						children: [/* @__PURE__ */ s(r, { className: "mr-1 h-4 w-4" }), "New Call"]
-					})]
+		children: [/* @__PURE__ */ n("div", {
+			className: "flex items-center justify-between",
+			children: [/* @__PURE__ */ n("div", { children: [
+				/* @__PURE__ */ t("h1", {
+					className: "text-2xl font-semibold",
+					children: /* @__PURE__ */ t(l, { children: "Calls" })
+				}),
+				/* @__PURE__ */ t("p", {
+					className: "text-sm text-text-secondary",
+					children: "Voice call history and quick dial"
+				}),
+				/* @__PURE__ */ t(d, {
+					className: "mt-1",
+					children: "Review your call history and start new voice calls with colleagues — a quick way to reach teammates without leaving CrewFoundry."
+				})
+			] }), /* @__PURE__ */ n("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ t(r, {
+					variant: "secondary",
+					className: "text-[10px]",
+					children: "Coming soon"
+				}), /* @__PURE__ */ n(i, {
+					size: "sm",
+					onClick: () => p("Voice calling is on the CrewFoundry roadmap — coming soon.", "info"),
+					children: [/* @__PURE__ */ t(e, { className: "mr-1 h-4 w-4" }), "New Call"]
 				})]
-			}),
-			/* @__PURE__ */ c("div", {
-				className: "grid gap-4 md:grid-cols-3",
-				children: [
-					/* @__PURE__ */ c(h, {
-						treatment: "glass",
-						glow: !0,
-						className: "border-border-seam",
-						children: [/* @__PURE__ */ c(p, {
-							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ s(m, {
-								className: "text-sm font-medium",
-								children: "Total Calls"
-							}), /* @__PURE__ */ s(r, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ c(f, { children: [/* @__PURE__ */ s("div", {
-							className: "text-2xl font-bold tabular-nums",
-							children: C.length
-						}), /* @__PURE__ */ s("p", {
-							className: "text-xs text-text-secondary",
-							children: "Live call activity"
-						})] })]
-					}),
-					/* @__PURE__ */ c(h, {
-						treatment: "metric",
-						className: "border-border-seam",
-						children: [/* @__PURE__ */ c(p, {
-							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ s(m, {
-								className: "text-sm font-medium",
-								children: "Missed"
-							}), /* @__PURE__ */ s(a, { className: "h-4 w-4 text-status-error-text" })]
-						}), /* @__PURE__ */ s(f, { children: /* @__PURE__ */ s("div", {
-							className: "text-2xl font-bold tabular-nums",
-							children: C.filter((e) => e.type === "missed").length
-						}) })]
-					}),
-					/* @__PURE__ */ c(h, {
-						treatment: "metric",
-						className: "border-border-seam",
-						children: [/* @__PURE__ */ c(p, {
-							className: "flex flex-row items-center justify-between space-y-0 pb-2",
-							children: [/* @__PURE__ */ s(m, {
-								className: "text-sm font-medium",
-								children: "Avg Duration"
-							}), /* @__PURE__ */ s(n, { className: "h-4 w-4 text-text-secondary" })]
-						}), /* @__PURE__ */ c(f, { children: [/* @__PURE__ */ s("div", {
-							className: "text-2xl font-bold tabular-nums",
-							children: y(T)
-						}), /* @__PURE__ */ s("p", {
-							className: "text-xs text-text-secondary",
-							children: "minutes"
-						})] })]
-					})
-				]
-			}),
-			/* @__PURE__ */ c(d, { children: [/* @__PURE__ */ s(p, { children: /* @__PURE__ */ s(m, { children: "Call History" }) }), /* @__PURE__ */ s(f, {
-				className: "space-y-3",
-				children: C.map((e) => /* @__PURE__ */ c("div", {
-					className: "flex items-center justify-between rounded border p-3",
-					children: [/* @__PURE__ */ c("div", {
-						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ s(b, { type: e.type }), /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("p", {
-							className: "text-sm font-medium",
-							children: e.name
-						}), /* @__PURE__ */ s("p", {
-							className: "text-xs text-text-secondary",
-							children: e.topic
-						})] })]
-					}), /* @__PURE__ */ c("div", {
-						className: "flex items-center gap-3",
-						children: [
-							/* @__PURE__ */ s("span", {
-								className: "text-xs text-text-secondary",
-								children: e.time
-							}),
-							/* @__PURE__ */ s(l, {
-								variant: e.type === "missed" ? "destructive" : "outline",
-								className: "text-[10px]",
-								children: e.duration === "-" ? "missed" : e.duration
-							}),
-							/* @__PURE__ */ s(u, {
-								variant: "outline",
-								size: "sm",
-								className: "h-7",
-								"aria-label": `Call ${e.name} (coming soon)`,
-								onClick: S,
-								children: /* @__PURE__ */ s(r, { className: "h-3 w-3" })
-							})
-						]
-					})]
-				}, e.id))
-			})] })
-		]
+			})]
+		}), /* @__PURE__ */ n(a, { children: [/* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(c, { children: "Call History" }) }), /* @__PURE__ */ t(o, {
+			className: "p-0",
+			children: /* @__PURE__ */ t("div", {
+				className: "p-6",
+				children: /* @__PURE__ */ t(u, {
+					illustration: "empty-notifications",
+					title: "Voice calling is coming soon",
+					description: "In-app voice calls are on the CrewFoundry roadmap. Once the telephony backend ships, your call history and quick dial will appear here."
+				})
+			})
+		})] })]
 	});
 }
 //#endregion
-export { x as CommunicationsCallsPagePage };
+export { p as CommunicationsCallsPagePage };
 
 //# sourceMappingURL=CommunicationsCallsPagePage.js.map

package/dist/crewfoundry/pages/CommunicationsCallsPagePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommunicationsCallsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/CommunicationsCallsPagePage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { Clock, Phone, PhoneIncoming, PhoneMissed, PhoneOutgoing } from 'lucide-react';\nimport { useGlobalUi } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\ntype CallType = 'incoming' | 'outgoing' | 'missed';\n\ntype CallRecord = {\n  id: string;\n  name: string;\n  type: CallType;\n  duration: string;\n  time: string;\n  topic: string;\n};\n\nconst formatDuration = (minutes: number): string => {\n  const safeMinutes = Math.max(minutes, 0);\n  const hours = Math.floor(safeMinutes / 60);\n  const mins = safeMinutes % 60;\n  if (hours > 0) {\n    return `${String(hours).padStart(2, '0')}:${String(mins).padStart(2, '0')}`;\n  }\n  return `00:${String(mins).padStart(2, '0')}`;\n};\n\nconst CallIcon = ({ type }: { type: CallType }) => {\n  if (type === 'incoming') return <PhoneIncoming className=\"h-4 w-4 text-status-success-text\" />;\n  if (type === 'outgoing') return <PhoneOutgoing className=\"h-4 w-4 text-status-info-text\" />;\n  return <PhoneMissed className=\"h-4 w-4 text-status-error-text\" />;\n};\n\nexport function CommunicationsCallsPagePage() {\n  const { showToast } = useGlobalUi();\n  const { employees, teams } = useCrewFoundryStore();\n\n  // Voice calling is a planned surface — no telephony backend exists yet, so the\n  // dial controls honestly signal their roadmap status.\n  const notifyComingSoon = () =>\n    showToast('Voice calling is on the CrewFoundry roadmap — coming soon.', 'info');\n\n  const callHistory = useMemo<CallRecord[]>(() => {\n    const seed = employees.slice(0, 10);\n    return seed.map((employee, index) => {\n      const callType: CallType =\n        index % 5 === 0 ? 'missed' : index % 2 === 0 ? 'outgoing' : 'incoming';\n      const topicSource = teams[index % Math.max(teams.length, 1)];\n      const durationMinutes = Math.round((employee.performanceScore + index) * 3);\n      return {\n        id: `call-${employee.id}`,\n        name: `${employee.firstName} ${employee.lastName}`.trim(),\n        type: callType,\n        duration: callType === 'missed' ? '-' : formatDuration(durationMinutes),\n        time: new Date(employee.startDate).toLocaleDateString(),\n        topic: topicSource\n          ? `${topicSource.name} check-in`\n          : `${employee.department} operations update`,\n      };\n    });\n  }, [employees, teams]);\n\n  const connectedCalls = callHistory.filter((call) => call.duration !== '-');\n  const averageMinutes = connectedCalls.length\n    ? Math.round(\n        connectedCalls\n          .map((call) => {\n            const [hours, minutes] = call.duration.split(':').map(Number);\n            return hours * 60 + minutes;\n          })\n          .reduce((total, value) => total + value, 0) / connectedCalls.length\n      )\n    : 0;\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>Calls</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">Voice call history and quick dial</p>\n          <PagePurpose className=\"mt-1\">Review your call history and start new voice calls with colleagues — a quick way to reach teammates without leaving CrewFoundry.</PagePurpose>\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <Badge variant=\"secondary\" className=\"text-[10px]\">\n            Coming soon\n          </Badge>\n          <Button size=\"sm\" onClick={notifyComingSoon}>\n            <Phone className=\"mr-1 h-4 w-4\" />\n            New Call\n          </Button>\n        </div>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-3\">\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Total Calls</CardTitle>\n            <Phone className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{callHistory.length}</div>\n            <p className=\"text-xs text-text-secondary\">Live call activity</p>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Missed</CardTitle>\n            <PhoneMissed className=\"h-4 w-4 text-status-error-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">\n              {callHistory.filter((call) => call.type === 'missed').length}\n            </div>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Avg Duration</CardTitle>\n            <Clock className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{formatDuration(averageMinutes)}</div>\n            <p className=\"text-xs text-text-secondary\">minutes</p>\n          </CardContent>\n        </GlassCard>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Call History</CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-3\">\n          {callHistory.map((call) => (\n            <div key={call.id} className=\"flex items-center justify-between rounded border p-3\">\n              <div className=\"flex items-center gap-3\">\n                <CallIcon type={call.type} />\n                <div>\n                  <p className=\"text-sm font-medium\">{call.name}</p>\n                  <p className=\"text-xs text-text-secondary\">{call.topic}</p>\n                </div>\n              </div>\n              <div className=\"flex items-center gap-3\">\n                <span className=\"text-xs text-text-secondary\">{call.time}</span>\n                <Badge\n                  variant={call.type === 'missed' ? 'destructive' : 'outline'}\n                  className=\"text-[10px]\"\n                >\n                  {call.duration === '-' ? 'missed' : call.duration}\n                </Badge>\n                <Button\n                  variant=\"outline\"\n                  size=\"sm\"\n                  className=\"h-7\"\n                  aria-label={`Call ${call.name} (coming soon)`}\n                  onClick={notifyComingSoon}\n                >\n                  <Phone className=\"h-3 w-3\" />\n                </Button>\n              </div>\n            </div>\n          ))}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"CommunicationsCallsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/CommunicationsCallsPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  GradientText,\n  IllustratedEmptyState,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { Phone } from 'lucide-react';\nimport { useGlobalUi } from '@burdenoff/fe-libs/shared/providers/shell';\n\nexport function CommunicationsCallsPagePage() {\n  const { showToast } = useGlobalUi();\n\n  // Voice calling is a planned surface — no telephony backend exists yet, so the\n  // dial controls honestly signal their roadmap status. Call history is not\n  // fabricated in the meantime.\n  const notifyComingSoon = () =>\n    showToast('Voice calling is on the CrewFoundry roadmap — coming soon.', 'info');\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>Calls</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">Voice call history and quick dial</p>\n          <PagePurpose className=\"mt-1\">Review your call history and start new voice calls with colleagues — a quick way to reach teammates without leaving CrewFoundry.</PagePurpose>\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <Badge variant=\"secondary\" className=\"text-[10px]\">\n            Coming soon\n          </Badge>\n          <Button size=\"sm\" onClick={notifyComingSoon}>\n            <Phone className=\"mr-1 h-4 w-4\" />\n            New Call\n          </Button>\n        </div>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Call History</CardTitle>\n        </CardHeader>\n        <CardContent className=\"p-0\">\n          <div className=\"p-6\">\n            <IllustratedEmptyState\n              illustration=\"empty-notifications\"\n              title=\"Voice calling is coming soon\"\n              description=\"In-app voice calls are on the CrewFoundry roadmap. Once the telephony backend ships, your call history and quick dial will appear here.\"\n            />\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":";;;;;AAcA,SAAgB,IAA8B;CAC5C,IAAM,EAAE,iBAAc,GAAa;AAQnC,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD,EAAA,UAAA;IACE,kBAAC,MAAD;KAAI,WAAU;eACZ,kBAAC,GAAD,EAAA,UAAc,SAAoB,CAAA;KAC/B,CAAA;IACL,kBAAC,KAAD;KAAG,WAAU;eAA8B;KAAqC,CAAA;IAChF,kBAAC,GAAD;KAAa,WAAU;eAAO;KAA8I,CAAA;IACxK,EAAA,CAAA,EACN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAO,SAAQ;KAAY,WAAU;eAAc;KAE3C,CAAA,EACR,kBAAC,GAAD;KAAQ,MAAK;KAAK,eAhBxB,EAAU,8DAA8D,OAAO;eAgBzE,CACE,kBAAC,GAAD,EAAO,WAAU,gBAAiB,CAAA,EAAA,WAE3B;OACL;MACF;MAEN,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAW,gBAAwB,CAAA,EACxB,CAAA,EACb,kBAAC,GAAD;GAAa,WAAU;aACrB,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD;KACE,cAAa;KACb,OAAM;KACN,aAAY;KACZ,CAAA;IACE,CAAA;GACM,CAAA,CACT,EAAA,CAAA,CACH"}

package/dist/crewfoundry/pages/CommunicationsDirectoryPagePage.js

@@ -2,10 +2,11 @@ import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
 import { useState as t } from "react";
 import { Mail as n, MapPin as r, Phone as i, Search as a } from "lucide-react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { Badge as c, CardContent as l, GlassCard as u, GradientText as d, IllustratedEmptyState as f, Input as p, PagePurpose as m } from "@burdenoff/fe-libs/ui";
+import { Badge as c, CardContent as l, GlassCard as u, GradientText as d, IllustratedEmptyState as f, Input as p, PagePurpose as m, Pagination as h } from "@burdenoff/fe-libs/ui";
+import { usePagination as g } from "@burdenoff/fe-libs/shared/hooks";
 //#region src/crewfoundry/pages/CommunicationsDirectoryPagePage.tsx
-function h() {
-	let { employees: h } = e(), [g, _] = t(""), v = h.filter((e) => `${e.firstName} ${e.lastName} ${e.department} ${e.position} ${e.email}`.toLowerCase().includes(g.toLowerCase()));
+function _() {
+	let { employees: _ } = e(), [v, y] = t(""), { page: b, pageSize: x, setPage: S } = g({ initialPageSize: 12 }), C = _.filter((e) => `${e.firstName} ${e.lastName} ${e.department} ${e.position} ${e.email}`.toLowerCase().includes(v.toLowerCase())), w = C.slice((b - 1) * x, (b - 1) * x + x);
 	return /* @__PURE__ */ s("div", {
 		className: "space-y-6 p-6",
 		children: [
@@ -16,7 +17,7 @@ function h() {
 				}),
 				/* @__PURE__ */ s("p", {
 					className: "text-sm text-text-secondary",
-					children: [h.length, " team members"]
+					children: [_.length, " team members"]
 				}),
 				/* @__PURE__ */ o(m, {
 					className: "mt-1",
@@ -28,22 +29,24 @@ function h() {
 				children: [/* @__PURE__ */ o(a, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ o(p, {
 					placeholder: "Search by name, role, department...",
 					className: "pl-9",
-					value: g,
-					onChange: (e) => _(e.target.value)
+					value: v,
+					onChange: (e) => {
+						y(e.target.value), S(1);
+					}
 				})]
 			}),
 			/* @__PURE__ */ o("div", {
 				className: "grid gap-3 md:grid-cols-2 lg:grid-cols-3",
-				children: v.length === 0 ? /* @__PURE__ */ o("div", {
+				children: C.length === 0 ? /* @__PURE__ */ o("div", {
 					className: "col-span-full",
 					children: /* @__PURE__ */ o(f, {
 						illustration: "empty-people",
 						title: "No people found",
 						description: "Try a different search term to find a colleague."
 					})
-				}) : v.map((e, t) => /* @__PURE__ */ o(u, {
-					treatment: t === 0 ? "glass" : "plain",
-					glow: t === 0,
+				}) : w.map((e, t) => /* @__PURE__ */ o(u, {
+					treatment: t === 0 && b === 1 ? "glass" : "plain",
+					glow: t === 0 && b === 1,
 					children: /* @__PURE__ */ o(l, {
 						className: "p-4",
 						children: /* @__PURE__ */ s("div", {
@@ -101,11 +104,17 @@ function h() {
 						})
 					})
 				}, e.id))
+			}),
+			C.length > x && /* @__PURE__ */ o(h, {
+				page: b,
+				pageSize: x,
+				totalItems: C.length,
+				onPageChange: S
 			})
 		]
 	});
 }
 //#endregion
-export { h as CommunicationsDirectoryPagePage };
+export { _ as CommunicationsDirectoryPagePage };
 
 //# sourceMappingURL=CommunicationsDirectoryPagePage.js.map

package/dist/crewfoundry/pages/CommunicationsDirectoryPagePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommunicationsDirectoryPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/CommunicationsDirectoryPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  Badge,\n  CardContent,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  Input,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { Mail, MapPin, Phone, Search } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function CommunicationsDirectoryPagePage() {\n  const { employees } = useCrewFoundryStore();\n  const [search, setSearch] = useState('');\n\n  const filtered = employees.filter((e) =>\n    `${e.firstName} ${e.lastName} ${e.department} ${e.position} ${e.email}`\n      .toLowerCase()\n      .includes(search.toLowerCase())\n  );\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">\n          <GradientText>Company Directory</GradientText>\n        </h1>\n        <p className=\"text-sm text-text-secondary\">{employees.length} team members</p>\n        <PagePurpose className=\"mt-1\">Find anyone in the company by name, role, or department — use it to discover who to contact and how to reach them.</PagePurpose>\n      </div>\n      <div className=\"relative max-w-sm\">\n        <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary\" />\n        <Input\n          placeholder=\"Search by name, role, department...\"\n          className=\"pl-9\"\n          value={search}\n          onChange={(e) => setSearch(e.target.value)}\n        />\n      </div>\n      <div className=\"grid gap-3 md:grid-cols-2 lg:grid-cols-3\">\n        {filtered.length === 0 ? (\n          <div className=\"col-span-full\">\n            <IllustratedEmptyState illustration=\"empty-people\" title=\"No people found\" description=\"Try a different search term to find a colleague.\" />\n          </div>\n        ) : (\n          filtered.map((emp, _idx) => (\n          <GlassCard key={emp.id} treatment={_idx === 0 ? 'glass' : 'plain'} glow={_idx === 0}>\n            <CardContent className=\"p-4\">\n              <div className=\"flex items-start gap-3\">\n                <div className=\"h-10 w-10 rounded-full bg-action-primary-bg/10 flex items-center justify-center text-sm font-bold flex-shrink-0\">\n                  {emp.firstName[0]}\n                  {emp.lastName[0]}\n                </div>\n                <div className=\"flex-1 min-w-0\">\n                  <p className=\"text-sm font-medium\">\n                    {emp.firstName} {emp.lastName}\n                  </p>\n                  <p className=\"text-xs text-text-secondary\">{emp.position}</p>\n                  <Badge variant=\"outline\" className=\"mt-1 text-[10px]\">\n                    {emp.department}\n                  </Badge>\n                  <div className=\"mt-2 space-y-1\">\n                    <p className=\"text-xs text-text-secondary flex items-center gap-1\">\n                      <Mail className=\"h-3 w-3\" />\n                      {emp.email}\n                    </p>\n                    <p className=\"text-xs text-text-secondary flex items-center gap-1\">\n                      <Phone className=\"h-3 w-3\" />\n                      {emp.phone}\n                    </p>\n                    <p className=\"text-xs text-text-secondary flex items-center gap-1\">\n                      <MapPin className=\"h-3 w-3\" />\n                      {emp.location}\n                    </p>\n                  </div>\n                </div>\n                <Badge\n                  variant={emp.status === 'active' ? 'default' : 'secondary'}\n                  className=\"text-[10px]\"\n                >\n                  {emp.status.replace('_', ' ')}\n                </Badge>\n              </div>\n            </CardContent>\n          </GlassCard>\n        )))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAaA,SAAgB,IAAkC;CAChD,IAAM,EAAE,iBAAc,GAAqB,EACrC,CAAC,GAAQ,KAAa,EAAS,GAAG,EAElC,IAAW,EAAU,QAAQ,MACjC,GAAG,EAAE,UAAU,GAAG,EAAE,SAAS,GAAG,EAAE,WAAW,GAAG,EAAE,SAAS,GAAG,EAAE,QAC7D,aAAa,CACb,SAAS,EAAO,aAAa,CAAC,CAClC;AAED,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD,EAAA,UAAA;IACE,kBAAC,MAAD;KAAI,WAAU;eACZ,kBAAC,GAAD,EAAA,UAAc,qBAAgC,CAAA;KAC3C,CAAA;IACL,kBAAC,KAAD;KAAG,WAAU;eAAb,CAA4C,EAAU,QAAO,gBAAiB;;IAC9E,kBAAC,GAAD;KAAa,WAAU;eAAO;KAAgI,CAAA;IAC1J,EAAA,CAAA;GACN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAQ,WAAU,wEAAyE,CAAA,EAC3F,kBAAC,GAAD;KACE,aAAY;KACZ,WAAU;KACV,OAAO;KACP,WAAW,MAAM,EAAU,EAAE,OAAO,MAAM;KAC1C,CAAA,CACE;;GACN,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAS,WAAW,IACnB,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD;MAAuB,cAAa;MAAe,OAAM;MAAkB,aAAY;MAAqD,CAAA;KACxI,CAAA,GAEN,EAAS,KAAK,GAAK,MACnB,kBAAC,GAAD;KAAwB,WAAW,MAAS,IAAI,UAAU;KAAS,MAAM,MAAS;eAChF,kBAAC,GAAD;MAAa,WAAU;gBACrB,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACG,EAAI,UAAU,IACd,EAAI,SAAS,GACV;;QACN,kBAAC,OAAD;SAAK,WAAU;mBAAf;UACE,kBAAC,KAAD;WAAG,WAAU;qBAAb;YACG,EAAI;YAAU;YAAE,EAAI;YACnB;;UACJ,kBAAC,KAAD;WAAG,WAAU;qBAA+B,EAAI;WAAa,CAAA;UAC7D,kBAAC,GAAD;WAAO,SAAQ;WAAU,WAAU;qBAChC,EAAI;WACC,CAAA;UACR,kBAAC,OAAD;WAAK,WAAU;qBAAf;YACE,kBAAC,KAAD;aAAG,WAAU;uBAAb,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAC3B,EAAI,MACH;;YACJ,kBAAC,KAAD;aAAG,WAAU;uBAAb,CACE,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA,EAC5B,EAAI,MACH;;YACJ,kBAAC,KAAD;aAAG,WAAU;uBAAb,CACE,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA,EAC7B,EAAI,SACH;;YACA;;UACF;;QACN,kBAAC,GAAD;SACE,SAAS,EAAI,WAAW,WAAW,YAAY;SAC/C,WAAU;mBAET,EAAI,OAAO,QAAQ,KAAK,IAAI;SACvB,CAAA;QACJ;;MACM,CAAA;KACJ,EAtCI,EAAI,GAsCR,CACZ;IACE,CAAA;GACF"}
+{"version":3,"file":"CommunicationsDirectoryPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/CommunicationsDirectoryPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  Badge,\n  CardContent,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  Input,\n  PagePurpose,\n  Pagination,\n} from '@burdenoff/fe-libs/ui';\nimport { usePagination } from '@burdenoff/fe-libs/shared/hooks';\nimport { Mail, MapPin, Phone, Search } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\n\nexport function CommunicationsDirectoryPagePage() {\n  const { employees } = useCrewFoundryStore();\n  const [search, setSearch] = useState('');\n  const { page, pageSize, setPage } = usePagination({ initialPageSize: 12 });\n\n  const filtered = employees.filter((e) =>\n    `${e.firstName} ${e.lastName} ${e.department} ${e.position} ${e.email}`\n      .toLowerCase()\n      .includes(search.toLowerCase())\n  );\n\n  const pageEmployees = filtered.slice((page - 1) * pageSize, (page - 1) * pageSize + pageSize);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">\n          <GradientText>Company Directory</GradientText>\n        </h1>\n        <p className=\"text-sm text-text-secondary\">{employees.length} team members</p>\n        <PagePurpose className=\"mt-1\">Find anyone in the company by name, role, or department — use it to discover who to contact and how to reach them.</PagePurpose>\n      </div>\n      <div className=\"relative max-w-sm\">\n        <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary\" />\n        <Input\n          placeholder=\"Search by name, role, department...\"\n          className=\"pl-9\"\n          value={search}\n          onChange={(e) => {\n            setSearch(e.target.value);\n            setPage(1);\n          }}\n        />\n      </div>\n      <div className=\"grid gap-3 md:grid-cols-2 lg:grid-cols-3\">\n        {filtered.length === 0 ? (\n          <div className=\"col-span-full\">\n            <IllustratedEmptyState illustration=\"empty-people\" title=\"No people found\" description=\"Try a different search term to find a colleague.\" />\n          </div>\n        ) : (\n          pageEmployees.map((emp, _idx) => (\n          <GlassCard key={emp.id} treatment={_idx === 0 && page === 1 ? 'glass' : 'plain'} glow={_idx === 0 && page === 1}>\n            <CardContent className=\"p-4\">\n              <div className=\"flex items-start gap-3\">\n                <div className=\"h-10 w-10 rounded-full bg-action-primary-bg/10 flex items-center justify-center text-sm font-bold flex-shrink-0\">\n                  {emp.firstName[0]}\n                  {emp.lastName[0]}\n                </div>\n                <div className=\"flex-1 min-w-0\">\n                  <p className=\"text-sm font-medium\">\n                    {emp.firstName} {emp.lastName}\n                  </p>\n                  <p className=\"text-xs text-text-secondary\">{emp.position}</p>\n                  <Badge variant=\"outline\" className=\"mt-1 text-[10px]\">\n                    {emp.department}\n                  </Badge>\n                  <div className=\"mt-2 space-y-1\">\n                    <p className=\"text-xs text-text-secondary flex items-center gap-1\">\n                      <Mail className=\"h-3 w-3\" />\n                      {emp.email}\n                    </p>\n                    <p className=\"text-xs text-text-secondary flex items-center gap-1\">\n                      <Phone className=\"h-3 w-3\" />\n                      {emp.phone}\n                    </p>\n                    <p className=\"text-xs text-text-secondary flex items-center gap-1\">\n                      <MapPin className=\"h-3 w-3\" />\n                      {emp.location}\n                    </p>\n                  </div>\n                </div>\n                <Badge\n                  variant={emp.status === 'active' ? 'default' : 'secondary'}\n                  className=\"text-[10px]\"\n                >\n                  {emp.status.replace('_', ' ')}\n                </Badge>\n              </div>\n            </CardContent>\n          </GlassCard>\n        )))}\n      </div>\n      {filtered.length > pageSize && (\n        <Pagination\n          page={page}\n          pageSize={pageSize}\n          totalItems={filtered.length}\n          onPageChange={setPage}\n        />\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAeA,SAAgB,IAAkC;CAChD,IAAM,EAAE,iBAAc,GAAqB,EACrC,CAAC,GAAQ,KAAa,EAAS,GAAG,EAClC,EAAE,SAAM,aAAU,eAAY,EAAc,EAAE,iBAAiB,IAAI,CAAC,EAEpE,IAAW,EAAU,QAAQ,MACjC,GAAG,EAAE,UAAU,GAAG,EAAE,SAAS,GAAG,EAAE,WAAW,GAAG,EAAE,SAAS,GAAG,EAAE,QAC7D,aAAa,CACb,SAAS,EAAO,aAAa,CAAC,CAClC,EAEK,IAAgB,EAAS,OAAO,IAAO,KAAK,IAAW,IAAO,KAAK,IAAW,EAAS;AAE7F,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD,EAAA,UAAA;IACE,kBAAC,MAAD;KAAI,WAAU;eACZ,kBAAC,GAAD,EAAA,UAAc,qBAAgC,CAAA;KAC3C,CAAA;IACL,kBAAC,KAAD;KAAG,WAAU;eAAb,CAA4C,EAAU,QAAO,gBAAiB;;IAC9E,kBAAC,GAAD;KAAa,WAAU;eAAO;KAAgI,CAAA;IAC1J,EAAA,CAAA;GACN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAQ,WAAU,wEAAyE,CAAA,EAC3F,kBAAC,GAAD;KACE,aAAY;KACZ,WAAU;KACV,OAAO;KACP,WAAW,MAAM;AAEf,MADA,EAAU,EAAE,OAAO,MAAM,EACzB,EAAQ,EAAE;;KAEZ,CAAA,CACE;;GACN,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAS,WAAW,IACnB,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD;MAAuB,cAAa;MAAe,OAAM;MAAkB,aAAY;MAAqD,CAAA;KACxI,CAAA,GAEN,EAAc,KAAK,GAAK,MACxB,kBAAC,GAAD;KAAwB,WAAW,MAAS,KAAK,MAAS,IAAI,UAAU;KAAS,MAAM,MAAS,KAAK,MAAS;eAC5G,kBAAC,GAAD;MAAa,WAAU;gBACrB,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACG,EAAI,UAAU,IACd,EAAI,SAAS,GACV;;QACN,kBAAC,OAAD;SAAK,WAAU;mBAAf;UACE,kBAAC,KAAD;WAAG,WAAU;qBAAb;YACG,EAAI;YAAU;YAAE,EAAI;YACnB;;UACJ,kBAAC,KAAD;WAAG,WAAU;qBAA+B,EAAI;WAAa,CAAA;UAC7D,kBAAC,GAAD;WAAO,SAAQ;WAAU,WAAU;qBAChC,EAAI;WACC,CAAA;UACR,kBAAC,OAAD;WAAK,WAAU;qBAAf;YACE,kBAAC,KAAD;aAAG,WAAU;uBAAb,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAC3B,EAAI,MACH;;YACJ,kBAAC,KAAD;aAAG,WAAU;uBAAb,CACE,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA,EAC5B,EAAI,MACH;;YACJ,kBAAC,KAAD;aAAG,WAAU;uBAAb,CACE,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA,EAC7B,EAAI,SACH;;YACA;;UACF;;QACN,kBAAC,GAAD;SACE,SAAS,EAAI,WAAW,WAAW,YAAY;SAC/C,WAAU;mBAET,EAAI,OAAO,QAAQ,KAAK,IAAI;SACvB,CAAA;QACJ;;MACM,CAAA;KACJ,EAtCI,EAAI,GAsCR,CACZ;IACE,CAAA;GACL,EAAS,SAAS,KACjB,kBAAC,GAAD;IACQ;IACI;IACV,YAAY,EAAS;IACrB,cAAc;IACd,CAAA;GAEA"}