@burdenoff/microfe-technospam 2026.1031.1 → 2026.1031.2

package/dist/technospam/pages/HackathonsHackathonDetailsPagePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"HackathonsHackathonDetailsPagePage.js","names":[],"sources":["../../../src/technospam/pages/HackathonsHackathonDetailsPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useSearchParams } from 'react-router';\nimport {\n  Award,\n  CalendarClock,\n  CalendarDays,\n  Code2,\n  ExternalLink,\n  Flag,\n  Github,\n  Send,\n  Trophy,\n  UserPlus,\n  Users,\n  type LucideIcon,\n} from 'lucide-react';\nimport {\n  Badge,\n  Button,\n  GlassCard,\n  Input,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  Skeleton,\n  Textarea,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  EmptyView,\n  ErrorView,\n  MediaCover,\n  PageLayout,\n  StatusBadge,\n  coverGradient,\n} from '../components';\nimport { cn } from '../utils/cn';\nimport { useTechnoSpam } from '../providers/TechnoSpamProvider';\nimport {\n  useHackathonQuery,\n  useRegisterTeam,\n  useSubmitProject,\n  useTeamsQuery,\n  type TecHackathonTeam,\n} from '../api/technospamApi';\nimport { formatDate, formatDateTime, formatMoney } from '../utils/format';\nimport { notify } from '../lib/toast';\nimport {\n  FOCUSED_CARD_CLASS,\n  focusableCardProps,\n  useFocusedRecordParam,\n} from '../hooks/useFocusedRecordParam';\nimport { FOCUS_PARAMS } from '../utils/pageContext';\n\n/** Translucent glass chip used for stats overlaid on the vivid MediaCover hero. */\nfunction HeroChip({ icon: Icon, label }: { icon: LucideIcon; label: string }) {\n  return (\n    <span className=\"inline-flex items-center gap-1.5 rounded-lg bg-white/15 px-3 py-1.5 text-sm font-medium text-white ring-1 ring-white/25 backdrop-blur-sm\">\n      <Icon size={15} /> {label}\n    </span>\n  );\n}\n\nfunction TeamCard({\n  team,\n  isMine,\n  focused,\n  onToggle,\n}: {\n  team: TecHackathonTeam;\n  isMine: boolean;\n  /** The focused team (`?teamId=`) is the one the assistant acts on. */\n  focused: boolean;\n  onToggle: () => void;\n}) {\n  const isWinner = team.status === 'WINNER';\n  return (\n    <GlassCard\n      className={cn(\n        'group flex cursor-pointer flex-col gap-3 p-4 transition-all duration-200 hover:-translate-y-1 hover:shadow-lg',\n        focused && FOCUSED_CARD_CLASS\n      )}\n      {...focusableCardProps(focused, onToggle)}\n    >\n      <div className=\"flex items-start justify-between gap-3\">\n        <div className=\"flex min-w-0 items-start gap-3\">\n          <span\n            className={cn(\n              'flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br text-white shadow-sm ring-1 ring-white/10 transition-transform duration-200 group-hover:scale-105',\n              coverGradient(team.name)\n            )}\n          >\n            {isWinner ? <Trophy size={19} /> : <Code2 size={19} />}\n          </span>\n          <div className=\"min-w-0\">\n            <div className=\"flex flex-wrap items-center gap-2\">\n              <button\n                type=\"button\"\n                aria-pressed={focused}\n                onClick={onToggle}\n                className=\"truncate text-left text-sm font-semibold text-text-primary hover:text-accent-primary\"\n              >\n                {team.name}\n              </button>\n              {isMine ? (\n                <Badge variant=\"secondary\" className=\"text-[11px]\">\n                  Your team\n                </Badge>\n              ) : null}\n            </div>\n            {team.projectName ? (\n              <p className=\"mt-0.5 truncate text-sm text-text-secondary\">{team.projectName}</p>\n            ) : (\n              <p className=\"mt-0.5 text-sm text-text-muted\">No project submitted yet</p>\n            )}\n          </div>\n        </div>\n        <StatusBadge status={team.status} />\n      </div>\n\n      {team.pitch ? <p className=\"line-clamp-3 text-sm text-text-secondary\">{team.pitch}</p> : null}\n\n      <div className=\"mt-auto flex flex-wrap items-center gap-x-4 gap-y-1.5 text-xs text-text-muted\">\n        <span className=\"inline-flex items-center gap-1\">\n          <Users size={13} /> {team.memberIds.length} member{team.memberIds.length === 1 ? '' : 's'}\n        </span>\n        <span className=\"inline-flex items-center gap-1\">\n          <Flag size={13} /> Score {team.score}\n        </span>\n      </div>\n\n      {team.repoUrl || team.projectUrl ? (\n        <div className=\"flex flex-wrap items-center gap-3 border-t border-border-seam pt-3\">\n          {team.repoUrl ? (\n            <a\n              href={team.repoUrl}\n              target=\"_blank\"\n              rel=\"noreferrer\"\n              className=\"inline-flex items-center gap-1 text-xs font-medium text-accent-primary hover:underline\"\n            >\n              <Github size={13} /> Repository\n            </a>\n          ) : null}\n          {team.projectUrl ? (\n            <a\n              href={team.projectUrl}\n              target=\"_blank\"\n              rel=\"noreferrer\"\n              className=\"inline-flex items-center gap-1 text-xs font-medium text-accent-primary hover:underline\"\n            >\n              <ExternalLink size={13} /> Live project\n            </a>\n          ) : null}\n        </div>\n      ) : null}\n    </GlassCard>\n  );\n}\n\nexport function HackathonsHackathonDetailsPagePage() {\n  const [params] = useSearchParams();\n  const id = params.get('id') ?? '';\n  const { currentUser } = useTechnoSpam();\n  // The focused team lives in `?teamId=` so the assistant's page context names it.\n  const [focusedTeamId, setFocusedTeamId] = useFocusedRecordParam(FOCUS_PARAMS.team);\n\n  const { data, loading, error, refetch } = useHackathonQuery(id);\n  const {\n    data: teamsData,\n    loading: teamsLoading,\n    error: teamsError,\n    refetch: refetchTeams,\n  } = useTeamsQuery(id);\n\n  const [registerTeam, { loading: registering }] = useRegisterTeam();\n  const [submitProject, { loading: submitting }] = useSubmitProject();\n\n  // register-team form state\n  const [teamName, setTeamName] = useState('');\n  const [memberIdsRaw, setMemberIdsRaw] = useState('');\n\n  // submit-project form state\n  const [projectTeamId, setProjectTeamId] = useState('');\n  const [projectName, setProjectName] = useState('');\n  const [projectUrl, setProjectUrl] = useState('');\n  const [repoUrl, setRepoUrl] = useState('');\n  const [pitch, setPitch] = useState('');\n\n  const hackathon = data?.tecHackathon ?? null;\n  const teams = teamsData?.tecListTeams?.items ?? [];\n  const isRegistrationOpen = hackathon?.status === 'REGISTRATION_OPEN';\n  const captainedTeams = currentUser?.id ? teams.filter((t) => t.captainId === currentUser.id) : [];\n  const activeProjectTeamId = projectTeamId || captainedTeams[0]?.id || '';\n\n  const handleRegister = async () => {\n    if (!id || !teamName.trim()) return;\n    const memberIds = memberIdsRaw\n      .split(',')\n      .map((s) => s.trim())\n      .filter(Boolean);\n    const res = await registerTeam({\n      variables: { input: { hackathonId: id, name: teamName.trim(), memberIds } },\n    });\n    if (res.data?.tecRegisterTeam) {\n      notify.success('Team registered', `\"${teamName.trim()}\" is in the running.`);\n      setTeamName('');\n      setMemberIdsRaw('');\n      await Promise.all([refetchTeams(), refetch()]);\n    }\n  };\n\n  const handleSubmitProject = async () => {\n    if (!activeProjectTeamId || !projectName.trim()) return;\n    const res = await submitProject({\n      variables: {\n        input: {\n          teamId: activeProjectTeamId,\n          projectName: projectName.trim(),\n          projectUrl: projectUrl.trim() || undefined,\n          repoUrl: repoUrl.trim() || undefined,\n          pitch: pitch.trim() || undefined,\n        },\n      },\n    });\n    if (res.data?.tecSubmitProject) {\n      notify.success('Project submitted', `\"${projectName.trim()}\" is submitted for judging.`);\n      setProjectName('');\n      setProjectUrl('');\n      setRepoUrl('');\n      setPitch('');\n      await Promise.all([refetchTeams(), refetch()]);\n    }\n  };\n\n  if (loading && !hackathon) {\n    return (\n      <PageLayout title=\"Hackathon\" backPath=\"/hackathons/hackathons-page\">\n        <Skeleton className=\"mb-4 h-32 w-full rounded-xl\" />\n        <Skeleton className=\"h-64 w-full rounded-xl\" />\n      </PageLayout>\n    );\n  }\n\n  if (error || !hackathon) {\n    return (\n      <PageLayout title=\"Hackathon\" backPath=\"/hackathons/hackathons-page\">\n        {error ? (\n          <ErrorView title=\"Couldn't load hackathon\" error={error} />\n        ) : (\n          <EmptyView\n            title=\"Hackathon not found\"\n            description=\"This hackathon may no longer be listed.\"\n          />\n        )}\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      backPath=\"/hackathons/hackathons-page\"\n      title={hackathon.title}\n      description={hackathon.theme ?? undefined}\n    >\n      <MediaCover\n        height=\"h-40\"\n        seed={hackathon.theme ?? hackathon.id}\n        icon={Trophy}\n        className=\"mb-6 rounded-xl\"\n      >\n        <div className=\"flex w-full flex-col gap-3\">\n          <div className=\"flex flex-wrap items-center gap-2\">\n            <StatusBadge status={hackathon.status} />\n            {hackathon.tags.map((t) => (\n              <Badge\n                key={t}\n                variant=\"secondary\"\n                className=\"border-white/20 bg-white/15 text-[11px] text-white\"\n              >\n                {t}\n              </Badge>\n            ))}\n          </div>\n          <div className=\"flex flex-wrap items-center gap-2\">\n            <HeroChip\n              icon={Award}\n              label={`${formatMoney(hackathon.prizePool, hackathon.currency)} prize pool`}\n            />\n            <HeroChip\n              icon={CalendarDays}\n              label={`${formatDate(hackathon.startAt)} – ${formatDate(hackathon.endAt)}`}\n            />\n            <HeroChip icon={Users} label={`Team of ${hackathon.maxTeamSize}`} />\n            <HeroChip\n              icon={Trophy}\n              label={`${teams.length} team${teams.length === 1 ? '' : 's'} registered`}\n            />\n          </div>\n        </div>\n      </MediaCover>\n\n      {hackathon.description ? (\n        <GlassCard className=\"mb-6 p-5\">\n          <h2 className=\"mb-2 text-base font-semibold text-text-primary\">About</h2>\n          <p className=\"whitespace-pre-line text-sm text-text-secondary\">{hackathon.description}</p>\n        </GlassCard>\n      ) : null}\n\n      <GlassCard className=\"mb-6 p-5\">\n        <h2 className=\"mb-3 text-base font-semibold text-text-primary\">Schedule</h2>\n        <div className=\"grid grid-cols-1 gap-3 sm:grid-cols-3\">\n          <div className=\"flex items-center gap-2 rounded-lg border border-border-seam bg-bg-sunken p-3\">\n            <CalendarDays size={16} className=\"text-accent-teal\" />\n            <div className=\"min-w-0\">\n              <div className=\"text-xs text-text-muted\">Starts</div>\n              <div className=\"truncate text-sm font-medium text-text-primary\">\n                {formatDate(hackathon.startAt)}\n              </div>\n            </div>\n          </div>\n          <div className=\"flex items-center gap-2 rounded-lg border border-border-seam bg-bg-sunken p-3\">\n            <CalendarDays size={16} className=\"text-accent-teal\" />\n            <div className=\"min-w-0\">\n              <div className=\"text-xs text-text-muted\">Ends</div>\n              <div className=\"truncate text-sm font-medium text-text-primary\">\n                {formatDate(hackathon.endAt)}\n              </div>\n            </div>\n          </div>\n          <div className=\"flex items-center gap-2 rounded-lg border border-border-seam bg-bg-sunken p-3\">\n            <CalendarClock size={16} className=\"text-accent-teal\" />\n            <div className=\"min-w-0\">\n              <div className=\"text-xs text-text-muted\">Submission deadline</div>\n              <div className=\"truncate text-sm font-medium text-text-primary\">\n                {formatDateTime(hackathon.submissionDeadline)}\n              </div>\n            </div>\n          </div>\n        </div>\n      </GlassCard>\n\n      {isRegistrationOpen ? (\n        <GlassCard className=\"mb-6 p-5\">\n          <div className=\"mb-3 flex items-center gap-3\">\n            <span className=\"flex h-9 w-9 items-center justify-center rounded-xl bg-accent-primary/15 text-accent-primary ring-1 ring-accent-primary/20\">\n              <UserPlus size={18} />\n            </span>\n            <h2 className=\"text-base font-semibold text-text-primary\">Register a team</h2>\n          </div>\n          <p className=\"mb-4 text-sm text-text-secondary\">\n            You&apos;ll be the team captain. Add teammates by their user id (optional) — teams can\n            be up to {hackathon.maxTeamSize} members.\n          </p>\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            <div>\n              <label className=\"mb-1.5 block text-sm font-medium text-text-secondary\">\n                Team name\n              </label>\n              <Input\n                placeholder=\"e.g. Byte Builders\"\n                value={teamName}\n                onChange={(e) => setTeamName(e.target.value)}\n              />\n            </div>\n            <div>\n              <label className=\"mb-1.5 block text-sm font-medium text-text-secondary\">\n                Teammate user ids{' '}\n                <span className=\"text-text-muted\">(optional, comma-separated)</span>\n              </label>\n              <Input\n                placeholder=\"user-id-1, user-id-2\"\n                value={memberIdsRaw}\n                onChange={(e) => setMemberIdsRaw(e.target.value)}\n              />\n            </div>\n          </div>\n          <div className=\"mt-4 flex justify-end\">\n            <Button onClick={handleRegister} disabled={registering || !teamName.trim()}>\n              <UserPlus size={16} /> {registering ? 'Registering…' : 'Register team'}\n            </Button>\n          </div>\n        </GlassCard>\n      ) : null}\n\n      {captainedTeams.length > 0 ? (\n        <GlassCard className=\"mb-6 p-5\">\n          <div className=\"mb-3 flex items-center gap-3\">\n            <span className=\"flex h-9 w-9 items-center justify-center rounded-xl bg-accent-teal/15 text-accent-teal ring-1 ring-accent-teal/20\">\n              <Send size={18} />\n            </span>\n            <h2 className=\"text-base font-semibold text-text-primary\">Submit your project</h2>\n          </div>\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            {captainedTeams.length > 1 ? (\n              <div className=\"sm:col-span-2\">\n                <label className=\"mb-1.5 block text-sm font-medium text-text-secondary\">Team</label>\n                <Select value={activeProjectTeamId} onValueChange={setProjectTeamId}>\n                  <SelectTrigger>\n                    <SelectValue placeholder=\"Choose a team\" />\n                  </SelectTrigger>\n                  <SelectContent>\n                    {captainedTeams.map((t) => (\n                      <SelectItem key={t.id} value={t.id}>\n                        {t.name}\n                      </SelectItem>\n                    ))}\n                  </SelectContent>\n                </Select>\n              </div>\n            ) : (\n              <div className=\"sm:col-span-2 text-sm text-text-secondary\">\n                Submitting for{' '}\n                <span className=\"font-medium text-text-primary\">{captainedTeams[0]?.name}</span>\n              </div>\n            )}\n            <div>\n              <label className=\"mb-1.5 block text-sm font-medium text-text-secondary\">\n                Project name\n              </label>\n              <Input\n                placeholder=\"e.g. RealtimeCanvas\"\n                value={projectName}\n                onChange={(e) => setProjectName(e.target.value)}\n              />\n            </div>\n            <div>\n              <label className=\"mb-1.5 block text-sm font-medium text-text-secondary\">\n                Live project URL <span className=\"text-text-muted\">(optional)</span>\n              </label>\n              <Input\n                placeholder=\"https://…\"\n                value={projectUrl}\n                onChange={(e) => setProjectUrl(e.target.value)}\n              />\n            </div>\n            <div>\n              <label className=\"mb-1.5 block text-sm font-medium text-text-secondary\">\n                Repository URL <span className=\"text-text-muted\">(optional)</span>\n              </label>\n              <Input\n                placeholder=\"https://github.com/…\"\n                value={repoUrl}\n                onChange={(e) => setRepoUrl(e.target.value)}\n              />\n            </div>\n            <div className=\"sm:col-span-2\">\n              <label className=\"mb-1.5 block text-sm font-medium text-text-secondary\">\n                Pitch <span className=\"text-text-muted\">(optional)</span>\n              </label>\n              <Textarea\n                rows={3}\n                placeholder=\"What did you build, and why does it matter?\"\n                value={pitch}\n                onChange={(e) => setPitch(e.target.value)}\n              />\n            </div>\n          </div>\n          <div className=\"mt-4 flex justify-end\">\n            <Button\n              onClick={handleSubmitProject}\n              disabled={submitting || !activeProjectTeamId || !projectName.trim()}\n            >\n              <Send size={16} /> {submitting ? 'Submitting…' : 'Submit project'}\n            </Button>\n          </div>\n        </GlassCard>\n      ) : null}\n\n      <div>\n        <h2 className=\"mb-3 text-base font-semibold text-text-primary\">\n          Teams {teams.length ? <span className=\"text-text-muted\">({teams.length})</span> : null}\n        </h2>\n        {teamsLoading && !teams.length ? (\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            <Skeleton className=\"h-40 w-full rounded-xl\" />\n            <Skeleton className=\"h-40 w-full rounded-xl\" />\n          </div>\n        ) : teamsError ? (\n          <ErrorView title=\"Couldn't load teams\" error={teamsError} />\n        ) : teams.length === 0 ? (\n          <EmptyView\n            icon={<Users size={26} />}\n            title=\"No teams registered yet\"\n            description={\n              isRegistrationOpen\n                ? 'Be the first to register a team above.'\n                : 'Teams will appear here once registration opens.'\n            }\n          />\n        ) : (\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            {teams.map((team) => (\n              <TeamCard\n                key={team.id}\n                team={team}\n                isMine={!!currentUser?.id && team.captainId === currentUser.id}\n                focused={focusedTeamId === team.id}\n                onToggle={() => setFocusedTeamId(focusedTeamId === team.id ? null : team.id)}\n              />\n            ))}\n          </div>\n        )}\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"HackathonsHackathonDetailsPagePage.js","names":[],"sources":["../../../src/technospam/pages/HackathonsHackathonDetailsPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useSearchParams } from 'react-router';\nimport {\n  Award,\n  CalendarClock,\n  CalendarDays,\n  Code2,\n  ExternalLink,\n  Flag,\n  Github,\n  Send,\n  Trophy,\n  UserPlus,\n  Users,\n  type LucideIcon,\n} from 'lucide-react';\nimport {\n  Badge,\n  Button,\n  GlassCard,\n  Input,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  Skeleton,\n  Textarea,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  EmptyView,\n  ErrorView,\n  MediaCover,\n  PageLayout,\n  StatusBadge,\n  coverGradient,\n} from '../components';\nimport { cn } from '../utils/cn';\nimport { useTechnoSpam } from '../providers/TechnoSpamProvider';\nimport {\n  useHackathonQuery,\n  useRegisterTeam,\n  useSubmitProject,\n  useTeamsQuery,\n  type TecHackathonTeam,\n} from '../api/technospamApi';\nimport { formatDate, formatDateTime, formatMoney } from '../utils/format';\nimport { notify } from '../lib/toast';\nimport {\n  FOCUSED_CARD_CLASS,\n  focusableCardProps,\n  useFocusedRecordParam,\n} from '../hooks/useFocusedRecordParam';\nimport { FOCUS_PARAMS } from '../utils/pageContext';\n\n/** Translucent glass chip used for stats overlaid on the vivid MediaCover hero. */\nfunction HeroChip({ icon: Icon, label }: { icon: LucideIcon; label: string }) {\n  return (\n    <span className=\"inline-flex items-center gap-1.5 rounded-lg bg-white/15 px-3 py-1.5 text-sm font-medium text-white ring-1 ring-white/25 backdrop-blur-sm\">\n      <Icon size={15} /> {label}\n    </span>\n  );\n}\n\nfunction TeamCard({\n  team,\n  isMine,\n  focused,\n  onToggle,\n}: {\n  team: TecHackathonTeam;\n  isMine: boolean;\n  /** The focused team (`?teamId=`) is the one the assistant acts on. */\n  focused: boolean;\n  onToggle: () => void;\n}) {\n  const isWinner = team.status === 'WINNER';\n  return (\n    <GlassCard\n      className={cn(\n        'group flex cursor-pointer flex-col gap-3 p-4 transition-all duration-200 hover:-translate-y-1 hover:shadow-lg',\n        focused && FOCUSED_CARD_CLASS\n      )}\n      {...focusableCardProps(focused, onToggle)}\n    >\n      <div className=\"flex items-start justify-between gap-3\">\n        <div className=\"flex min-w-0 items-start gap-3\">\n          <span\n            className={cn(\n              'flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br text-white shadow-sm ring-1 ring-white/10 transition-transform duration-200 group-hover:scale-105',\n              coverGradient(team.name)\n            )}\n          >\n            {isWinner ? <Trophy size={19} /> : <Code2 size={19} />}\n          </span>\n          <div className=\"min-w-0\">\n            <div className=\"flex flex-wrap items-center gap-2\">\n              <button\n                type=\"button\"\n                aria-pressed={focused}\n                onClick={onToggle}\n                className=\"truncate text-left text-sm font-semibold text-text-primary hover:text-accent-primary\"\n              >\n                {team.name}\n              </button>\n              {isMine ? (\n                <Badge variant=\"secondary\" className=\"text-[11px]\">\n                  Your team\n                </Badge>\n              ) : null}\n            </div>\n            {team.projectName ? (\n              <p className=\"mt-0.5 truncate text-sm text-text-secondary\">{team.projectName}</p>\n            ) : (\n              <p className=\"mt-0.5 text-sm text-text-muted\">No project submitted yet</p>\n            )}\n          </div>\n        </div>\n        <StatusBadge status={team.status} />\n      </div>\n\n      {team.pitch ? <p className=\"line-clamp-3 text-sm text-text-secondary\">{team.pitch}</p> : null}\n\n      <div className=\"mt-auto flex flex-wrap items-center gap-x-4 gap-y-1.5 text-xs text-text-muted\">\n        <span className=\"inline-flex items-center gap-1\">\n          <Users size={13} /> {team.memberIds.length} member{team.memberIds.length === 1 ? '' : 's'}\n        </span>\n        <span className=\"inline-flex items-center gap-1\">\n          <Flag size={13} /> Score {team.score}\n        </span>\n      </div>\n\n      {team.repoUrl || team.projectUrl ? (\n        <div className=\"flex flex-wrap items-center gap-3 border-t border-border-seam pt-3\">\n          {team.repoUrl ? (\n            <a\n              href={team.repoUrl}\n              target=\"_blank\"\n              rel=\"noreferrer\"\n              className=\"inline-flex items-center gap-1 text-xs font-medium text-accent-primary hover:underline\"\n            >\n              <Github size={13} /> Repository\n            </a>\n          ) : null}\n          {team.projectUrl ? (\n            <a\n              href={team.projectUrl}\n              target=\"_blank\"\n              rel=\"noreferrer\"\n              className=\"inline-flex items-center gap-1 text-xs font-medium text-accent-primary hover:underline\"\n            >\n              <ExternalLink size={13} /> Live project\n            </a>\n          ) : null}\n        </div>\n      ) : null}\n    </GlassCard>\n  );\n}\n\nexport function HackathonsHackathonDetailsPagePage() {\n  const [params] = useSearchParams();\n  const id = params.get('id') ?? '';\n  const { currentUser } = useTechnoSpam();\n  // The focused team lives in `?teamId=` so the assistant's page context names it.\n  const [focusedTeamId, setFocusedTeamId] = useFocusedRecordParam(FOCUS_PARAMS.team);\n\n  const { data, loading, error, refetch } = useHackathonQuery(id);\n  const {\n    data: teamsData,\n    loading: teamsLoading,\n    error: teamsError,\n    refetch: refetchTeams,\n  } = useTeamsQuery(id);\n\n  const [registerTeam, { loading: registering }] = useRegisterTeam();\n  const [submitProject, { loading: submitting }] = useSubmitProject();\n\n  // register-team form state\n  const [teamName, setTeamName] = useState('');\n  const [memberIdsRaw, setMemberIdsRaw] = useState('');\n\n  // submit-project form state\n  const [projectTeamId, setProjectTeamId] = useState('');\n  const [projectName, setProjectName] = useState('');\n  const [projectUrl, setProjectUrl] = useState('');\n  const [repoUrl, setRepoUrl] = useState('');\n  const [pitch, setPitch] = useState('');\n\n  const hackathon = data?.tecHackathon ?? null;\n  const teams = teamsData?.tecListTeams?.items ?? [];\n  const isRegistrationOpen = hackathon?.status === 'REGISTRATION_OPEN';\n  const captainedTeams = currentUser?.id ? teams.filter((t) => t.captainId === currentUser.id) : [];\n  const activeProjectTeamId = projectTeamId || captainedTeams[0]?.id || '';\n\n  const handleRegister = async () => {\n    if (!id || !teamName.trim()) return;\n    const memberIds = memberIdsRaw\n      .split(',')\n      .map((s) => s.trim())\n      .filter(Boolean);\n    const res = await registerTeam({\n      variables: { input: { hackathonId: id, name: teamName.trim(), memberIds } },\n    });\n    if (res.data?.tecRegisterTeam) {\n      notify.success('Team registered', `\"${teamName.trim()}\" is in the running.`);\n      setTeamName('');\n      setMemberIdsRaw('');\n      await Promise.all([refetchTeams(), refetch()]);\n    }\n  };\n\n  const handleSubmitProject = async () => {\n    if (!activeProjectTeamId || !projectName.trim()) return;\n    const res = await submitProject({\n      variables: {\n        input: {\n          teamId: activeProjectTeamId,\n          projectName: projectName.trim(),\n          projectUrl: projectUrl.trim() || undefined,\n          repoUrl: repoUrl.trim() || undefined,\n          pitch: pitch.trim() || undefined,\n        },\n      },\n    });\n    if (res.data?.tecSubmitProject) {\n      notify.success('Project submitted', `\"${projectName.trim()}\" is submitted for judging.`);\n      setProjectName('');\n      setProjectUrl('');\n      setRepoUrl('');\n      setPitch('');\n      await Promise.all([refetchTeams(), refetch()]);\n    }\n  };\n\n  if (loading && !hackathon) {\n    return (\n      <PageLayout title=\"Hackathon\" backPath=\"/hackathons/hackathons-page\">\n        <Skeleton className=\"mb-4 h-32 w-full rounded-xl\" />\n        <Skeleton className=\"h-64 w-full rounded-xl\" />\n      </PageLayout>\n    );\n  }\n\n  if (error || !hackathon) {\n    return (\n      <PageLayout title=\"Hackathon\" backPath=\"/hackathons/hackathons-page\">\n        {error ? (\n          <ErrorView title=\"Couldn't load hackathon\" error={error} />\n        ) : (\n          <EmptyView\n            title=\"Hackathon not found\"\n            description=\"This hackathon may no longer be listed.\"\n          />\n        )}\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      backPath=\"/hackathons/hackathons-page\"\n      title={hackathon.title}\n      description={hackathon.theme ?? undefined}\n    >\n      <MediaCover\n        height=\"h-40\"\n        seed={hackathon.theme ?? hackathon.id}\n        icon={Trophy}\n        className=\"mb-6 rounded-xl\"\n      >\n        <div className=\"flex w-full flex-col gap-3\">\n          <div className=\"flex flex-wrap items-center gap-2\">\n            <StatusBadge status={hackathon.status} />\n            {hackathon.tags.map((t) => (\n              <Badge\n                key={t}\n                variant=\"secondary\"\n                className=\"border-white/20 bg-white/15 text-[11px] text-white\"\n              >\n                {t}\n              </Badge>\n            ))}\n          </div>\n          <div className=\"flex flex-wrap items-center gap-2\">\n            <HeroChip\n              icon={Award}\n              label={`${formatMoney(hackathon.prizePool, hackathon.currency)} prize pool`}\n            />\n            <HeroChip\n              icon={CalendarDays}\n              label={`${formatDate(hackathon.startAt)} – ${formatDate(hackathon.endAt)}`}\n            />\n            <HeroChip icon={Users} label={`Team of ${hackathon.maxTeamSize}`} />\n            <HeroChip\n              icon={Trophy}\n              label={`${teams.length} team${teams.length === 1 ? '' : 's'} registered`}\n            />\n          </div>\n        </div>\n      </MediaCover>\n\n      {hackathon.description ? (\n        <GlassCard className=\"mb-6 p-5\">\n          <h2 className=\"mb-2 text-base font-semibold text-text-primary\">About</h2>\n          <p className=\"whitespace-pre-line text-sm text-text-secondary\">{hackathon.description}</p>\n        </GlassCard>\n      ) : null}\n\n      <GlassCard className=\"mb-6 p-5\">\n        <h2 className=\"mb-3 text-base font-semibold text-text-primary\">Schedule</h2>\n        <div className=\"grid grid-cols-1 gap-3 sm:grid-cols-3\">\n          <div className=\"flex items-center gap-2 rounded-lg border border-border-seam bg-bg-sunken p-3\">\n            <CalendarDays size={16} className=\"text-accent-teal\" />\n            <div className=\"min-w-0\">\n              <div className=\"text-xs text-text-secondary\">Starts</div>\n              <div className=\"truncate text-sm font-medium text-text-primary\">\n                {formatDate(hackathon.startAt)}\n              </div>\n            </div>\n          </div>\n          <div className=\"flex items-center gap-2 rounded-lg border border-border-seam bg-bg-sunken p-3\">\n            <CalendarDays size={16} className=\"text-accent-teal\" />\n            <div className=\"min-w-0\">\n              <div className=\"text-xs text-text-secondary\">Ends</div>\n              <div className=\"truncate text-sm font-medium text-text-primary\">\n                {formatDate(hackathon.endAt)}\n              </div>\n            </div>\n          </div>\n          <div className=\"flex items-center gap-2 rounded-lg border border-border-seam bg-bg-sunken p-3\">\n            <CalendarClock size={16} className=\"text-accent-teal\" />\n            <div className=\"min-w-0\">\n              <div className=\"text-xs text-text-secondary\">Submission deadline</div>\n              <div className=\"truncate text-sm font-medium text-text-primary\">\n                {formatDateTime(hackathon.submissionDeadline)}\n              </div>\n            </div>\n          </div>\n        </div>\n      </GlassCard>\n\n      {isRegistrationOpen ? (\n        <GlassCard className=\"mb-6 p-5\">\n          <div className=\"mb-3 flex items-center gap-3\">\n            <span className=\"flex h-9 w-9 items-center justify-center rounded-xl bg-accent-primary/15 text-accent-primary ring-1 ring-accent-primary/20\">\n              <UserPlus size={18} />\n            </span>\n            <h2 className=\"text-base font-semibold text-text-primary\">Register a team</h2>\n          </div>\n          <p className=\"mb-4 text-sm text-text-secondary\">\n            You&apos;ll be the team captain. Add teammates by their user id (optional) — teams can\n            be up to {hackathon.maxTeamSize} members.\n          </p>\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            <div>\n              <label className=\"mb-1.5 block text-sm font-medium text-text-secondary\">\n                Team name\n              </label>\n              <Input\n                placeholder=\"e.g. Byte Builders\"\n                value={teamName}\n                onChange={(e) => setTeamName(e.target.value)}\n              />\n            </div>\n            <div>\n              <label className=\"mb-1.5 block text-sm font-medium text-text-secondary\">\n                Teammate user ids{' '}\n                <span className=\"text-text-muted\">(optional, comma-separated)</span>\n              </label>\n              <Input\n                placeholder=\"user-id-1, user-id-2\"\n                value={memberIdsRaw}\n                onChange={(e) => setMemberIdsRaw(e.target.value)}\n              />\n            </div>\n          </div>\n          <div className=\"mt-4 flex justify-end\">\n            <Button onClick={handleRegister} disabled={registering || !teamName.trim()}>\n              <UserPlus size={16} /> {registering ? 'Registering…' : 'Register team'}\n            </Button>\n          </div>\n        </GlassCard>\n      ) : null}\n\n      {captainedTeams.length > 0 ? (\n        <GlassCard className=\"mb-6 p-5\">\n          <div className=\"mb-3 flex items-center gap-3\">\n            <span className=\"flex h-9 w-9 items-center justify-center rounded-xl bg-accent-teal/15 text-accent-teal ring-1 ring-accent-teal/20\">\n              <Send size={18} />\n            </span>\n            <h2 className=\"text-base font-semibold text-text-primary\">Submit your project</h2>\n          </div>\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            {captainedTeams.length > 1 ? (\n              <div className=\"sm:col-span-2\">\n                <label className=\"mb-1.5 block text-sm font-medium text-text-secondary\">Team</label>\n                <Select value={activeProjectTeamId} onValueChange={setProjectTeamId}>\n                  <SelectTrigger>\n                    <SelectValue placeholder=\"Choose a team\" />\n                  </SelectTrigger>\n                  <SelectContent>\n                    {captainedTeams.map((t) => (\n                      <SelectItem key={t.id} value={t.id}>\n                        {t.name}\n                      </SelectItem>\n                    ))}\n                  </SelectContent>\n                </Select>\n              </div>\n            ) : (\n              <div className=\"sm:col-span-2 text-sm text-text-secondary\">\n                Submitting for{' '}\n                <span className=\"font-medium text-text-primary\">{captainedTeams[0]?.name}</span>\n              </div>\n            )}\n            <div>\n              <label className=\"mb-1.5 block text-sm font-medium text-text-secondary\">\n                Project name\n              </label>\n              <Input\n                placeholder=\"e.g. RealtimeCanvas\"\n                value={projectName}\n                onChange={(e) => setProjectName(e.target.value)}\n              />\n            </div>\n            <div>\n              <label className=\"mb-1.5 block text-sm font-medium text-text-secondary\">\n                Live project URL <span className=\"text-text-muted\">(optional)</span>\n              </label>\n              <Input\n                placeholder=\"https://…\"\n                value={projectUrl}\n                onChange={(e) => setProjectUrl(e.target.value)}\n              />\n            </div>\n            <div>\n              <label className=\"mb-1.5 block text-sm font-medium text-text-secondary\">\n                Repository URL <span className=\"text-text-muted\">(optional)</span>\n              </label>\n              <Input\n                placeholder=\"https://github.com/…\"\n                value={repoUrl}\n                onChange={(e) => setRepoUrl(e.target.value)}\n              />\n            </div>\n            <div className=\"sm:col-span-2\">\n              <label className=\"mb-1.5 block text-sm font-medium text-text-secondary\">\n                Pitch <span className=\"text-text-muted\">(optional)</span>\n              </label>\n              <Textarea\n                rows={3}\n                placeholder=\"What did you build, and why does it matter?\"\n                value={pitch}\n                onChange={(e) => setPitch(e.target.value)}\n              />\n            </div>\n          </div>\n          <div className=\"mt-4 flex justify-end\">\n            <Button\n              onClick={handleSubmitProject}\n              disabled={submitting || !activeProjectTeamId || !projectName.trim()}\n            >\n              <Send size={16} /> {submitting ? 'Submitting…' : 'Submit project'}\n            </Button>\n          </div>\n        </GlassCard>\n      ) : null}\n\n      <div>\n        <h2 className=\"mb-3 text-base font-semibold text-text-primary\">\n          Teams {teams.length ? <span className=\"text-text-muted\">({teams.length})</span> : null}\n        </h2>\n        {teamsLoading && !teams.length ? (\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            <Skeleton className=\"h-40 w-full rounded-xl\" />\n            <Skeleton className=\"h-40 w-full rounded-xl\" />\n          </div>\n        ) : teamsError ? (\n          <ErrorView title=\"Couldn't load teams\" error={teamsError} />\n        ) : teams.length === 0 ? (\n          <EmptyView\n            icon={<Users size={26} />}\n            title=\"No teams registered yet\"\n            description={\n              isRegistrationOpen\n                ? 'Be the first to register a team above.'\n                : 'Teams will appear here once registration opens.'\n            }\n          />\n        ) : (\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            {teams.map((team) => (\n              <TeamCard\n                key={team.id}\n                team={team}\n                isMine={!!currentUser?.id && team.captainId === currentUser.id}\n                focused={focusedTeamId === team.id}\n                onToggle={() => setFocusedTeamId(focusedTeamId === team.id ? null : team.id)}\n              />\n            ))}\n          </div>\n        )}\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/technospam/pages/HackathonsHackathonsPagePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HackathonsHackathonsPagePage.d.ts","sourceRoot":"","sources":["../../../src/technospam/pages/HackathonsHackathonsPagePage.tsx"],"names":[],"mappings":"AA+EA,wBAAgB,4BAA4B,gCAkK3C"}
+{"version":3,"file":"HackathonsHackathonsPagePage.d.ts","sourceRoot":"","sources":["../../../src/technospam/pages/HackathonsHackathonsPagePage.tsx"],"names":[],"mappings":"AAuFA,wBAAgB,4BAA4B,gCA4K3C"}

package/dist/technospam/pages/HackathonsHackathonsPagePage.js

@@ -13,9 +13,9 @@ import "../components/index.js";
 import { useMemo as _, useState as v } from "react";
 import { Award as y, CalendarDays as b, Search as x, Sparkles as S, Trophy as C, Users as w } from "lucide-react";
 import { jsx as T, jsxs as E } from "react/jsx-runtime";
-import { Badge as D, GlassCard as O, Input as k, Tabs as A, TabsList as j, TabsTrigger as M } from "@burdenoff/fe-libs/ui";
+import { Badge as D, GlassCard as O, Input as k, Tabs as A, TabsContent as j, TabsList as M, TabsTrigger as N } from "@burdenoff/fe-libs/ui";
 //#region src/technospam/pages/HackathonsHackathonsPagePage.tsx
-function N({ hackathon: e, onOpen: t }) {
+function P({ hackathon: e, onOpen: t }) {
 	let n = r();
 	return /* @__PURE__ */ E(O, {
 		className: "group flex cursor-pointer flex-col overflow-hidden transition-all duration-200 hover:-translate-y-1 hover:shadow-lg",
@@ -79,8 +79,8 @@ function N({ hackathon: e, onOpen: t }) {
 		})]
 	});
 }
-function P() {
-	let o = t(), { workspaceId: s } = e(), { emit: l } = n(), b = r(), [w, D] = v("ALL"), [O, P] = v(""), { limit: F, more: I } = g(), L = _(() => [
+function F() {
+	let o = t(), { workspaceId: s } = e(), { emit: l } = n(), b = r(), [w, D] = v("ALL"), [O, F] = v(""), { limit: I, more: L } = g(), R = _(() => [
 		{
 			value: "ALL",
 			label: b("technospam.hackathons.filterAll", "All")
@@ -101,60 +101,59 @@ function P() {
 			value: "COMPLETED",
 			label: b("technospam.hackathons.filterCompleted", "Completed")
 		}
-	], [b]), { data: R, loading: z, error: B } = h({
-		pagination: m(F),
+	], [b]), { data: z, loading: B, error: V } = h({
+		pagination: m(I),
 		...w === "ALL" ? {} : { status: w }
-	}), V = R?.tecListHackathons?.items ?? [], H = R?.tecListHackathons?.pageInfo?.hasMore ?? !1, U = _(() => {
+	}), H = z?.tecListHackathons?.items ?? [], U = z?.tecListHackathons?.pageInfo?.hasMore ?? !1, W = _(() => {
 		let e = O.trim().toLowerCase();
-		return e ? V.filter((t) => t.title.toLowerCase().includes(e) || (t.theme ?? "").toLowerCase().includes(e) || t.tags.some((t) => t.toLowerCase().includes(e))) : V;
-	}, [V, O]), W = U.filter((e) => e.status === "REGISTRATION_OPEN").length, G = U.reduce((e, t) => e + t.prizePool, 0), K = U[0]?.currency ?? "USD";
+		return e ? H.filter((t) => t.title.toLowerCase().includes(e) || (t.theme ?? "").toLowerCase().includes(e) || t.tags.some((t) => t.toLowerCase().includes(e))) : H;
+	}, [H, O]), G = W.filter((e) => e.status === "REGISTRATION_OPEN").length, K = W.reduce((e, t) => e + t.prizePool, 0), q = W[0]?.currency ?? "USD";
 	return /* @__PURE__ */ E(i, {
 		hero: !0,
 		title: b("technospam.hackathons.title", "Hackathons"),
 		description: b("technospam.hackathons.description", "Compete, collaborate, and ship real projects with a team in a fixed window."),
-		children: [
-			/* @__PURE__ */ E("div", {
-				className: "mb-5 grid grid-cols-1 gap-3 sm:grid-cols-3",
-				children: [
-					/* @__PURE__ */ T(a, {
-						label: b("technospam.hackathons.statHackathons", "Hackathons"),
-						value: U.length,
-						icon: C,
-						tone: "purple"
-					}),
-					/* @__PURE__ */ T(a, {
-						label: b("technospam.hackathons.statRegistrationOpen", "Registration open"),
-						value: W,
-						icon: S,
-						tone: "green"
-					}),
-					/* @__PURE__ */ T(a, {
-						label: b("technospam.hackathons.statTotalPrizePool", "Total prize pool"),
-						value: c(G, K),
-						icon: y,
-						tone: "amber"
-					})
-				]
-			}),
-			/* @__PURE__ */ E("div", {
+		children: [/* @__PURE__ */ E("div", {
+			className: "mb-5 grid grid-cols-1 gap-3 sm:grid-cols-3",
+			children: [
+				/* @__PURE__ */ T(a, {
+					label: b("technospam.hackathons.statHackathons", "Hackathons"),
+					value: W.length,
+					icon: C,
+					tone: "purple"
+				}),
+				/* @__PURE__ */ T(a, {
+					label: b("technospam.hackathons.statRegistrationOpen", "Registration open"),
+					value: G,
+					icon: S,
+					tone: "green"
+				}),
+				/* @__PURE__ */ T(a, {
+					label: b("technospam.hackathons.statTotalPrizePool", "Total prize pool"),
+					value: c(K, q),
+					icon: y,
+					tone: "amber"
+				})
+			]
+		}), /* @__PURE__ */ E(A, {
+			className: "gap-0",
+			value: w,
+			onValueChange: (e) => D(e),
+			children: [/* @__PURE__ */ E("div", {
 				className: "mb-4 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
-				children: [/* @__PURE__ */ T(A, {
-					value: w,
-					onValueChange: (e) => D(e),
-					children: /* @__PURE__ */ T(j, { children: L.map((e) => /* @__PURE__ */ T(M, {
-						value: e.value,
-						children: e.label
-					}, e.value)) })
-				}), /* @__PURE__ */ E("div", {
+				children: [/* @__PURE__ */ T(M, { children: R.map((e) => /* @__PURE__ */ T(N, {
+					value: e.value,
+					children: e.label
+				}, e.value)) }), /* @__PURE__ */ E("div", {
 					className: "relative w-full sm:w-72",
 					children: [/* @__PURE__ */ T(x, {
 						className: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-text-muted",
 						size: 16
 					}), /* @__PURE__ */ T(k, {
 						className: "pl-9",
+						"aria-label": b("technospam.hackathons.searchLabel", "Search hackathons"),
 						placeholder: b("technospam.hackathons.searchPlaceholder", "Search hackathons…"),
 						value: O,
-						onChange: (e) => P(e.target.value),
+						onChange: (e) => F(e.target.value),
 						onBlur: () => {
 							let e = O.trim();
 							e && l("technospam.search.performed", {
@@ -165,36 +164,37 @@ function P() {
 						}
 					})]
 				})]
-			}),
-			z && !U.length ? /* @__PURE__ */ T(p, {}) : B ? /* @__PURE__ */ T(f, {
-				title: b("technospam.common.errorLoadHackathons", "Couldn't load hackathons"),
-				error: B
-			}) : U.length === 0 ? /* @__PURE__ */ T(d, {
-				icon: /* @__PURE__ */ T(C, { size: 26 }),
-				title: w === "ALL" ? b("technospam.hackathons.emptyDefaultTitle", "No hackathons yet") : b("technospam.hackathons.emptyFilteredTitle", "No hackathons in this stage"),
-				description: w === "ALL" ? b("technospam.hackathons.emptyDefaultDesc", "Upcoming hackathons will appear here. Check back soon — TechnoSpam is pre-launch.") : b("technospam.hackathons.emptyFilteredDesc", "Try a different stage filter.")
-			}) : /* @__PURE__ */ T("div", {
-				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
-				children: U.map((e) => /* @__PURE__ */ T(N, {
-					hackathon: e,
-					onOpen: () => {
-						l("technospam.hackathon.viewed", {
-							workspaceId: s,
-							entityId: e.id,
-							entityType: "TEC_HACKATHON"
-						}), o(`/hackathons/hackathon-details-page?id=${e.id}`);
-					}
-				}, e.id))
-			}),
-			/* @__PURE__ */ T(u, {
-				hasMore: H,
-				loading: z,
-				onClick: I
-			})
-		]
+			}), /* @__PURE__ */ E(j, {
+				value: w,
+				children: [B && !W.length ? /* @__PURE__ */ T(p, {}) : V ? /* @__PURE__ */ T(f, {
+					title: b("technospam.common.errorLoadHackathons", "Couldn't load hackathons"),
+					error: V
+				}) : W.length === 0 ? /* @__PURE__ */ T(d, {
+					icon: /* @__PURE__ */ T(C, { size: 26 }),
+					title: w === "ALL" ? b("technospam.hackathons.emptyDefaultTitle", "No hackathons yet") : b("technospam.hackathons.emptyFilteredTitle", "No hackathons in this stage"),
+					description: w === "ALL" ? b("technospam.hackathons.emptyDefaultDesc", "Upcoming hackathons will appear here. Check back soon — TechnoSpam is pre-launch.") : b("technospam.hackathons.emptyFilteredDesc", "Try a different stage filter.")
+				}) : /* @__PURE__ */ T("div", {
+					className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
+					children: W.map((e) => /* @__PURE__ */ T(P, {
+						hackathon: e,
+						onOpen: () => {
+							l("technospam.hackathon.viewed", {
+								workspaceId: s,
+								entityId: e.id,
+								entityType: "TEC_HACKATHON"
+							}), o(`/hackathons/hackathon-details-page?id=${e.id}`);
+						}
+					}, e.id))
+				}), /* @__PURE__ */ T(u, {
+					hasMore: U,
+					loading: B,
+					onClick: L
+				})]
+			})]
+		})]
 	});
 }
 //#endregion
-export { P as HackathonsHackathonsPagePage };
+export { F as HackathonsHackathonsPagePage };
 
 //# sourceMappingURL=HackathonsHackathonsPagePage.js.map

package/dist/technospam/pages/HackathonsHackathonsPagePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"HackathonsHackathonsPagePage.js","names":[],"sources":["../../../src/technospam/pages/HackathonsHackathonsPagePage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport { Award, CalendarDays, Search, Sparkles, Trophy, Users } from 'lucide-react';\nimport { Badge, GlassCard, Input, Tabs, TabsList, TabsTrigger } from '@burdenoff/fe-libs/ui';\nimport {\n  EmptyView,\n  ErrorView,\n  LoadMore,\n  LoadingGrid,\n  MediaCover,\n  PageLayout,\n  StatCard,\n  StatusBadge,\n} from '../components';\nimport { useTechnoSpam, useTechnoSpamNavigate } from '../providers/TechnoSpamProvider';\nimport {\n  pageArg,\n  useHackathonsQuery,\n  usePageLimit,\n  type TecHackathon,\n  type TecHackathonStatus,\n} from '../api/technospamApi';\nimport { formatDate, formatMoney } from '../utils/format';\nimport { useTechnoSpamAnalytics } from '../hooks/useTechnoSpamAnalytics';\nimport { useTr } from '../hooks/useTr';\n\nfunction HackathonCard({ hackathon, onOpen }: { hackathon: TecHackathon; onOpen: () => void }) {\n  const tr = useTr();\n  return (\n    <GlassCard\n      className=\"group flex cursor-pointer flex-col overflow-hidden transition-all duration-200 hover:-translate-y-1 hover:shadow-lg\"\n      onClick={onOpen}\n    >\n      <MediaCover height=\"h-32\" seed={hackathon.theme ?? hackathon.id} icon={Trophy}>\n        <StatusBadge status={hackathon.status} />\n      </MediaCover>\n      <div className=\"flex flex-1 flex-col gap-3 p-4\">\n        <div className=\"min-w-0\">\n          <h3 className=\"truncate text-base font-semibold text-text-primary group-hover:text-accent-primary\">\n            {hackathon.title}\n          </h3>\n          {hackathon.theme ? (\n            <p className=\"mt-1 line-clamp-2 text-sm text-text-secondary\">{hackathon.theme}</p>\n          ) : null}\n        </div>\n\n        <div className=\"mt-auto flex flex-wrap items-center gap-x-4 gap-y-1.5 text-xs text-text-muted\">\n          <span className=\"inline-flex items-center gap-1\">\n            <CalendarDays size={13} /> {formatDate(hackathon.startAt)} –{' '}\n            {formatDate(hackathon.endAt)}\n          </span>\n          <span className=\"inline-flex items-center gap-1\">\n            <Users size={13} />{' '}\n            {tr('technospam.hackathons.teamSize', 'Team of {{size}}', {\n              size: hackathon.maxTeamSize,\n            })}\n          </span>\n        </div>\n\n        <div className=\"flex items-center gap-1.5 text-sm font-medium text-accent-teal\">\n          <Award size={15} />{' '}\n          {tr('technospam.hackathons.prizePool', '{{prize}} prize pool', {\n            prize: formatMoney(hackathon.prizePool, hackathon.currency),\n          })}\n        </div>\n\n        {hackathon.tags.length ? (\n          <div className=\"flex flex-wrap gap-1.5\">\n            {hackathon.tags.slice(0, 4).map((t) => (\n              <Badge key={t} variant=\"secondary\" className=\"text-[11px]\">\n                {t}\n              </Badge>\n            ))}\n          </div>\n        ) : null}\n      </div>\n    </GlassCard>\n  );\n}\n\nexport function HackathonsHackathonsPagePage() {\n  const navigate = useTechnoSpamNavigate();\n  const { workspaceId } = useTechnoSpam();\n  const { emit } = useTechnoSpamAnalytics();\n  const tr = useTr();\n  const [status, setStatus] = useState<'ALL' | TecHackathonStatus>('ALL');\n  const [search, setSearch] = useState('');\n  const { limit, more } = usePageLimit();\n\n  const statuses = useMemo(\n    () => [\n      { value: 'ALL' as const, label: tr('technospam.hackathons.filterAll', 'All') },\n      {\n        value: 'REGISTRATION_OPEN' as TecHackathonStatus,\n        label: tr('technospam.hackathons.filterRegistrationOpen', 'Registration open'),\n      },\n      {\n        value: 'IN_PROGRESS' as TecHackathonStatus,\n        label: tr('technospam.hackathons.filterInProgress', 'In progress'),\n      },\n      {\n        value: 'JUDGING' as TecHackathonStatus,\n        label: tr('technospam.hackathons.filterJudging', 'Judging'),\n      },\n      {\n        value: 'COMPLETED' as TecHackathonStatus,\n        label: tr('technospam.hackathons.filterCompleted', 'Completed'),\n      },\n    ],\n    [tr]\n  );\n\n  const { data, loading, error } = useHackathonsQuery({\n    pagination: pageArg(limit),\n    ...(status !== 'ALL' ? { status } : {}),\n  });\n\n  const allHackathons = data?.tecListHackathons?.items ?? [];\n  const hasMore = data?.tecListHackathons?.pageInfo?.hasMore ?? false;\n  const hackathons = useMemo(() => {\n    const q = search.trim().toLowerCase();\n    if (!q) return allHackathons;\n    return allHackathons.filter(\n      (h) =>\n        h.title.toLowerCase().includes(q) ||\n        (h.theme ?? '').toLowerCase().includes(q) ||\n        h.tags.some((t) => t.toLowerCase().includes(q))\n    );\n  }, [allHackathons, search]);\n  const openCount = hackathons.filter((h) => h.status === 'REGISTRATION_OPEN').length;\n  const totalPrize = hackathons.reduce((s, h) => s + h.prizePool, 0);\n  const prizeCurrency = hackathons[0]?.currency ?? 'USD';\n\n  return (\n    <PageLayout\n      hero\n      title={tr('technospam.hackathons.title', 'Hackathons')}\n      description={tr(\n        'technospam.hackathons.description',\n        'Compete, collaborate, and ship real projects with a team in a fixed window.'\n      )}\n    >\n      <div className=\"mb-5 grid grid-cols-1 gap-3 sm:grid-cols-3\">\n        <StatCard\n          label={tr('technospam.hackathons.statHackathons', 'Hackathons')}\n          value={hackathons.length}\n          icon={Trophy}\n          tone=\"purple\"\n        />\n        <StatCard\n          label={tr('technospam.hackathons.statRegistrationOpen', 'Registration open')}\n          value={openCount}\n          icon={Sparkles}\n          tone=\"green\"\n        />\n        <StatCard\n          label={tr('technospam.hackathons.statTotalPrizePool', 'Total prize pool')}\n          value={formatMoney(totalPrize, prizeCurrency)}\n          icon={Award}\n          tone=\"amber\"\n        />\n      </div>\n\n      <div className=\"mb-4 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n        <Tabs value={status} onValueChange={(v) => setStatus(v as 'ALL' | TecHackathonStatus)}>\n          <TabsList>\n            {statuses.map((s) => (\n              <TabsTrigger key={s.value} value={s.value}>\n                {s.label}\n              </TabsTrigger>\n            ))}\n          </TabsList>\n        </Tabs>\n        <div className=\"relative w-full sm:w-72\">\n          <Search\n            className=\"pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-text-muted\"\n            size={16}\n          />\n          <Input\n            className=\"pl-9\"\n            placeholder={tr('technospam.hackathons.searchPlaceholder', 'Search hackathons…')}\n            value={search}\n            onChange={(e) => setSearch(e.target.value)}\n            onBlur={() => {\n              const value = search.trim();\n              if (value) {\n                emit('technospam.search.performed', {\n                  workspaceId,\n                  entityType: 'hackathon',\n                  queryLength: value.length,\n                });\n              }\n            }}\n          />\n        </div>\n      </div>\n\n      {loading && !hackathons.length ? (\n        <LoadingGrid />\n      ) : error ? (\n        <ErrorView\n          title={tr('technospam.common.errorLoadHackathons', \"Couldn't load hackathons\")}\n          error={error}\n        />\n      ) : hackathons.length === 0 ? (\n        <EmptyView\n          icon={<Trophy size={26} />}\n          title={\n            status !== 'ALL'\n              ? tr('technospam.hackathons.emptyFilteredTitle', 'No hackathons in this stage')\n              : tr('technospam.hackathons.emptyDefaultTitle', 'No hackathons yet')\n          }\n          description={\n            status !== 'ALL'\n              ? tr('technospam.hackathons.emptyFilteredDesc', 'Try a different stage filter.')\n              : tr(\n                  'technospam.hackathons.emptyDefaultDesc',\n                  'Upcoming hackathons will appear here. Check back soon — TechnoSpam is pre-launch.'\n                )\n          }\n        />\n      ) : (\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n          {hackathons.map((hackathon) => (\n            <HackathonCard\n              key={hackathon.id}\n              hackathon={hackathon}\n              onOpen={() => {\n                emit('technospam.hackathon.viewed', {\n                  workspaceId,\n                  entityId: hackathon.id,\n                  entityType: 'TEC_HACKATHON',\n                });\n                navigate(`/hackathons/hackathon-details-page?id=${hackathon.id}`);\n              }}\n            />\n          ))}\n        </div>\n      )}\n      <LoadMore hasMore={hasMore} loading={loading} onClick={more} />\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"HackathonsHackathonsPagePage.js","names":[],"sources":["../../../src/technospam/pages/HackathonsHackathonsPagePage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport { Award, CalendarDays, Search, Sparkles, Trophy, Users } from 'lucide-react';\nimport {\n  Badge,\n  GlassCard,\n  Input,\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  EmptyView,\n  ErrorView,\n  LoadMore,\n  LoadingGrid,\n  MediaCover,\n  PageLayout,\n  StatCard,\n  StatusBadge,\n} from '../components';\nimport { useTechnoSpam, useTechnoSpamNavigate } from '../providers/TechnoSpamProvider';\nimport {\n  pageArg,\n  useHackathonsQuery,\n  usePageLimit,\n  type TecHackathon,\n  type TecHackathonStatus,\n} from '../api/technospamApi';\nimport { formatDate, formatMoney } from '../utils/format';\nimport { useTechnoSpamAnalytics } from '../hooks/useTechnoSpamAnalytics';\nimport { useTr } from '../hooks/useTr';\n\nfunction HackathonCard({ hackathon, onOpen }: { hackathon: TecHackathon; onOpen: () => void }) {\n  const tr = useTr();\n  return (\n    <GlassCard\n      className=\"group flex cursor-pointer flex-col overflow-hidden transition-all duration-200 hover:-translate-y-1 hover:shadow-lg\"\n      onClick={onOpen}\n    >\n      <MediaCover height=\"h-32\" seed={hackathon.theme ?? hackathon.id} icon={Trophy}>\n        <StatusBadge status={hackathon.status} />\n      </MediaCover>\n      <div className=\"flex flex-1 flex-col gap-3 p-4\">\n        <div className=\"min-w-0\">\n          <h3 className=\"truncate text-base font-semibold text-text-primary group-hover:text-accent-primary\">\n            {hackathon.title}\n          </h3>\n          {hackathon.theme ? (\n            <p className=\"mt-1 line-clamp-2 text-sm text-text-secondary\">{hackathon.theme}</p>\n          ) : null}\n        </div>\n\n        <div className=\"mt-auto flex flex-wrap items-center gap-x-4 gap-y-1.5 text-xs text-text-muted\">\n          <span className=\"inline-flex items-center gap-1\">\n            <CalendarDays size={13} /> {formatDate(hackathon.startAt)} –{' '}\n            {formatDate(hackathon.endAt)}\n          </span>\n          <span className=\"inline-flex items-center gap-1\">\n            <Users size={13} />{' '}\n            {tr('technospam.hackathons.teamSize', 'Team of {{size}}', {\n              size: hackathon.maxTeamSize,\n            })}\n          </span>\n        </div>\n\n        <div className=\"flex items-center gap-1.5 text-sm font-medium text-accent-teal\">\n          <Award size={15} />{' '}\n          {tr('technospam.hackathons.prizePool', '{{prize}} prize pool', {\n            prize: formatMoney(hackathon.prizePool, hackathon.currency),\n          })}\n        </div>\n\n        {hackathon.tags.length ? (\n          <div className=\"flex flex-wrap gap-1.5\">\n            {hackathon.tags.slice(0, 4).map((t) => (\n              <Badge key={t} variant=\"secondary\" className=\"text-[11px]\">\n                {t}\n              </Badge>\n            ))}\n          </div>\n        ) : null}\n      </div>\n    </GlassCard>\n  );\n}\n\nexport function HackathonsHackathonsPagePage() {\n  const navigate = useTechnoSpamNavigate();\n  const { workspaceId } = useTechnoSpam();\n  const { emit } = useTechnoSpamAnalytics();\n  const tr = useTr();\n  const [status, setStatus] = useState<'ALL' | TecHackathonStatus>('ALL');\n  const [search, setSearch] = useState('');\n  const { limit, more } = usePageLimit();\n\n  const statuses = useMemo(\n    () => [\n      { value: 'ALL' as const, label: tr('technospam.hackathons.filterAll', 'All') },\n      {\n        value: 'REGISTRATION_OPEN' as TecHackathonStatus,\n        label: tr('technospam.hackathons.filterRegistrationOpen', 'Registration open'),\n      },\n      {\n        value: 'IN_PROGRESS' as TecHackathonStatus,\n        label: tr('technospam.hackathons.filterInProgress', 'In progress'),\n      },\n      {\n        value: 'JUDGING' as TecHackathonStatus,\n        label: tr('technospam.hackathons.filterJudging', 'Judging'),\n      },\n      {\n        value: 'COMPLETED' as TecHackathonStatus,\n        label: tr('technospam.hackathons.filterCompleted', 'Completed'),\n      },\n    ],\n    [tr]\n  );\n\n  const { data, loading, error } = useHackathonsQuery({\n    pagination: pageArg(limit),\n    ...(status !== 'ALL' ? { status } : {}),\n  });\n\n  const allHackathons = data?.tecListHackathons?.items ?? [];\n  const hasMore = data?.tecListHackathons?.pageInfo?.hasMore ?? false;\n  const hackathons = useMemo(() => {\n    const q = search.trim().toLowerCase();\n    if (!q) return allHackathons;\n    return allHackathons.filter(\n      (h) =>\n        h.title.toLowerCase().includes(q) ||\n        (h.theme ?? '').toLowerCase().includes(q) ||\n        h.tags.some((t) => t.toLowerCase().includes(q))\n    );\n  }, [allHackathons, search]);\n  const openCount = hackathons.filter((h) => h.status === 'REGISTRATION_OPEN').length;\n  const totalPrize = hackathons.reduce((s, h) => s + h.prizePool, 0);\n  const prizeCurrency = hackathons[0]?.currency ?? 'USD';\n\n  return (\n    <PageLayout\n      hero\n      title={tr('technospam.hackathons.title', 'Hackathons')}\n      description={tr(\n        'technospam.hackathons.description',\n        'Compete, collaborate, and ship real projects with a team in a fixed window.'\n      )}\n    >\n      <div className=\"mb-5 grid grid-cols-1 gap-3 sm:grid-cols-3\">\n        <StatCard\n          label={tr('technospam.hackathons.statHackathons', 'Hackathons')}\n          value={hackathons.length}\n          icon={Trophy}\n          tone=\"purple\"\n        />\n        <StatCard\n          label={tr('technospam.hackathons.statRegistrationOpen', 'Registration open')}\n          value={openCount}\n          icon={Sparkles}\n          tone=\"green\"\n        />\n        <StatCard\n          label={tr('technospam.hackathons.statTotalPrizePool', 'Total prize pool')}\n          value={formatMoney(totalPrize, prizeCurrency)}\n          icon={Award}\n          tone=\"amber\"\n        />\n      </div>\n\n      {/* The tabs filter one list, so that list is their tab panel: Radix points every\n          trigger's aria-controls at a panel id, and without a TabsContent the id\n          resolved to nothing (axe aria-valid-attr-value, critical; BOFF-3157). */}\n      <Tabs\n        className=\"gap-0\"\n        value={status}\n        onValueChange={(v) => setStatus(v as 'ALL' | TecHackathonStatus)}\n      >\n        <div className=\"mb-4 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n          <TabsList>\n            {statuses.map((s) => (\n              <TabsTrigger key={s.value} value={s.value}>\n                {s.label}\n              </TabsTrigger>\n            ))}\n          </TabsList>\n          <div className=\"relative w-full sm:w-72\">\n            <Search\n              className=\"pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-text-muted\"\n              size={16}\n            />\n            <Input\n              className=\"pl-9\"\n              aria-label={tr('technospam.hackathons.searchLabel', 'Search hackathons')}\n              placeholder={tr('technospam.hackathons.searchPlaceholder', 'Search hackathons…')}\n              value={search}\n              onChange={(e) => setSearch(e.target.value)}\n              onBlur={() => {\n                const value = search.trim();\n                if (value) {\n                  emit('technospam.search.performed', {\n                    workspaceId,\n                    entityType: 'hackathon',\n                    queryLength: value.length,\n                  });\n                }\n              }}\n            />\n          </div>\n        </div>\n\n        <TabsContent value={status}>\n          {loading && !hackathons.length ? (\n            <LoadingGrid />\n          ) : error ? (\n            <ErrorView\n              title={tr('technospam.common.errorLoadHackathons', \"Couldn't load hackathons\")}\n              error={error}\n            />\n          ) : hackathons.length === 0 ? (\n            <EmptyView\n              icon={<Trophy size={26} />}\n              title={\n                status !== 'ALL'\n                  ? tr('technospam.hackathons.emptyFilteredTitle', 'No hackathons in this stage')\n                  : tr('technospam.hackathons.emptyDefaultTitle', 'No hackathons yet')\n              }\n              description={\n                status !== 'ALL'\n                  ? tr('technospam.hackathons.emptyFilteredDesc', 'Try a different stage filter.')\n                  : tr(\n                      'technospam.hackathons.emptyDefaultDesc',\n                      'Upcoming hackathons will appear here. Check back soon — TechnoSpam is pre-launch.'\n                    )\n              }\n            />\n          ) : (\n            <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n              {hackathons.map((hackathon) => (\n                <HackathonCard\n                  key={hackathon.id}\n                  hackathon={hackathon}\n                  onOpen={() => {\n                    emit('technospam.hackathon.viewed', {\n                      workspaceId,\n                      entityId: hackathon.id,\n                      entityType: 'TEC_HACKATHON',\n                    });\n                    navigate(`/hackathons/hackathon-details-page?id=${hackathon.id}`);\n                  }}\n                />\n              ))}\n            </div>\n          )}\n          <LoadMore hasMore={hasMore} loading={loading} onClick={more} />\n        </TabsContent>\n      </Tabs>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/technospam/pages/MentorshipMentorProfilePagePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MentorshipMentorProfilePagePage.d.ts","sourceRoot":"","sources":["../../../src/technospam/pages/MentorshipMentorProfilePagePage.tsx"],"names":[],"mappings":"AA8OA,wBAAgB,+BAA+B,gCAqK9C"}
+{"version":3,"file":"MentorshipMentorProfilePagePage.d.ts","sourceRoot":"","sources":["../../../src/technospam/pages/MentorshipMentorProfilePagePage.tsx"],"names":[],"mappings":"AAuPA,wBAAgB,+BAA+B,gCAqK9C"}

package/dist/technospam/pages/MentorshipMentorProfilePagePage.js

@@ -66,20 +66,25 @@ function I({ mentorId: e, disabled: n, onBooked: r, workspaceId: i }) {
 					/* @__PURE__ */ k("div", {
 						className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
 						children: [/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ k("label", {
+							htmlFor: "technospam-booking-when",
 							className: "mb-1.5 block text-sm font-medium text-text-primary",
 							children: ["When ", /* @__PURE__ */ O("span", {
 								className: "text-status-error-text",
 								children: "*"
 							})]
 						}), /* @__PURE__ */ O(N, {
+							id: "technospam-booking-when",
+							required: !0,
 							type: "datetime-local",
 							value: u,
 							onChange: (e) => d(e.target.value),
 							disabled: n
 						})] }), /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("label", {
+							htmlFor: "technospam-booking-duration",
 							className: "mb-1.5 block text-sm font-medium text-text-primary",
 							children: "Duration (min)"
 						}), /* @__PURE__ */ O(N, {
+							id: "technospam-booking-duration",
 							type: "number",
 							min: 15,
 							step: 15,
@@ -100,7 +105,7 @@ function I({ mentorId: e, disabled: n, onBooked: r, workspaceId: i }) {
 								children: l(L.costAmount, L.currency)
 							})]
 						}), /* @__PURE__ */ k("p", {
-							className: "mt-0.5 text-xs text-text-muted",
+							className: "mt-0.5 text-xs text-text-secondary",
 							children: [
 								"Includes a ",
 								(L.platformFeeBps / 100).toFixed(0),

package/dist/technospam/pages/MentorshipMentorProfilePagePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"MentorshipMentorProfilePagePage.js","names":[],"sources":["../../../src/technospam/pages/MentorshipMentorProfilePagePage.tsx"],"sourcesContent":["import { createElement, useState } from 'react';\nimport { useSearchParams } from 'react-router';\nimport {\n  Award,\n  CalendarClock,\n  CreditCard,\n  DollarSign,\n  MessageSquare,\n  Star,\n  Video,\n} from 'lucide-react';\nimport { Badge, Button, GlassCard, Input, Skeleton, Textarea } from '@burdenoff/fe-libs/ui';\nimport {\n  EmptyView,\n  ErrorView,\n  PageLayout,\n  StatCard,\n  StatusBadge,\n  coverGradient,\n  topicIcon,\n} from '../components';\nimport { useTechnoSpam } from '../providers/TechnoSpamProvider';\nimport {\n  useBookSession,\n  useMentorQuery,\n  useSessionCostEstimate,\n  type TecMentorSession,\n} from '../api/technospamApi';\nimport { formatDateTime, formatDuration, formatMoneyFromMinorUnits } from '../utils/format';\nimport { cn } from '../utils/cn';\nimport { notify } from '../lib/toast';\nimport { useTechnoSpamAnalytics } from '../hooks/useTechnoSpamAnalytics';\n\nfunction BookSessionForm({\n  mentorId,\n  disabled,\n  onBooked,\n  workspaceId,\n}: {\n  mentorId: string;\n  disabled: boolean;\n  onBooked?: () => void;\n  workspaceId?: string;\n}) {\n  const [topic, setTopic] = useState('');\n  const [agenda, setAgenda] = useState('');\n  const [scheduledAt, setScheduledAt] = useState('');\n  const [durationMinutes, setDurationMinutes] = useState('60');\n  const [bookSession, { loading }] = useBookSession();\n  const { emit } = useTechnoSpamAnalytics();\n\n  const parsedDate = scheduledAt ? new Date(scheduledAt) : null;\n  const validDate = parsedDate != null && !Number.isNaN(parsedDate.getTime());\n  const canSubmit = topic.trim().length > 0 && validDate && !loading && !disabled;\n\n  // Live cost preview -- computed server-side from the mentor's real rate,\n  // the exact same calculation tecBookSession snapshots onto the session.\n  // Shown BEFORE booking so the mentee sees the real price up front.\n  const parsedDuration = Number.parseInt(durationMinutes, 10);\n  const { data: costData, loading: costLoading } = useSessionCostEstimate(\n    mentorId,\n    Number.isNaN(parsedDuration) ? 0 : parsedDuration\n  );\n  const estimate = costData?.tecCalculateSessionCost;\n\n  const handleSubmit = async () => {\n    if (!canSubmit || !parsedDate) return;\n    const input: {\n      mentorId: string;\n      topic: string;\n      agenda?: string;\n      scheduledAt: string;\n      durationMinutes?: number;\n    } = {\n      mentorId,\n      topic: topic.trim(),\n      scheduledAt: parsedDate.toISOString(),\n    };\n    if (agenda.trim()) input.agenda = agenda.trim();\n    const dur = Number.parseInt(durationMinutes, 10);\n    if (!Number.isNaN(dur) && dur > 0) input.durationMinutes = dur;\n\n    emit('technospam.mentor.book_clicked', {\n      workspaceId,\n      entityId: mentorId,\n      entityType: 'TEC_MENTOR',\n    });\n    const res = await bookSession({ variables: { input } });\n    if (res.data?.tecBookSession) {\n      emit('technospam.mentor.booked', {\n        workspaceId,\n        entityId: mentorId,\n        entityType: 'TEC_MENTOR',\n        sessionId: res.data.tecBookSession.id,\n      });\n      notify.success('Session requested', 'Your mentor will confirm the booking soon.');\n      setTopic('');\n      setAgenda('');\n      setScheduledAt('');\n      setDurationMinutes('60');\n      onBooked?.();\n    }\n  };\n\n  return (\n    <GlassCard className=\"p-5\">\n      <div className=\"mb-4 flex items-start gap-3\">\n        <span className=\"flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-accent-primary to-accent-purple text-white shadow-sm\">\n          <CalendarClock size={20} />\n        </span>\n        <div>\n          <h2 className=\"text-base font-semibold text-text-primary\">Book a session</h2>\n          <p className=\"text-sm text-text-secondary\">Schedule 1:1 time with your mentor.</p>\n        </div>\n      </div>\n\n      {disabled ? (\n        <p className=\"rounded-lg border border-border-seam bg-bg-sunken px-3 py-2 text-sm text-text-secondary\">\n          This mentor isn&apos;t accepting new mentees right now.\n        </p>\n      ) : null}\n\n      <div className=\"mt-4 grid grid-cols-1 gap-4\">\n        <div>\n          <label className=\"mb-1.5 block text-sm font-medium text-text-primary\">\n            Topic <span className=\"text-status-error-text\">*</span>\n          </label>\n          <Input\n            placeholder=\"e.g. System design interview prep\"\n            value={topic}\n            onChange={(e) => setTopic(e.target.value)}\n            disabled={disabled}\n          />\n        </div>\n\n        <div>\n          <label className=\"mb-1.5 block text-sm font-medium text-text-primary\">Agenda</label>\n          <Textarea\n            rows={3}\n            placeholder=\"What would you like to cover? Share context so your mentor can prepare.\"\n            value={agenda}\n            onChange={(e) => setAgenda(e.target.value)}\n            disabled={disabled}\n          />\n        </div>\n\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n          <div>\n            <label className=\"mb-1.5 block text-sm font-medium text-text-primary\">\n              When <span className=\"text-status-error-text\">*</span>\n            </label>\n            <Input\n              type=\"datetime-local\"\n              value={scheduledAt}\n              onChange={(e) => setScheduledAt(e.target.value)}\n              disabled={disabled}\n            />\n          </div>\n          <div>\n            <label className=\"mb-1.5 block text-sm font-medium text-text-primary\">\n              Duration (min)\n            </label>\n            <Input\n              type=\"number\"\n              min={15}\n              step={15}\n              value={durationMinutes}\n              onChange={(e) => setDurationMinutes(e.target.value)}\n              disabled={disabled}\n            />\n          </div>\n        </div>\n\n        <div className=\"rounded-lg border border-border-seam bg-bg-sunken px-3 py-2.5\">\n          {costLoading && !estimate ? (\n            <Skeleton className=\"h-5 w-40 rounded\" />\n          ) : estimate ? (\n            <>\n              <div className=\"flex items-center justify-between text-sm\">\n                <span className=\"text-text-secondary\">Session cost</span>\n                <span className=\"font-semibold text-text-primary\">\n                  {formatMoneyFromMinorUnits(estimate.costAmount, estimate.currency)}\n                </span>\n              </div>\n              <p className=\"mt-0.5 text-xs text-text-muted\">\n                Includes a {(estimate.platformFeeBps / 100).toFixed(0)}% platform fee (\n                {formatMoneyFromMinorUnits(estimate.platformFeeAmount, estimate.currency)}) — the\n                mentor keeps {formatMoneyFromMinorUnits(estimate.netAmount, estimate.currency)}.\n              </p>\n            </>\n          ) : (\n            <p className=\"text-sm text-text-muted\">Enter a duration to preview the session cost.</p>\n          )}\n        </div>\n\n        <Button\n          className=\"w-full bg-gradient-to-r from-accent-primary to-accent-purple\"\n          onClick={handleSubmit}\n          disabled={!canSubmit}\n        >\n          <CalendarClock size={16} /> {loading ? 'Requesting…' : 'Request session'}\n        </Button>\n\n        <div className=\"flex items-center justify-between gap-2 rounded-lg border border-border-seam px-3 py-2\">\n          <span className=\"flex items-center gap-1.5 text-xs text-text-muted\">\n            <CreditCard size={14} /> Payment integration pending\n          </span>\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            disabled\n            title=\"Online payment collection is not live yet\"\n          >\n            Pay now\n          </Button>\n        </div>\n      </div>\n    </GlassCard>\n  );\n}\n\nfunction SessionSummaryRow({ session }: { session: TecMentorSession }) {\n  return (\n    <div className=\"flex items-center gap-3 rounded-lg px-1 py-3 transition-colors hover:bg-bg-sunken\">\n      <span className=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-accent-purple/12 text-accent-purple\">\n        <Video size={16} />\n      </span>\n      <div className=\"min-w-0 flex-1\">\n        <div className=\"truncate text-sm font-medium text-text-primary\">{session.topic}</div>\n        <div className=\"text-xs text-text-muted\">\n          {formatDateTime(session.scheduledAt)} · {formatDuration(session.durationMinutes)}\n        </div>\n      </div>\n      <StatusBadge status={session.status} />\n    </div>\n  );\n}\n\nexport function MentorshipMentorProfilePagePage() {\n  const [params] = useSearchParams();\n  const id = params.get('id') ?? '';\n  const { workspaceId } = useTechnoSpam();\n  const { data, loading, error, refetch } = useMentorQuery(id);\n\n  const mentor = data?.tecMentor ?? null;\n\n  if (loading && !mentor) {\n    return (\n      <PageLayout title=\"Mentor\" backPath=\"/mentorship/mentors-page\">\n        <Skeleton className=\"mb-4 h-40 w-full rounded-xl\" />\n        <Skeleton className=\"h-64 w-full rounded-xl\" />\n      </PageLayout>\n    );\n  }\n\n  if (error || !mentor) {\n    return (\n      <PageLayout title=\"Mentor\" backPath=\"/mentorship/mentors-page\">\n        {error ? (\n          <ErrorView title=\"Couldn't load mentor\" error={error} />\n        ) : (\n          <EmptyView\n            title=\"Mentor not found\"\n            description=\"This mentor profile may no longer be available.\"\n          />\n        )}\n      </PageLayout>\n    );\n  }\n\n  const sessions = mentor.sessions ?? [];\n  const recentSessions = [...sessions]\n    .sort((a, b) => new Date(b.scheduledAt).getTime() - new Date(a.scheduledAt).getTime())\n    .slice(0, 5);\n\n  const HeroIcon = topicIcon(mentor.expertise.join(' ') || mentor.headline);\n\n  return (\n    <PageLayout hero backPath=\"/mentorship/mentors-page\" title=\"Mentor Profile\">\n      <GlassCard className=\"mb-6 overflow-hidden p-0\">\n        <div\n          className={cn(\n            'relative h-24 overflow-hidden bg-gradient-to-br',\n            coverGradient(mentor.headline)\n          )}\n        >\n          {createElement(HeroIcon, {\n            className: 'pointer-events-none absolute -right-3 -top-4 text-white/15',\n            size: 120,\n            strokeWidth: 1.3,\n          })}\n          <div className=\"pointer-events-none absolute inset-0 bg-gradient-to-t from-black/25 to-transparent\" />\n        </div>\n        <div className=\"px-6 pb-6\">\n          <div className=\"-mt-10 flex flex-col gap-4 sm:flex-row sm:items-end\">\n            <div className=\"relative shrink-0\">\n              <span\n                className={cn(\n                  'flex h-20 w-20 items-center justify-center rounded-full bg-gradient-to-br text-white shadow-lg ring-4 ring-bg-surface',\n                  coverGradient(mentor.headline)\n                )}\n              >\n                {createElement(HeroIcon, { size: 34, strokeWidth: 1.6 })}\n              </span>\n              {mentor.isAcceptingMentees ? (\n                <span className=\"absolute bottom-1 right-1 h-4 w-4 rounded-full border-2 border-bg-surface bg-status-success-text\" />\n              ) : null}\n            </div>\n            <div className=\"min-w-0 flex-1 sm:pb-1\">\n              <h1 className=\"text-xl font-semibold text-text-primary sm:text-2xl\">\n                {mentor.headline}\n              </h1>\n              {mentor.role ? (\n                <p className=\"mt-1 text-sm font-medium text-text-secondary\">{mentor.role}</p>\n              ) : null}\n              <div className=\"mt-2 flex flex-wrap items-center gap-2\">\n                <StatusBadge status={mentor.status} />\n                {mentor.isAcceptingMentees ? (\n                  <Badge\n                    variant=\"outline\"\n                    className=\"inline-flex items-center gap-1.5 border-status-success-border bg-status-success-bg-subtle text-status-success-text\"\n                  >\n                    <span className=\"h-1.5 w-1.5 rounded-full bg-status-success-text\" /> Accepting\n                    mentees\n                  </Badge>\n                ) : null}\n              </div>\n            </div>\n          </div>\n\n          {mentor.bio ? (\n            <p className=\"mt-4 max-w-2xl text-sm leading-relaxed text-text-secondary\">\n              {mentor.bio}\n            </p>\n          ) : null}\n\n          {mentor.expertise.length ? (\n            <div className=\"mt-4 flex flex-wrap gap-1.5\">\n              {mentor.expertise.map((skill) => (\n                <Badge key={skill} variant=\"secondary\">\n                  {skill}\n                </Badge>\n              ))}\n            </div>\n          ) : null}\n        </div>\n      </GlassCard>\n\n      <div className=\"mb-6 grid grid-cols-2 gap-3 sm:grid-cols-4\">\n        <StatCard\n          label=\"Rate\"\n          value={`${formatMoneyFromMinorUnits(mentor.hourlyRate, mentor.currency)}/hr`}\n          icon={DollarSign}\n          tone=\"blue\"\n        />\n        <StatCard\n          label=\"Rating\"\n          value={mentor.ratingAvg > 0 ? mentor.ratingAvg.toFixed(1) : 'New'}\n          icon={Star}\n          tone=\"amber\"\n        />\n        <StatCard\n          label=\"Sessions\"\n          value={mentor.sessionsCount}\n          icon={MessageSquare}\n          tone=\"purple\"\n        />\n        <StatCard\n          label=\"Status\"\n          value={mentor.status === 'ACTIVE' ? 'Active' : 'Pending'}\n          icon={Award}\n          tone=\"teal\"\n        />\n      </div>\n\n      <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-2\">\n        <BookSessionForm\n          mentorId={mentor.id}\n          disabled={!mentor.isAcceptingMentees}\n          onBooked={() => void refetch()}\n          workspaceId={workspaceId}\n        />\n\n        <GlassCard className=\"p-5\">\n          <div className=\"mb-3 flex items-center gap-2\">\n            <CalendarClock size={18} className=\"text-accent-teal\" />\n            <h2 className=\"text-base font-semibold text-text-primary\">Recent sessions</h2>\n          </div>\n          {recentSessions.length === 0 ? (\n            <p className=\"py-6 text-center text-sm text-text-muted\">\n              No sessions booked yet. Be the first to request time with this mentor.\n            </p>\n          ) : (\n            <div className=\"divide-y divide-border-seam\">\n              {recentSessions.map((session) => (\n                <SessionSummaryRow key={session.id} session={session} />\n              ))}\n            </div>\n          )}\n        </GlassCard>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"MentorshipMentorProfilePagePage.js","names":[],"sources":["../../../src/technospam/pages/MentorshipMentorProfilePagePage.tsx"],"sourcesContent":["import { createElement, useState } from 'react';\nimport { useSearchParams } from 'react-router';\nimport {\n  Award,\n  CalendarClock,\n  CreditCard,\n  DollarSign,\n  MessageSquare,\n  Star,\n  Video,\n} from 'lucide-react';\nimport { Badge, Button, GlassCard, Input, Skeleton, Textarea } from '@burdenoff/fe-libs/ui';\nimport {\n  EmptyView,\n  ErrorView,\n  PageLayout,\n  StatCard,\n  StatusBadge,\n  coverGradient,\n  topicIcon,\n} from '../components';\nimport { useTechnoSpam } from '../providers/TechnoSpamProvider';\nimport {\n  useBookSession,\n  useMentorQuery,\n  useSessionCostEstimate,\n  type TecMentorSession,\n} from '../api/technospamApi';\nimport { formatDateTime, formatDuration, formatMoneyFromMinorUnits } from '../utils/format';\nimport { cn } from '../utils/cn';\nimport { notify } from '../lib/toast';\nimport { useTechnoSpamAnalytics } from '../hooks/useTechnoSpamAnalytics';\n\nfunction BookSessionForm({\n  mentorId,\n  disabled,\n  onBooked,\n  workspaceId,\n}: {\n  mentorId: string;\n  disabled: boolean;\n  onBooked?: () => void;\n  workspaceId?: string;\n}) {\n  const [topic, setTopic] = useState('');\n  const [agenda, setAgenda] = useState('');\n  const [scheduledAt, setScheduledAt] = useState('');\n  const [durationMinutes, setDurationMinutes] = useState('60');\n  const [bookSession, { loading }] = useBookSession();\n  const { emit } = useTechnoSpamAnalytics();\n\n  const parsedDate = scheduledAt ? new Date(scheduledAt) : null;\n  const validDate = parsedDate != null && !Number.isNaN(parsedDate.getTime());\n  const canSubmit = topic.trim().length > 0 && validDate && !loading && !disabled;\n\n  // Live cost preview -- computed server-side from the mentor's real rate,\n  // the exact same calculation tecBookSession snapshots onto the session.\n  // Shown BEFORE booking so the mentee sees the real price up front.\n  const parsedDuration = Number.parseInt(durationMinutes, 10);\n  const { data: costData, loading: costLoading } = useSessionCostEstimate(\n    mentorId,\n    Number.isNaN(parsedDuration) ? 0 : parsedDuration\n  );\n  const estimate = costData?.tecCalculateSessionCost;\n\n  const handleSubmit = async () => {\n    if (!canSubmit || !parsedDate) return;\n    const input: {\n      mentorId: string;\n      topic: string;\n      agenda?: string;\n      scheduledAt: string;\n      durationMinutes?: number;\n    } = {\n      mentorId,\n      topic: topic.trim(),\n      scheduledAt: parsedDate.toISOString(),\n    };\n    if (agenda.trim()) input.agenda = agenda.trim();\n    const dur = Number.parseInt(durationMinutes, 10);\n    if (!Number.isNaN(dur) && dur > 0) input.durationMinutes = dur;\n\n    emit('technospam.mentor.book_clicked', {\n      workspaceId,\n      entityId: mentorId,\n      entityType: 'TEC_MENTOR',\n    });\n    const res = await bookSession({ variables: { input } });\n    if (res.data?.tecBookSession) {\n      emit('technospam.mentor.booked', {\n        workspaceId,\n        entityId: mentorId,\n        entityType: 'TEC_MENTOR',\n        sessionId: res.data.tecBookSession.id,\n      });\n      notify.success('Session requested', 'Your mentor will confirm the booking soon.');\n      setTopic('');\n      setAgenda('');\n      setScheduledAt('');\n      setDurationMinutes('60');\n      onBooked?.();\n    }\n  };\n\n  return (\n    <GlassCard className=\"p-5\">\n      <div className=\"mb-4 flex items-start gap-3\">\n        <span className=\"flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-gradient-to-br from-accent-primary to-accent-purple text-white shadow-sm\">\n          <CalendarClock size={20} />\n        </span>\n        <div>\n          <h2 className=\"text-base font-semibold text-text-primary\">Book a session</h2>\n          <p className=\"text-sm text-text-secondary\">Schedule 1:1 time with your mentor.</p>\n        </div>\n      </div>\n\n      {disabled ? (\n        <p className=\"rounded-lg border border-border-seam bg-bg-sunken px-3 py-2 text-sm text-text-secondary\">\n          This mentor isn&apos;t accepting new mentees right now.\n        </p>\n      ) : null}\n\n      <div className=\"mt-4 grid grid-cols-1 gap-4\">\n        <div>\n          <label className=\"mb-1.5 block text-sm font-medium text-text-primary\">\n            Topic <span className=\"text-status-error-text\">*</span>\n          </label>\n          <Input\n            placeholder=\"e.g. System design interview prep\"\n            value={topic}\n            onChange={(e) => setTopic(e.target.value)}\n            disabled={disabled}\n          />\n        </div>\n\n        <div>\n          <label className=\"mb-1.5 block text-sm font-medium text-text-primary\">Agenda</label>\n          <Textarea\n            rows={3}\n            placeholder=\"What would you like to cover? Share context so your mentor can prepare.\"\n            value={agenda}\n            onChange={(e) => setAgenda(e.target.value)}\n            disabled={disabled}\n          />\n        </div>\n\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n          <div>\n            <label\n              htmlFor=\"technospam-booking-when\"\n              className=\"mb-1.5 block text-sm font-medium text-text-primary\"\n            >\n              When <span className=\"text-status-error-text\">*</span>\n            </label>\n            <Input\n              id=\"technospam-booking-when\"\n              required\n              type=\"datetime-local\"\n              value={scheduledAt}\n              onChange={(e) => setScheduledAt(e.target.value)}\n              disabled={disabled}\n            />\n          </div>\n          <div>\n            <label\n              htmlFor=\"technospam-booking-duration\"\n              className=\"mb-1.5 block text-sm font-medium text-text-primary\"\n            >\n              Duration (min)\n            </label>\n            <Input\n              id=\"technospam-booking-duration\"\n              type=\"number\"\n              min={15}\n              step={15}\n              value={durationMinutes}\n              onChange={(e) => setDurationMinutes(e.target.value)}\n              disabled={disabled}\n            />\n          </div>\n        </div>\n\n        <div className=\"rounded-lg border border-border-seam bg-bg-sunken px-3 py-2.5\">\n          {costLoading && !estimate ? (\n            <Skeleton className=\"h-5 w-40 rounded\" />\n          ) : estimate ? (\n            <>\n              <div className=\"flex items-center justify-between text-sm\">\n                <span className=\"text-text-secondary\">Session cost</span>\n                <span className=\"font-semibold text-text-primary\">\n                  {formatMoneyFromMinorUnits(estimate.costAmount, estimate.currency)}\n                </span>\n              </div>\n              <p className=\"mt-0.5 text-xs text-text-secondary\">\n                Includes a {(estimate.platformFeeBps / 100).toFixed(0)}% platform fee (\n                {formatMoneyFromMinorUnits(estimate.platformFeeAmount, estimate.currency)}) — the\n                mentor keeps {formatMoneyFromMinorUnits(estimate.netAmount, estimate.currency)}.\n              </p>\n            </>\n          ) : (\n            <p className=\"text-sm text-text-muted\">Enter a duration to preview the session cost.</p>\n          )}\n        </div>\n\n        <Button\n          className=\"w-full bg-gradient-to-r from-accent-primary to-accent-purple\"\n          onClick={handleSubmit}\n          disabled={!canSubmit}\n        >\n          <CalendarClock size={16} /> {loading ? 'Requesting…' : 'Request session'}\n        </Button>\n\n        <div className=\"flex items-center justify-between gap-2 rounded-lg border border-border-seam px-3 py-2\">\n          <span className=\"flex items-center gap-1.5 text-xs text-text-muted\">\n            <CreditCard size={14} /> Payment integration pending\n          </span>\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            disabled\n            title=\"Online payment collection is not live yet\"\n          >\n            Pay now\n          </Button>\n        </div>\n      </div>\n    </GlassCard>\n  );\n}\n\nfunction SessionSummaryRow({ session }: { session: TecMentorSession }) {\n  return (\n    <div className=\"flex items-center gap-3 rounded-lg px-1 py-3 transition-colors hover:bg-bg-sunken\">\n      <span className=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-accent-purple/12 text-accent-purple\">\n        <Video size={16} />\n      </span>\n      <div className=\"min-w-0 flex-1\">\n        <div className=\"truncate text-sm font-medium text-text-primary\">{session.topic}</div>\n        <div className=\"text-xs text-text-muted\">\n          {formatDateTime(session.scheduledAt)} · {formatDuration(session.durationMinutes)}\n        </div>\n      </div>\n      <StatusBadge status={session.status} />\n    </div>\n  );\n}\n\nexport function MentorshipMentorProfilePagePage() {\n  const [params] = useSearchParams();\n  const id = params.get('id') ?? '';\n  const { workspaceId } = useTechnoSpam();\n  const { data, loading, error, refetch } = useMentorQuery(id);\n\n  const mentor = data?.tecMentor ?? null;\n\n  if (loading && !mentor) {\n    return (\n      <PageLayout title=\"Mentor\" backPath=\"/mentorship/mentors-page\">\n        <Skeleton className=\"mb-4 h-40 w-full rounded-xl\" />\n        <Skeleton className=\"h-64 w-full rounded-xl\" />\n      </PageLayout>\n    );\n  }\n\n  if (error || !mentor) {\n    return (\n      <PageLayout title=\"Mentor\" backPath=\"/mentorship/mentors-page\">\n        {error ? (\n          <ErrorView title=\"Couldn't load mentor\" error={error} />\n        ) : (\n          <EmptyView\n            title=\"Mentor not found\"\n            description=\"This mentor profile may no longer be available.\"\n          />\n        )}\n      </PageLayout>\n    );\n  }\n\n  const sessions = mentor.sessions ?? [];\n  const recentSessions = [...sessions]\n    .sort((a, b) => new Date(b.scheduledAt).getTime() - new Date(a.scheduledAt).getTime())\n    .slice(0, 5);\n\n  const HeroIcon = topicIcon(mentor.expertise.join(' ') || mentor.headline);\n\n  return (\n    <PageLayout hero backPath=\"/mentorship/mentors-page\" title=\"Mentor Profile\">\n      <GlassCard className=\"mb-6 overflow-hidden p-0\">\n        <div\n          className={cn(\n            'relative h-24 overflow-hidden bg-gradient-to-br',\n            coverGradient(mentor.headline)\n          )}\n        >\n          {createElement(HeroIcon, {\n            className: 'pointer-events-none absolute -right-3 -top-4 text-white/15',\n            size: 120,\n            strokeWidth: 1.3,\n          })}\n          <div className=\"pointer-events-none absolute inset-0 bg-gradient-to-t from-black/25 to-transparent\" />\n        </div>\n        <div className=\"px-6 pb-6\">\n          <div className=\"-mt-10 flex flex-col gap-4 sm:flex-row sm:items-end\">\n            <div className=\"relative shrink-0\">\n              <span\n                className={cn(\n                  'flex h-20 w-20 items-center justify-center rounded-full bg-gradient-to-br text-white shadow-lg ring-4 ring-bg-surface',\n                  coverGradient(mentor.headline)\n                )}\n              >\n                {createElement(HeroIcon, { size: 34, strokeWidth: 1.6 })}\n              </span>\n              {mentor.isAcceptingMentees ? (\n                <span className=\"absolute bottom-1 right-1 h-4 w-4 rounded-full border-2 border-bg-surface bg-status-success-text\" />\n              ) : null}\n            </div>\n            <div className=\"min-w-0 flex-1 sm:pb-1\">\n              <h1 className=\"text-xl font-semibold text-text-primary sm:text-2xl\">\n                {mentor.headline}\n              </h1>\n              {mentor.role ? (\n                <p className=\"mt-1 text-sm font-medium text-text-secondary\">{mentor.role}</p>\n              ) : null}\n              <div className=\"mt-2 flex flex-wrap items-center gap-2\">\n                <StatusBadge status={mentor.status} />\n                {mentor.isAcceptingMentees ? (\n                  <Badge\n                    variant=\"outline\"\n                    className=\"inline-flex items-center gap-1.5 border-status-success-border bg-status-success-bg-subtle text-status-success-text\"\n                  >\n                    <span className=\"h-1.5 w-1.5 rounded-full bg-status-success-text\" /> Accepting\n                    mentees\n                  </Badge>\n                ) : null}\n              </div>\n            </div>\n          </div>\n\n          {mentor.bio ? (\n            <p className=\"mt-4 max-w-2xl text-sm leading-relaxed text-text-secondary\">\n              {mentor.bio}\n            </p>\n          ) : null}\n\n          {mentor.expertise.length ? (\n            <div className=\"mt-4 flex flex-wrap gap-1.5\">\n              {mentor.expertise.map((skill) => (\n                <Badge key={skill} variant=\"secondary\">\n                  {skill}\n                </Badge>\n              ))}\n            </div>\n          ) : null}\n        </div>\n      </GlassCard>\n\n      <div className=\"mb-6 grid grid-cols-2 gap-3 sm:grid-cols-4\">\n        <StatCard\n          label=\"Rate\"\n          value={`${formatMoneyFromMinorUnits(mentor.hourlyRate, mentor.currency)}/hr`}\n          icon={DollarSign}\n          tone=\"blue\"\n        />\n        <StatCard\n          label=\"Rating\"\n          value={mentor.ratingAvg > 0 ? mentor.ratingAvg.toFixed(1) : 'New'}\n          icon={Star}\n          tone=\"amber\"\n        />\n        <StatCard\n          label=\"Sessions\"\n          value={mentor.sessionsCount}\n          icon={MessageSquare}\n          tone=\"purple\"\n        />\n        <StatCard\n          label=\"Status\"\n          value={mentor.status === 'ACTIVE' ? 'Active' : 'Pending'}\n          icon={Award}\n          tone=\"teal\"\n        />\n      </div>\n\n      <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-2\">\n        <BookSessionForm\n          mentorId={mentor.id}\n          disabled={!mentor.isAcceptingMentees}\n          onBooked={() => void refetch()}\n          workspaceId={workspaceId}\n        />\n\n        <GlassCard className=\"p-5\">\n          <div className=\"mb-3 flex items-center gap-2\">\n            <CalendarClock size={18} className=\"text-accent-teal\" />\n            <h2 className=\"text-base font-semibold text-text-primary\">Recent sessions</h2>\n          </div>\n          {recentSessions.length === 0 ? (\n            <p className=\"py-6 text-center text-sm text-text-muted\">\n              No sessions booked yet. Be the first to request time with this mentor.\n            </p>\n          ) : (\n            <div className=\"divide-y divide-border-seam\">\n              {recentSessions.map((session) => (\n                <SessionSummaryRow key={session.id} session={session} />\n              ))}\n            </div>\n          )}\n        </GlassCard>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/technospam/pages/MentorshipMentorsPagePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MentorshipMentorsPagePage.d.ts","sourceRoot":"","sources":["../../../src/technospam/pages/MentorshipMentorsPagePage.tsx"],"names":[],"mappings":"AAqTA,wBAAgB,yBAAyB,gCA+KxC"}
+{"version":3,"file":"MentorshipMentorsPagePage.d.ts","sourceRoot":"","sources":["../../../src/technospam/pages/MentorshipMentorsPagePage.tsx"],"names":[],"mappings":"AAqTA,wBAAgB,yBAAyB,gCAgLxC"}

package/dist/technospam/pages/MentorshipMentorsPagePage.js

@@ -346,6 +346,7 @@ function B() {
 						size: 16
 					}), /* @__PURE__ */ A(F, {
 						className: "pl-9",
+						"aria-label": m("technospam.mentorship.searchLabel", "Search mentors"),
 						placeholder: m("technospam.mentorship.searchPlaceholder", "Search by headline or expertise…"),
 						value: g,
 						onChange: (e) => y(e.target.value)