@burdenoff/microfe-technospam 2026.719.1 → 2026.720.1

package/dist/technospam/pages/MentorshipMentorProfilePagePage.js

@@ -199,17 +199,24 @@ function F() {
 								}), O.isAcceptingMentees ? /* @__PURE__ */ T("span", { className: "absolute bottom-1 right-1 h-4 w-4 rounded-full border-2 border-bg-surface bg-status-success-text" }) : null]
 							}), /* @__PURE__ */ E("div", {
 								className: "min-w-0 flex-1 sm:pb-1",
-								children: [/* @__PURE__ */ T("h1", {
-									className: "text-xl font-semibold text-text-primary sm:text-2xl",
-									children: O.headline
-								}), /* @__PURE__ */ E("div", {
-									className: "mt-2 flex flex-wrap items-center gap-2",
-									children: [/* @__PURE__ */ T(u, { status: O.status }), O.isAcceptingMentees ? /* @__PURE__ */ E(D, {
-										variant: "outline",
-										className: "inline-flex items-center gap-1.5 border-status-success-border bg-status-success-bg-subtle text-status-success-text",
-										children: [/* @__PURE__ */ T("span", { className: "h-1.5 w-1.5 rounded-full bg-status-success-text" }), " Accepting mentees"]
-									}) : null]
-								})]
+								children: [
+									/* @__PURE__ */ T("h1", {
+										className: "text-xl font-semibold text-text-primary sm:text-2xl",
+										children: O.headline
+									}),
+									O.role ? /* @__PURE__ */ T("p", {
+										className: "mt-1 text-sm font-medium text-text-secondary",
+										children: O.role
+									}) : null,
+									/* @__PURE__ */ E("div", {
+										className: "mt-2 flex flex-wrap items-center gap-2",
+										children: [/* @__PURE__ */ T(u, { status: O.status }), O.isAcceptingMentees ? /* @__PURE__ */ E(D, {
+											variant: "outline",
+											className: "inline-flex items-center gap-1.5 border-status-success-border bg-status-success-bg-subtle text-status-success-text",
+											children: [/* @__PURE__ */ T("span", { className: "h-1.5 w-1.5 rounded-full bg-status-success-text" }), " Accepting mentees"]
+										}) : null]
+									})
+								]
 							})]
 						}),
 						O.bio ? /* @__PURE__ */ T("p", {

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-dom';\nimport { Award, CalendarClock, DollarSign, MessageSquare, Star, Video } 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 { useBookSession, useMentorQuery, type TecMentorSession } from '../api/technospamApi';\nimport { formatDateTime, formatDuration, formatMoney } 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  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        <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      </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              <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={`${formatMoney(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-dom';\nimport { Award, CalendarClock, DollarSign, MessageSquare, Star, Video } 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 { useBookSession, useMentorQuery, type TecMentorSession } from '../api/technospamApi';\nimport { formatDateTime, formatDuration, formatMoney } 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  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        <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      </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={`${formatMoney(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":"AA8QA,wBAAgB,yBAAyB,gCAwIxC"}
+{"version":3,"file":"MentorshipMentorsPagePage.d.ts","sourceRoot":"","sources":["../../../src/technospam/pages/MentorshipMentorsPagePage.tsx"],"names":[],"mappings":"AAkSA,wBAAgB,yBAAyB,gCAwIxC"}

package/dist/technospam/pages/MentorshipMentorsPagePage.js

@@ -36,18 +36,25 @@ function L({ mentor: e, onOpen: t }) {
 				className: "flex items-start gap-4",
 				children: [/* @__PURE__ */ k(I, { mentor: e }), /* @__PURE__ */ A("div", {
 					className: "min-w-0 flex-1",
-					children: [/* @__PURE__ */ k("h3", {
-						className: "truncate text-base font-semibold text-text-primary group-hover:text-accent-primary",
-						children: e.headline
-					}), e.isAcceptingMentees ? /* @__PURE__ */ A(j, {
-						variant: "outline",
-						className: "mt-1.5 inline-flex items-center gap-1.5 border-status-success-border bg-status-success-bg-subtle text-status-success-text",
-						children: [/* @__PURE__ */ k("span", { className: "h-1.5 w-1.5 rounded-full bg-status-success-text" }), " Accepting mentees"]
-					}) : /* @__PURE__ */ k(j, {
-						variant: "outline",
-						className: "mt-1.5 border-border-seam bg-bg-sunken text-text-secondary",
-						children: "Not accepting"
-					})]
+					children: [
+						/* @__PURE__ */ k("h3", {
+							className: "truncate text-base font-semibold text-text-primary group-hover:text-accent-primary",
+							children: e.headline
+						}),
+						e.role ? /* @__PURE__ */ k("p", {
+							className: "mt-0.5 truncate text-xs font-medium text-text-secondary",
+							children: e.role
+						}) : null,
+						e.isAcceptingMentees ? /* @__PURE__ */ A(j, {
+							variant: "outline",
+							className: "mt-1.5 inline-flex items-center gap-1.5 border-status-success-border bg-status-success-bg-subtle text-status-success-text",
+							children: [/* @__PURE__ */ k("span", { className: "h-1.5 w-1.5 rounded-full bg-status-success-text" }), " Accepting mentees"]
+						}) : /* @__PURE__ */ k(j, {
+							variant: "outline",
+							className: "mt-1.5 border-border-seam bg-bg-sunken text-text-secondary",
+							children: "Not accepting"
+						})
+					]
 				})]
 			}),
 			e.bio ? /* @__PURE__ */ k("p", {
@@ -114,7 +121,7 @@ function L({ mentor: e, onOpen: t }) {
 	});
 }
 function R({ onClose: e, onDone: t, workspaceId: r }) {
-	let [i, a] = b(""), [o, s] = b(""), [c, l] = b(""), [u, d] = b(""), [f, m] = b("USD"), [g, { loading: _ }] = h(), { emit: v } = n(), y = i.trim().length > 0 && !_;
+	let [i, a] = b(""), [o, s] = b(""), [c, l] = b(""), [u, d] = b(""), [f, m] = b(""), [g, _] = b("USD"), [v, { loading: y }] = h(), { emit: x } = n(), S = i.trim().length > 0 && !y;
 	return /* @__PURE__ */ A(N, {
 		className: "mb-6 p-5",
 		children: [/* @__PURE__ */ A("div", {
@@ -152,14 +159,29 @@ function R({ onClose: e, onDone: t, workspaceId: r }) {
 					value: i,
 					onChange: (e) => a(e.target.value)
 				})] }),
+				/* @__PURE__ */ A("div", { children: [
+					/* @__PURE__ */ k("label", {
+						className: "mb-1.5 block text-sm font-medium text-text-primary",
+						children: "Role & company"
+					}),
+					/* @__PURE__ */ k(P, {
+						placeholder: "e.g. Staff Engineer @ Acme",
+						value: o,
+						onChange: (e) => s(e.target.value)
+					}),
+					/* @__PURE__ */ k("p", {
+						className: "mt-1 text-xs text-text-muted",
+						children: "Shown as a subtitle under your headline. Optional."
+					})
+				] }),
 				/* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("label", {
 					className: "mb-1.5 block text-sm font-medium text-text-primary",
 					children: "Bio"
 				}), /* @__PURE__ */ k(F, {
 					rows: 3,
 					placeholder: "Tell mentees about your experience and how you can help.",
-					value: o,
-					onChange: (e) => s(e.target.value)
+					value: c,
+					onChange: (e) => l(e.target.value)
 				})] }),
 				/* @__PURE__ */ A("div", { children: [
 					/* @__PURE__ */ k("label", {
@@ -168,8 +190,8 @@ function R({ onClose: e, onDone: t, workspaceId: r }) {
 					}),
 					/* @__PURE__ */ k(P, {
 						placeholder: "React, System design, Career coaching",
-						value: c,
-						onChange: (e) => l(e.target.value)
+						value: u,
+						onChange: (e) => d(e.target.value)
 					}),
 					/* @__PURE__ */ k("p", {
 						className: "mt-1 text-xs text-text-muted",
@@ -187,8 +209,8 @@ function R({ onClose: e, onDone: t, workspaceId: r }) {
 							type: "number",
 							min: 0,
 							placeholder: "0",
-							value: u,
-							onChange: (e) => d(e.target.value)
+							value: f,
+							onChange: (e) => m(e.target.value)
 						}),
 						/* @__PURE__ */ k("p", {
 							className: "mt-1 text-xs text-text-muted",
@@ -199,38 +221,38 @@ function R({ onClose: e, onDone: t, workspaceId: r }) {
 						children: "Currency"
 					}), /* @__PURE__ */ k(P, {
 						placeholder: "USD",
-						value: f,
-						onChange: (e) => m(e.target.value)
+						value: g,
+						onChange: (e) => _(e.target.value)
 					})] })]
 				}),
 				/* @__PURE__ */ A("div", {
 					className: "flex flex-wrap items-center gap-2",
 					children: [/* @__PURE__ */ A(M, {
 						onClick: async () => {
-							if (!y) return;
+							if (!S) return;
 							let e = { headline: i.trim() };
-							o.trim() && (e.bio = o.trim());
-							let n = c.split(",").map((e) => e.trim()).filter(Boolean);
+							o.trim() && (e.role = o.trim()), c.trim() && (e.bio = c.trim());
+							let n = u.split(",").map((e) => e.trim()).filter(Boolean);
 							n.length && (e.expertise = n);
-							let a = Number.parseInt(u, 10);
-							!Number.isNaN(a) && a >= 0 && (e.hourlyRate = a), f.trim() && (e.currency = f.trim().toUpperCase()), v("technospam.mentor.become_mentor_clicked", { workspaceId: r });
-							let s = await g({ variables: { input: e } });
-							s.data?.tecBecomeMentor && (v("technospam.mentor.became_mentor", {
+							let a = Number.parseInt(f, 10);
+							!Number.isNaN(a) && a >= 0 && (e.hourlyRate = a), g.trim() && (e.currency = g.trim().toUpperCase()), x("technospam.mentor.become_mentor_clicked", { workspaceId: r });
+							let s = await v({ variables: { input: e } });
+							s.data?.tecBecomeMentor && (x("technospam.mentor.became_mentor", {
 								workspaceId: r,
 								entityId: s.data.tecBecomeMentor.id,
 								entityType: "TEC_MENTOR"
 							}), p.success("Mentor profile created", "Your profile is pending review."), t());
 						},
-						disabled: !y,
+						disabled: !S,
 						children: [
 							/* @__PURE__ */ k(E, { size: 16 }),
 							" ",
-							_ ? "Submitting…" : "Submit profile"
+							y ? "Submitting…" : "Submit profile"
 						]
 					}), /* @__PURE__ */ k(M, {
 						variant: "outline",
 						onClick: e,
-						disabled: _,
+						disabled: y,
 						children: "Cancel"
 					})]
 				})

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

@@ -1 +1 @@
-{"version":3,"file":"MentorshipMentorsPagePage.js","names":[],"sources":["../../../src/technospam/pages/MentorshipMentorsPagePage.tsx"],"sourcesContent":["import { createElement, useMemo, useState } from 'react';\nimport { Award, MessageSquare, Search, Sparkles, Star, UserPlus, Users, X } from 'lucide-react';\nimport { Badge, Button, GlassCard, Input, Textarea } from '@burdenoff/fe-libs/ui';\nimport {\n  EmptyView,\n  ErrorView,\n  LoadMore,\n  LoadingGrid,\n  PageLayout,\n  StatCard,\n  coverGradient,\n  topicIcon,\n} from '../components';\nimport { useTechnoSpam, useTechnoSpamNavigate } from '../providers/TechnoSpamProvider';\nimport {\n  pageArg,\n  useBecomeMentor,\n  useMentorsQuery,\n  usePageLimit,\n  type TecMentor,\n} from '../api/technospamApi';\nimport { formatMoney } from '../utils/format';\nimport { cn } from '../utils/cn';\nimport { notify } from '../lib/toast';\nimport { useTechnoSpamAnalytics } from '../hooks/useTechnoSpamAnalytics';\n\n/** Circular gradient medallion standing in for a mentor avatar, with a live\n *  \"accepting\" presence dot — mirrors the directory mockup within the dark theme. */\nfunction MentorMedallion({ mentor, size = 'md' }: { mentor: TecMentor; size?: 'md' | 'lg' }) {\n  const box = size === 'lg' ? 'h-20 w-20' : 'h-16 w-16';\n  return (\n    <div className=\"relative shrink-0\">\n      <span\n        className={cn(\n          'flex items-center justify-center rounded-full bg-gradient-to-br text-white shadow-md ring-1 ring-white/15',\n          box,\n          coverGradient(mentor.headline)\n        )}\n      >\n        {createElement(topicIcon(mentor.expertise.join(' ') || mentor.headline), {\n          size: size === 'lg' ? 32 : 26,\n          strokeWidth: 1.7,\n        })}\n      </span>\n      {mentor.isAcceptingMentees ? (\n        <span className=\"absolute -bottom-0.5 -right-0.5 h-4 w-4 rounded-full border-2 border-bg-surface bg-status-success-text\" />\n      ) : null}\n    </div>\n  );\n}\n\nfunction MentorCard({ mentor, onOpen }: { mentor: TecMentor; onOpen: () => void }) {\n  return (\n    <GlassCard\n      className=\"group flex cursor-pointer flex-col gap-4 p-5 transition-all duration-200 hover:-translate-y-1 hover:shadow-lg\"\n      onClick={onOpen}\n    >\n      <div className=\"flex items-start gap-4\">\n        <MentorMedallion mentor={mentor} />\n        <div className=\"min-w-0 flex-1\">\n          <h3 className=\"truncate text-base font-semibold text-text-primary group-hover:text-accent-primary\">\n            {mentor.headline}\n          </h3>\n          {mentor.isAcceptingMentees ? (\n            <Badge\n              variant=\"outline\"\n              className=\"mt-1.5 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 mentees\n            </Badge>\n          ) : (\n            <Badge\n              variant=\"outline\"\n              className=\"mt-1.5 border-border-seam bg-bg-sunken text-text-secondary\"\n            >\n              Not accepting\n            </Badge>\n          )}\n        </div>\n      </div>\n\n      {mentor.bio ? <p className=\"line-clamp-2 text-sm text-text-secondary\">{mentor.bio}</p> : null}\n\n      {mentor.expertise.length ? (\n        <div className=\"flex flex-wrap gap-1.5\">\n          {mentor.expertise.slice(0, 4).map((skill) => (\n            <Badge key={skill} variant=\"secondary\" className=\"text-[11px]\">\n              {skill}\n            </Badge>\n          ))}\n          {mentor.expertise.length > 4 ? (\n            <span className=\"self-center text-xs text-text-muted\">\n              +{mentor.expertise.length - 4}\n            </span>\n          ) : null}\n        </div>\n      ) : null}\n\n      <div className=\"mt-auto grid grid-cols-3 divide-x divide-border-seam rounded-xl border border-border-seam bg-bg-sunken text-center\">\n        <div className=\"px-2 py-2.5\">\n          <div className=\"flex items-center justify-center gap-1 text-sm font-semibold text-text-primary\">\n            <Star size={13} className=\"text-accent-teal\" />\n            {mentor.ratingAvg > 0 ? mentor.ratingAvg.toFixed(1) : 'New'}\n          </div>\n          <div className=\"text-[11px] text-text-muted\">rating</div>\n        </div>\n        <div className=\"px-2 py-2.5\">\n          <div className=\"text-sm font-semibold text-text-primary\">{mentor.sessionsCount}</div>\n          <div className=\"text-[11px] text-text-muted\">sessions</div>\n        </div>\n        <div className=\"px-2 py-2.5\">\n          <div className=\"text-sm font-semibold text-text-primary\">\n            {formatMoney(mentor.hourlyRate, mentor.currency)}\n          </div>\n          <div className=\"text-[11px] text-text-muted\">/ hr</div>\n        </div>\n      </div>\n\n      <Button\n        className=\"w-full\"\n        onClick={(e) => {\n          e.stopPropagation();\n          onOpen();\n        }}\n      >\n        View profile\n      </Button>\n    </GlassCard>\n  );\n}\n\nfunction BecomeMentorForm({\n  onClose,\n  onDone,\n  workspaceId,\n}: {\n  onClose: () => void;\n  onDone: () => void;\n  workspaceId?: string;\n}) {\n  const [headline, setHeadline] = useState('');\n  const [bio, setBio] = useState('');\n  const [expertise, setExpertise] = useState('');\n  const [hourlyRate, setHourlyRate] = useState('');\n  const [currency, setCurrency] = useState('USD');\n  const [becomeMentor, { loading }] = useBecomeMentor();\n  const { emit } = useTechnoSpamAnalytics();\n\n  const canSubmit = headline.trim().length > 0 && !loading;\n\n  const handleSubmit = async () => {\n    if (!canSubmit) return;\n    const input: {\n      headline: string;\n      bio?: string;\n      expertise?: string[];\n      hourlyRate?: number;\n      currency?: string;\n    } = { headline: headline.trim() };\n    if (bio.trim()) input.bio = bio.trim();\n    const exp = expertise\n      .split(',')\n      .map((s) => s.trim())\n      .filter(Boolean);\n    if (exp.length) input.expertise = exp;\n    const rate = Number.parseInt(hourlyRate, 10);\n    if (!Number.isNaN(rate) && rate >= 0) input.hourlyRate = rate;\n    if (currency.trim()) input.currency = currency.trim().toUpperCase();\n\n    emit('technospam.mentor.become_mentor_clicked', { workspaceId });\n    const res = await becomeMentor({ variables: { input } });\n    if (res.data?.tecBecomeMentor) {\n      emit('technospam.mentor.became_mentor', {\n        workspaceId,\n        entityId: res.data.tecBecomeMentor.id,\n        entityType: 'TEC_MENTOR',\n      });\n      notify.success('Mentor profile created', 'Your profile is pending review.');\n      onDone();\n    }\n  };\n\n  return (\n    <GlassCard className=\"mb-6 p-5\">\n      <div className=\"mb-4 flex items-start justify-between gap-3\">\n        <div className=\"flex items-center 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-indigo text-white shadow-sm\">\n            <UserPlus size={20} />\n          </span>\n          <div>\n            <h2 className=\"text-base font-semibold text-text-primary\">Become a mentor</h2>\n            <p className=\"text-sm text-text-secondary\">\n              Share your expertise and start mentoring builders in the community.\n            </p>\n          </div>\n        </div>\n        <Button variant=\"ghost\" size=\"sm\" onClick={onClose} aria-label=\"Close\">\n          <X size={16} />\n        </Button>\n      </div>\n\n      <div className=\"grid grid-cols-1 gap-4\">\n        <div>\n          <label className=\"mb-1.5 block text-sm font-medium text-text-primary\">\n            Headline <span className=\"text-status-error-text\">*</span>\n          </label>\n          <Input\n            placeholder=\"e.g. Staff Engineer · Distributed systems & career growth\"\n            value={headline}\n            onChange={(e) => setHeadline(e.target.value)}\n          />\n        </div>\n\n        <div>\n          <label className=\"mb-1.5 block text-sm font-medium text-text-primary\">Bio</label>\n          <Textarea\n            rows={3}\n            placeholder=\"Tell mentees about your experience and how you can help.\"\n            value={bio}\n            onChange={(e) => setBio(e.target.value)}\n          />\n        </div>\n\n        <div>\n          <label className=\"mb-1.5 block text-sm font-medium text-text-primary\">Expertise</label>\n          <Input\n            placeholder=\"React, System design, Career coaching\"\n            value={expertise}\n            onChange={(e) => setExpertise(e.target.value)}\n          />\n          <p className=\"mt-1 text-xs text-text-muted\">Comma-separated topics.</p>\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              Hourly rate\n            </label>\n            <Input\n              type=\"number\"\n              min={0}\n              placeholder=\"0\"\n              value={hourlyRate}\n              onChange={(e) => setHourlyRate(e.target.value)}\n            />\n            <p className=\"mt-1 text-xs text-text-muted\">Whole number. Leave 0 for free.</p>\n          </div>\n          <div>\n            <label className=\"mb-1.5 block text-sm font-medium text-text-primary\">Currency</label>\n            <Input\n              placeholder=\"USD\"\n              value={currency}\n              onChange={(e) => setCurrency(e.target.value)}\n            />\n          </div>\n        </div>\n\n        <div className=\"flex flex-wrap items-center gap-2\">\n          <Button onClick={handleSubmit} disabled={!canSubmit}>\n            <UserPlus size={16} /> {loading ? 'Submitting…' : 'Submit profile'}\n          </Button>\n          <Button variant=\"outline\" onClick={onClose} disabled={loading}>\n            Cancel\n          </Button>\n        </div>\n      </div>\n    </GlassCard>\n  );\n}\n\nexport function MentorshipMentorsPagePage() {\n  const navigate = useTechnoSpamNavigate();\n  const { currentUser, workspaceId } = useTechnoSpam();\n  const { emit } = useTechnoSpamAnalytics();\n  const [search, setSearch] = useState('');\n  const [showForm, setShowForm] = useState(false);\n\n  const { limit, more } = usePageLimit();\n  const { data, loading, error, refetch } = useMentorsQuery({\n    status: 'ACTIVE',\n    pagination: pageArg(limit),\n  });\n\n  const mentors = data?.tecListMentors.items ?? [];\n  const hasMore = data?.tecListMentors.pageInfo.hasMore ?? false;\n  const userId = currentUser?.id;\n  const alreadyMentor = Boolean(userId && mentors.some((m) => m.userId === userId));\n\n  const filtered = useMemo(() => {\n    const q = search.trim().toLowerCase();\n    if (!q) return mentors;\n    return mentors.filter(\n      (m) =>\n        m.headline.toLowerCase().includes(q) ||\n        m.expertise.some((skill) => skill.toLowerCase().includes(q))\n    );\n  }, [mentors, search]);\n\n  const accepting = mentors.filter((m) => m.isAcceptingMentees).length;\n  const totalSessions = mentors.reduce((s, m) => s + m.sessionsCount, 0);\n  const rated = mentors.filter((m) => m.ratingAvg > 0);\n  const avgRating = rated.length\n    ? (rated.reduce((s, m) => s + m.ratingAvg, 0) / rated.length).toFixed(1)\n    : '—';\n\n  return (\n    <PageLayout\n      hero\n      title=\"Find a Mentor\"\n      description=\"Connect with experienced builders for 1:1 guidance, code review, and career coaching.\"\n      actions={\n        <Button variant=\"outline\" onClick={() => navigate('/mentorship/sessions-page')}>\n          <MessageSquare size={16} /> My sessions\n        </Button>\n      }\n    >\n      {alreadyMentor ? (\n        <GlassCard className=\"mb-6 flex items-center gap-3 p-4\">\n          <span className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-status-success-bg-subtle text-status-success-text\">\n            <Award size={20} />\n          </span>\n          <div>\n            <div className=\"text-sm font-semibold text-text-primary\">You&apos;re a mentor</div>\n            <div className=\"text-xs text-text-secondary\">\n              Your mentor profile is live. Mentees can request sessions with you.\n            </div>\n          </div>\n        </GlassCard>\n      ) : showForm ? (\n        <BecomeMentorForm\n          onClose={() => setShowForm(false)}\n          onDone={() => {\n            setShowForm(false);\n            void refetch();\n          }}\n          workspaceId={workspaceId}\n        />\n      ) : null}\n\n      <div className=\"mb-5 grid grid-cols-2 gap-3 sm:grid-cols-4\">\n        <StatCard label=\"Mentors\" value={mentors.length} icon={Users} tone=\"blue\" />\n        <StatCard label=\"Accepting mentees\" value={accepting} icon={Sparkles} tone=\"green\" />\n        <StatCard label=\"Avg rating\" value={avgRating} icon={Star} tone=\"amber\" />\n        <StatCard label=\"Total sessions\" value={totalSessions} icon={MessageSquare} tone=\"purple\" />\n      </div>\n\n      <div className=\"mb-4 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n        <div className=\"relative w-full sm:w-80\">\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=\"Search by headline or expertise…\"\n            value={search}\n            onChange={(e) => setSearch(e.target.value)}\n          />\n        </div>\n        {!alreadyMentor && !showForm ? (\n          <Button onClick={() => setShowForm(true)}>\n            <UserPlus size={16} /> Become a mentor\n          </Button>\n        ) : null}\n      </div>\n\n      {loading && !mentors.length ? (\n        <LoadingGrid />\n      ) : error ? (\n        <ErrorView title=\"Couldn't load mentors\" error={error} />\n      ) : filtered.length === 0 ? (\n        <EmptyView\n          icon={<Users size={26} />}\n          title={search ? 'No matching mentors' : 'No mentors yet'}\n          description={\n            search\n              ? 'Try a different search term.'\n              : 'Active mentors will appear here. TechnoSpam is pre-launch — be one of the first to sign up.'\n          }\n          action={\n            !search && !alreadyMentor ? (\n              <Button onClick={() => setShowForm(true)}>Become a mentor</Button>\n            ) : undefined\n          }\n        />\n      ) : (\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n          {filtered.map((mentor) => (\n            <MentorCard\n              key={mentor.id}\n              mentor={mentor}\n              onOpen={() => {\n                emit('technospam.mentor.viewed', {\n                  workspaceId,\n                  entityId: mentor.id,\n                  entityType: 'TEC_MENTOR',\n                });\n                navigate(`/mentorship/mentor-profile-page?id=${mentor.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":"MentorshipMentorsPagePage.js","names":[],"sources":["../../../src/technospam/pages/MentorshipMentorsPagePage.tsx"],"sourcesContent":["import { createElement, useMemo, useState } from 'react';\nimport { Award, MessageSquare, Search, Sparkles, Star, UserPlus, Users, X } from 'lucide-react';\nimport { Badge, Button, GlassCard, Input, Textarea } from '@burdenoff/fe-libs/ui';\nimport {\n  EmptyView,\n  ErrorView,\n  LoadMore,\n  LoadingGrid,\n  PageLayout,\n  StatCard,\n  coverGradient,\n  topicIcon,\n} from '../components';\nimport { useTechnoSpam, useTechnoSpamNavigate } from '../providers/TechnoSpamProvider';\nimport {\n  pageArg,\n  useBecomeMentor,\n  useMentorsQuery,\n  usePageLimit,\n  type TecMentor,\n} from '../api/technospamApi';\nimport { formatMoney } from '../utils/format';\nimport { cn } from '../utils/cn';\nimport { notify } from '../lib/toast';\nimport { useTechnoSpamAnalytics } from '../hooks/useTechnoSpamAnalytics';\n\n/** Circular gradient medallion standing in for a mentor avatar, with a live\n *  \"accepting\" presence dot — mirrors the directory mockup within the dark theme. */\nfunction MentorMedallion({ mentor, size = 'md' }: { mentor: TecMentor; size?: 'md' | 'lg' }) {\n  const box = size === 'lg' ? 'h-20 w-20' : 'h-16 w-16';\n  return (\n    <div className=\"relative shrink-0\">\n      <span\n        className={cn(\n          'flex items-center justify-center rounded-full bg-gradient-to-br text-white shadow-md ring-1 ring-white/15',\n          box,\n          coverGradient(mentor.headline)\n        )}\n      >\n        {createElement(topicIcon(mentor.expertise.join(' ') || mentor.headline), {\n          size: size === 'lg' ? 32 : 26,\n          strokeWidth: 1.7,\n        })}\n      </span>\n      {mentor.isAcceptingMentees ? (\n        <span className=\"absolute -bottom-0.5 -right-0.5 h-4 w-4 rounded-full border-2 border-bg-surface bg-status-success-text\" />\n      ) : null}\n    </div>\n  );\n}\n\nfunction MentorCard({ mentor, onOpen }: { mentor: TecMentor; onOpen: () => void }) {\n  return (\n    <GlassCard\n      className=\"group flex cursor-pointer flex-col gap-4 p-5 transition-all duration-200 hover:-translate-y-1 hover:shadow-lg\"\n      onClick={onOpen}\n    >\n      <div className=\"flex items-start gap-4\">\n        <MentorMedallion mentor={mentor} />\n        <div className=\"min-w-0 flex-1\">\n          <h3 className=\"truncate text-base font-semibold text-text-primary group-hover:text-accent-primary\">\n            {mentor.headline}\n          </h3>\n          {mentor.role ? (\n            <p className=\"mt-0.5 truncate text-xs font-medium text-text-secondary\">{mentor.role}</p>\n          ) : null}\n          {mentor.isAcceptingMentees ? (\n            <Badge\n              variant=\"outline\"\n              className=\"mt-1.5 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 mentees\n            </Badge>\n          ) : (\n            <Badge\n              variant=\"outline\"\n              className=\"mt-1.5 border-border-seam bg-bg-sunken text-text-secondary\"\n            >\n              Not accepting\n            </Badge>\n          )}\n        </div>\n      </div>\n\n      {mentor.bio ? <p className=\"line-clamp-2 text-sm text-text-secondary\">{mentor.bio}</p> : null}\n\n      {mentor.expertise.length ? (\n        <div className=\"flex flex-wrap gap-1.5\">\n          {mentor.expertise.slice(0, 4).map((skill) => (\n            <Badge key={skill} variant=\"secondary\" className=\"text-[11px]\">\n              {skill}\n            </Badge>\n          ))}\n          {mentor.expertise.length > 4 ? (\n            <span className=\"self-center text-xs text-text-muted\">\n              +{mentor.expertise.length - 4}\n            </span>\n          ) : null}\n        </div>\n      ) : null}\n\n      <div className=\"mt-auto grid grid-cols-3 divide-x divide-border-seam rounded-xl border border-border-seam bg-bg-sunken text-center\">\n        <div className=\"px-2 py-2.5\">\n          <div className=\"flex items-center justify-center gap-1 text-sm font-semibold text-text-primary\">\n            <Star size={13} className=\"text-accent-teal\" />\n            {mentor.ratingAvg > 0 ? mentor.ratingAvg.toFixed(1) : 'New'}\n          </div>\n          <div className=\"text-[11px] text-text-muted\">rating</div>\n        </div>\n        <div className=\"px-2 py-2.5\">\n          <div className=\"text-sm font-semibold text-text-primary\">{mentor.sessionsCount}</div>\n          <div className=\"text-[11px] text-text-muted\">sessions</div>\n        </div>\n        <div className=\"px-2 py-2.5\">\n          <div className=\"text-sm font-semibold text-text-primary\">\n            {formatMoney(mentor.hourlyRate, mentor.currency)}\n          </div>\n          <div className=\"text-[11px] text-text-muted\">/ hr</div>\n        </div>\n      </div>\n\n      <Button\n        className=\"w-full\"\n        onClick={(e) => {\n          e.stopPropagation();\n          onOpen();\n        }}\n      >\n        View profile\n      </Button>\n    </GlassCard>\n  );\n}\n\nfunction BecomeMentorForm({\n  onClose,\n  onDone,\n  workspaceId,\n}: {\n  onClose: () => void;\n  onDone: () => void;\n  workspaceId?: string;\n}) {\n  const [headline, setHeadline] = useState('');\n  const [role, setRole] = useState('');\n  const [bio, setBio] = useState('');\n  const [expertise, setExpertise] = useState('');\n  const [hourlyRate, setHourlyRate] = useState('');\n  const [currency, setCurrency] = useState('USD');\n  const [becomeMentor, { loading }] = useBecomeMentor();\n  const { emit } = useTechnoSpamAnalytics();\n\n  const canSubmit = headline.trim().length > 0 && !loading;\n\n  const handleSubmit = async () => {\n    if (!canSubmit) return;\n    const input: {\n      headline: string;\n      role?: string;\n      bio?: string;\n      expertise?: string[];\n      hourlyRate?: number;\n      currency?: string;\n    } = { headline: headline.trim() };\n    if (role.trim()) input.role = role.trim();\n    if (bio.trim()) input.bio = bio.trim();\n    const exp = expertise\n      .split(',')\n      .map((s) => s.trim())\n      .filter(Boolean);\n    if (exp.length) input.expertise = exp;\n    const rate = Number.parseInt(hourlyRate, 10);\n    if (!Number.isNaN(rate) && rate >= 0) input.hourlyRate = rate;\n    if (currency.trim()) input.currency = currency.trim().toUpperCase();\n\n    emit('technospam.mentor.become_mentor_clicked', { workspaceId });\n    const res = await becomeMentor({ variables: { input } });\n    if (res.data?.tecBecomeMentor) {\n      emit('technospam.mentor.became_mentor', {\n        workspaceId,\n        entityId: res.data.tecBecomeMentor.id,\n        entityType: 'TEC_MENTOR',\n      });\n      notify.success('Mentor profile created', 'Your profile is pending review.');\n      onDone();\n    }\n  };\n\n  return (\n    <GlassCard className=\"mb-6 p-5\">\n      <div className=\"mb-4 flex items-start justify-between gap-3\">\n        <div className=\"flex items-center 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-indigo text-white shadow-sm\">\n            <UserPlus size={20} />\n          </span>\n          <div>\n            <h2 className=\"text-base font-semibold text-text-primary\">Become a mentor</h2>\n            <p className=\"text-sm text-text-secondary\">\n              Share your expertise and start mentoring builders in the community.\n            </p>\n          </div>\n        </div>\n        <Button variant=\"ghost\" size=\"sm\" onClick={onClose} aria-label=\"Close\">\n          <X size={16} />\n        </Button>\n      </div>\n\n      <div className=\"grid grid-cols-1 gap-4\">\n        <div>\n          <label className=\"mb-1.5 block text-sm font-medium text-text-primary\">\n            Headline <span className=\"text-status-error-text\">*</span>\n          </label>\n          <Input\n            placeholder=\"e.g. Staff Engineer · Distributed systems & career growth\"\n            value={headline}\n            onChange={(e) => setHeadline(e.target.value)}\n          />\n        </div>\n\n        <div>\n          <label className=\"mb-1.5 block text-sm font-medium text-text-primary\">\n            Role &amp; company\n          </label>\n          <Input\n            placeholder=\"e.g. Staff Engineer @ Acme\"\n            value={role}\n            onChange={(e) => setRole(e.target.value)}\n          />\n          <p className=\"mt-1 text-xs text-text-muted\">\n            Shown as a subtitle under your headline. Optional.\n          </p>\n        </div>\n\n        <div>\n          <label className=\"mb-1.5 block text-sm font-medium text-text-primary\">Bio</label>\n          <Textarea\n            rows={3}\n            placeholder=\"Tell mentees about your experience and how you can help.\"\n            value={bio}\n            onChange={(e) => setBio(e.target.value)}\n          />\n        </div>\n\n        <div>\n          <label className=\"mb-1.5 block text-sm font-medium text-text-primary\">Expertise</label>\n          <Input\n            placeholder=\"React, System design, Career coaching\"\n            value={expertise}\n            onChange={(e) => setExpertise(e.target.value)}\n          />\n          <p className=\"mt-1 text-xs text-text-muted\">Comma-separated topics.</p>\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              Hourly rate\n            </label>\n            <Input\n              type=\"number\"\n              min={0}\n              placeholder=\"0\"\n              value={hourlyRate}\n              onChange={(e) => setHourlyRate(e.target.value)}\n            />\n            <p className=\"mt-1 text-xs text-text-muted\">Whole number. Leave 0 for free.</p>\n          </div>\n          <div>\n            <label className=\"mb-1.5 block text-sm font-medium text-text-primary\">Currency</label>\n            <Input\n              placeholder=\"USD\"\n              value={currency}\n              onChange={(e) => setCurrency(e.target.value)}\n            />\n          </div>\n        </div>\n\n        <div className=\"flex flex-wrap items-center gap-2\">\n          <Button onClick={handleSubmit} disabled={!canSubmit}>\n            <UserPlus size={16} /> {loading ? 'Submitting…' : 'Submit profile'}\n          </Button>\n          <Button variant=\"outline\" onClick={onClose} disabled={loading}>\n            Cancel\n          </Button>\n        </div>\n      </div>\n    </GlassCard>\n  );\n}\n\nexport function MentorshipMentorsPagePage() {\n  const navigate = useTechnoSpamNavigate();\n  const { currentUser, workspaceId } = useTechnoSpam();\n  const { emit } = useTechnoSpamAnalytics();\n  const [search, setSearch] = useState('');\n  const [showForm, setShowForm] = useState(false);\n\n  const { limit, more } = usePageLimit();\n  const { data, loading, error, refetch } = useMentorsQuery({\n    status: 'ACTIVE',\n    pagination: pageArg(limit),\n  });\n\n  const mentors = data?.tecListMentors.items ?? [];\n  const hasMore = data?.tecListMentors.pageInfo.hasMore ?? false;\n  const userId = currentUser?.id;\n  const alreadyMentor = Boolean(userId && mentors.some((m) => m.userId === userId));\n\n  const filtered = useMemo(() => {\n    const q = search.trim().toLowerCase();\n    if (!q) return mentors;\n    return mentors.filter(\n      (m) =>\n        m.headline.toLowerCase().includes(q) ||\n        m.expertise.some((skill) => skill.toLowerCase().includes(q))\n    );\n  }, [mentors, search]);\n\n  const accepting = mentors.filter((m) => m.isAcceptingMentees).length;\n  const totalSessions = mentors.reduce((s, m) => s + m.sessionsCount, 0);\n  const rated = mentors.filter((m) => m.ratingAvg > 0);\n  const avgRating = rated.length\n    ? (rated.reduce((s, m) => s + m.ratingAvg, 0) / rated.length).toFixed(1)\n    : '—';\n\n  return (\n    <PageLayout\n      hero\n      title=\"Find a Mentor\"\n      description=\"Connect with experienced builders for 1:1 guidance, code review, and career coaching.\"\n      actions={\n        <Button variant=\"outline\" onClick={() => navigate('/mentorship/sessions-page')}>\n          <MessageSquare size={16} /> My sessions\n        </Button>\n      }\n    >\n      {alreadyMentor ? (\n        <GlassCard className=\"mb-6 flex items-center gap-3 p-4\">\n          <span className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-status-success-bg-subtle text-status-success-text\">\n            <Award size={20} />\n          </span>\n          <div>\n            <div className=\"text-sm font-semibold text-text-primary\">You&apos;re a mentor</div>\n            <div className=\"text-xs text-text-secondary\">\n              Your mentor profile is live. Mentees can request sessions with you.\n            </div>\n          </div>\n        </GlassCard>\n      ) : showForm ? (\n        <BecomeMentorForm\n          onClose={() => setShowForm(false)}\n          onDone={() => {\n            setShowForm(false);\n            void refetch();\n          }}\n          workspaceId={workspaceId}\n        />\n      ) : null}\n\n      <div className=\"mb-5 grid grid-cols-2 gap-3 sm:grid-cols-4\">\n        <StatCard label=\"Mentors\" value={mentors.length} icon={Users} tone=\"blue\" />\n        <StatCard label=\"Accepting mentees\" value={accepting} icon={Sparkles} tone=\"green\" />\n        <StatCard label=\"Avg rating\" value={avgRating} icon={Star} tone=\"amber\" />\n        <StatCard label=\"Total sessions\" value={totalSessions} icon={MessageSquare} tone=\"purple\" />\n      </div>\n\n      <div className=\"mb-4 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n        <div className=\"relative w-full sm:w-80\">\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=\"Search by headline or expertise…\"\n            value={search}\n            onChange={(e) => setSearch(e.target.value)}\n          />\n        </div>\n        {!alreadyMentor && !showForm ? (\n          <Button onClick={() => setShowForm(true)}>\n            <UserPlus size={16} /> Become a mentor\n          </Button>\n        ) : null}\n      </div>\n\n      {loading && !mentors.length ? (\n        <LoadingGrid />\n      ) : error ? (\n        <ErrorView title=\"Couldn't load mentors\" error={error} />\n      ) : filtered.length === 0 ? (\n        <EmptyView\n          icon={<Users size={26} />}\n          title={search ? 'No matching mentors' : 'No mentors yet'}\n          description={\n            search\n              ? 'Try a different search term.'\n              : 'Active mentors will appear here. TechnoSpam is pre-launch — be one of the first to sign up.'\n          }\n          action={\n            !search && !alreadyMentor ? (\n              <Button onClick={() => setShowForm(true)}>Become a mentor</Button>\n            ) : undefined\n          }\n        />\n      ) : (\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n          {filtered.map((mentor) => (\n            <MentorCard\n              key={mentor.id}\n              mentor={mentor}\n              onOpen={() => {\n                emit('technospam.mentor.viewed', {\n                  workspaceId,\n                  entityId: mentor.id,\n                  entityType: 'TEC_MENTOR',\n                });\n                navigate(`/mentorship/mentor-profile-page?id=${mentor.id}`);\n              }}\n            />\n          ))}\n        </div>\n      )}\n      <LoadMore hasMore={hasMore} loading={loading} onClick={more} />\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AA4BA,SAAS,EAAgB,EAAE,WAAQ,UAAO,QAAmD;AAE3F,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,QAAD;GACE,WAAW,EACT,6GALI,MAAS,OAAO,cAAc,aAOlC,EAAc,EAAO,SAAS,CAC/B;aAEA,EAAc,EAAU,EAAO,UAAU,KAAK,IAAI,IAAI,EAAO,SAAS,EAAE;IACvE,MAAM,MAAS,OAAO,KAAK;IAC3B,aAAa;IACd,CAAC;GACG,CAAA,EACN,EAAO,qBACN,kBAAC,QAAD,EAAM,WAAU,0GAA2G,CAAA,GACzH,KACA;;;AAIV,SAAS,EAAW,EAAE,WAAQ,aAAqD;AACjF,QACE,kBAAC,GAAD;EACE,WAAU;EACV,SAAS;YAFX;GAIE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAyB,WAAU,CAAA,EACnC,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,MAAD;OAAI,WAAU;iBACX,EAAO;OACL,CAAA;MACJ,EAAO,OACN,kBAAC,KAAD;OAAG,WAAU;iBAA2D,EAAO;OAAS,CAAA,GACtF;MACH,EAAO,qBACN,kBAAC,GAAD;OACE,SAAQ;OACR,WAAU;iBAFZ,CAIE,kBAAC,QAAD,EAAM,WAAU,mDAAoD,CAAA,EAAA,qBAC9D;WAER,kBAAC,GAAD;OACE,SAAQ;OACR,WAAU;iBACX;OAEO,CAAA;MAEN;OACF;;GAEL,EAAO,MAAM,kBAAC,KAAD;IAAG,WAAU;cAA4C,EAAO;IAAQ,CAAA,GAAG;GAExF,EAAO,UAAU,SAChB,kBAAC,OAAD;IAAK,WAAU;cAAf,CACG,EAAO,UAAU,MAAM,GAAG,EAAE,CAAC,KAAK,MACjC,kBAAC,GAAD;KAAmB,SAAQ;KAAY,WAAU;eAC9C;KACK,EAFI,EAEJ,CACR,EACD,EAAO,UAAU,SAAS,IACzB,kBAAC,QAAD;KAAM,WAAU;eAAhB,CAAsD,KAClD,EAAO,UAAU,SAAS,EACvB;SACL,KACA;QACJ;GAEJ,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD;QAAM,MAAM;QAAI,WAAU;QAAqB,CAAA,EAC9C,EAAO,YAAY,IAAI,EAAO,UAAU,QAAQ,EAAE,GAAG,MAClD;UACN,kBAAC,OAAD;OAAK,WAAU;iBAA8B;OAAY,CAAA,CACrD;;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBAA2C,EAAO;OAAoB,CAAA,EACrF,kBAAC,OAAD;OAAK,WAAU;iBAA8B;OAAc,CAAA,CACvD;;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBACZ,EAAY,EAAO,YAAY,EAAO,SAAS;OAC5C,CAAA,EACN,kBAAC,OAAD;OAAK,WAAU;iBAA8B;OAAU,CAAA,CACnD;;KACF;;GAEN,kBAAC,GAAD;IACE,WAAU;IACV,UAAU,MAAM;AAEd,KADA,EAAE,iBAAiB,EACnB,GAAQ;;cAEX;IAEQ,CAAA;GACC;;;AAIhB,SAAS,EAAiB,EACxB,YACA,WACA,kBAKC;CACD,IAAM,CAAC,GAAU,KAAe,EAAS,GAAG,EACtC,CAAC,GAAM,KAAW,EAAS,GAAG,EAC9B,CAAC,GAAK,KAAU,EAAS,GAAG,EAC5B,CAAC,GAAW,KAAgB,EAAS,GAAG,EACxC,CAAC,GAAY,KAAiB,EAAS,GAAG,EAC1C,CAAC,GAAU,KAAe,EAAS,MAAM,EACzC,CAAC,GAAc,EAAE,gBAAa,GAAiB,EAC/C,EAAE,YAAS,GAAwB,EAEnC,IAAY,EAAS,MAAM,CAAC,SAAS,KAAK,CAAC;AAoCjD,QACE,kBAAC,GAAD;EAAW,WAAU;YAArB,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,QAAD;KAAM,WAAU;eACd,kBAAC,GAAD,EAAU,MAAM,IAAM,CAAA;KACjB,CAAA,EACP,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;KAAI,WAAU;eAA4C;KAAoB,CAAA,EAC9E,kBAAC,KAAD;KAAG,WAAU;eAA8B;KAEvC,CAAA,CACA,EAAA,CAAA,CACF;OACN,kBAAC,GAAD;IAAQ,SAAQ;IAAQ,MAAK;IAAK,SAAS;IAAS,cAAW;cAC7D,kBAAC,GAAD,EAAG,MAAM,IAAM,CAAA;IACR,CAAA,CACL;MAEN,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;KAAO,WAAU;eAAjB,CAAsE,aAC3D,kBAAC,QAAD;MAAM,WAAU;gBAAyB;MAAQ,CAAA,CACpD;QACR,kBAAC,GAAD;KACE,aAAY;KACZ,OAAO;KACP,WAAW,MAAM,EAAY,EAAE,OAAO,MAAM;KAC5C,CAAA,CACE,EAAA,CAAA;IAEN,kBAAC,OAAD,EAAA,UAAA;KACE,kBAAC,SAAD;MAAO,WAAU;gBAAqD;MAE9D,CAAA;KACR,kBAAC,GAAD;MACE,aAAY;MACZ,OAAO;MACP,WAAW,MAAM,EAAQ,EAAE,OAAO,MAAM;MACxC,CAAA;KACF,kBAAC,KAAD;MAAG,WAAU;gBAA+B;MAExC,CAAA;KACA,EAAA,CAAA;IAEN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;KAAO,WAAU;eAAqD;KAAW,CAAA,EACjF,kBAAC,GAAD;KACE,MAAM;KACN,aAAY;KACZ,OAAO;KACP,WAAW,MAAM,EAAO,EAAE,OAAO,MAAM;KACvC,CAAA,CACE,EAAA,CAAA;IAEN,kBAAC,OAAD,EAAA,UAAA;KACE,kBAAC,SAAD;MAAO,WAAU;gBAAqD;MAAiB,CAAA;KACvF,kBAAC,GAAD;MACE,aAAY;MACZ,OAAO;MACP,WAAW,MAAM,EAAa,EAAE,OAAO,MAAM;MAC7C,CAAA;KACF,kBAAC,KAAD;MAAG,WAAU;gBAA+B;MAA2B,CAAA;KACnE,EAAA,CAAA;IAEN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD,EAAA,UAAA;MACE,kBAAC,SAAD;OAAO,WAAU;iBAAqD;OAE9D,CAAA;MACR,kBAAC,GAAD;OACE,MAAK;OACL,KAAK;OACL,aAAY;OACZ,OAAO;OACP,WAAW,MAAM,EAAc,EAAE,OAAO,MAAM;OAC9C,CAAA;MACF,kBAAC,KAAD;OAAG,WAAU;iBAA+B;OAAmC,CAAA;MAC3E,EAAA,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;MAAO,WAAU;gBAAqD;MAAgB,CAAA,EACtF,kBAAC,GAAD;MACE,aAAY;MACZ,OAAO;MACP,WAAW,MAAM,EAAY,EAAE,OAAO,MAAM;MAC5C,CAAA,CACE,EAAA,CAAA,CACF;;IAEN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MAAQ,SA5HK,YAAY;AAC/B,WAAI,CAAC,EAAW;OAChB,IAAM,IAOF,EAAE,UAAU,EAAS,MAAM,EAAE;AAEjC,OADI,EAAK,MAAM,KAAE,EAAM,OAAO,EAAK,MAAM,GACrC,EAAI,MAAM,KAAE,EAAM,MAAM,EAAI,MAAM;OACtC,IAAM,IAAM,EACT,MAAM,IAAI,CACV,KAAK,MAAM,EAAE,MAAM,CAAC,CACpB,OAAO,QAAQ;AAClB,OAAI,EAAI,WAAQ,EAAM,YAAY;OAClC,IAAM,IAAO,OAAO,SAAS,GAAY,GAAG;AAI5C,OAHI,CAAC,OAAO,MAAM,EAAK,IAAI,KAAQ,MAAG,EAAM,aAAa,IACrD,EAAS,MAAM,KAAE,EAAM,WAAW,EAAS,MAAM,CAAC,aAAa,GAEnE,EAAK,2CAA2C,EAAE,gBAAa,CAAC;OAChE,IAAM,IAAM,MAAM,EAAa,EAAE,WAAW,EAAE,UAAO,EAAE,CAAC;AACxD,OAAI,EAAI,MAAM,oBACZ,EAAK,mCAAmC;QACtC;QACA,UAAU,EAAI,KAAK,gBAAgB;QACnC,YAAY;QACb,CAAC,EACF,EAAO,QAAQ,0BAA0B,kCAAkC,EAC3E,GAAQ;;MA8F2B,UAAU,CAAC;gBAA1C;OACE,kBAAC,GAAD,EAAU,MAAM,IAAM,CAAA;;OAAE,IAAU,gBAAgB;OAC3C;SACT,kBAAC,GAAD;MAAQ,SAAQ;MAAU,SAAS;MAAS,UAAU;gBAAS;MAEtD,CAAA,CACL;;IACF;KACI;;;AAIhB,SAAgB,IAA4B;CAC1C,IAAM,IAAW,GAAuB,EAClC,EAAE,gBAAa,mBAAgB,GAAe,EAC9C,EAAE,YAAS,GAAwB,EACnC,CAAC,GAAQ,KAAa,EAAS,GAAG,EAClC,CAAC,GAAU,KAAe,EAAS,GAAM,EAEzC,EAAE,UAAO,YAAS,GAAc,EAChC,EAAE,SAAM,YAAS,UAAO,eAAY,EAAgB;EACxD,QAAQ;EACR,YAAY,EAAQ,EAAM;EAC3B,CAAC,EAEI,IAAU,GAAM,eAAe,SAAS,EAAE,EAC1C,IAAU,GAAM,eAAe,SAAS,WAAW,IACnD,IAAS,GAAa,IACtB,IAAgB,GAAQ,KAAU,EAAQ,MAAM,MAAM,EAAE,WAAW,EAAO,GAE1E,IAAW,QAAc;EAC7B,IAAM,IAAI,EAAO,MAAM,CAAC,aAAa;AAErC,SADK,IACE,EAAQ,QACZ,MACC,EAAE,SAAS,aAAa,CAAC,SAAS,EAAE,IACpC,EAAE,UAAU,MAAM,MAAU,EAAM,aAAa,CAAC,SAAS,EAAE,CAAC,CAC/D,GALc;IAMd,CAAC,GAAS,EAAO,CAAC,EAEf,IAAY,EAAQ,QAAQ,MAAM,EAAE,mBAAmB,CAAC,QACxD,IAAgB,EAAQ,QAAQ,GAAG,MAAM,IAAI,EAAE,eAAe,EAAE,EAChE,IAAQ,EAAQ,QAAQ,MAAM,EAAE,YAAY,EAAE,EAC9C,IAAY,EAAM,UACnB,EAAM,QAAQ,GAAG,MAAM,IAAI,EAAE,WAAW,EAAE,GAAG,EAAM,QAAQ,QAAQ,EAAE,GACtE;AAEJ,QACE,kBAAC,GAAD;EACE,MAAA;EACA,OAAM;EACN,aAAY;EACZ,SACE,kBAAC,GAAD;GAAQ,SAAQ;GAAU,eAAe,EAAS,4BAA4B;aAA9E,CACE,kBAAC,GAAD,EAAe,MAAM,IAAM,CAAA,EAAA,eACpB;;YAPb;GAUG,IACC,kBAAC,GAAD;IAAW,WAAU;cAArB,CACE,kBAAC,QAAD;KAAM,WAAU;eACd,kBAAC,GAAD,EAAO,MAAM,IAAM,CAAA;KACd,CAAA,EACP,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,OAAD;KAAK,WAAU;eAA0C;KAA0B,CAAA,EACnF,kBAAC,OAAD;KAAK,WAAU;eAA8B;KAEvC,CAAA,CACF,EAAA,CAAA,CACI;QACV,IACF,kBAAC,GAAD;IACE,eAAe,EAAY,GAAM;IACjC,cAAc;AAEP,KADL,EAAY,GAAM,EACb,GAAS;;IAEH;IACb,CAAA,GACA;GAEJ,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD;MAAU,OAAM;MAAU,OAAO,EAAQ;MAAQ,MAAM;MAAO,MAAK;MAAS,CAAA;KAC5E,kBAAC,GAAD;MAAU,OAAM;MAAoB,OAAO;MAAW,MAAM;MAAU,MAAK;MAAU,CAAA;KACrF,kBAAC,GAAD;MAAU,OAAM;MAAa,OAAO;MAAW,MAAM;MAAM,MAAK;MAAU,CAAA;KAC1E,kBAAC,GAAD;MAAU,OAAM;MAAiB,OAAO;MAAe,MAAM;MAAe,MAAK;MAAW,CAAA;KACxF;;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MACE,WAAU;MACV,MAAM;MACN,CAAA,EACF,kBAAC,GAAD;MACE,WAAU;MACV,aAAY;MACZ,OAAO;MACP,WAAW,MAAM,EAAU,EAAE,OAAO,MAAM;MAC1C,CAAA,CACE;QACL,CAAC,KAAiB,CAAC,IAClB,kBAAC,GAAD;KAAQ,eAAe,EAAY,GAAK;eAAxC,CACE,kBAAC,GAAD,EAAU,MAAM,IAAM,CAAA,EAAA,mBACf;SACP,KACA;;GAEL,KAAW,CAAC,EAAQ,SACnB,kBAAC,GAAD,EAAe,CAAA,GACb,IACF,kBAAC,GAAD;IAAW,OAAM;IAA+B;IAAS,CAAA,GACvD,EAAS,WAAW,IACtB,kBAAC,GAAD;IACE,MAAM,kBAAC,GAAD,EAAO,MAAM,IAAM,CAAA;IACzB,OAAO,IAAS,wBAAwB;IACxC,aACE,IACI,iCACA;IAEN,QACE,CAAC,KAAU,CAAC,IACV,kBAAC,GAAD;KAAQ,eAAe,EAAY,GAAK;eAAE;KAAwB,CAAA,GAChE,KAAA;IAEN,CAAA,GAEF,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAS,KAAK,MACb,kBAAC,GAAD;KAEU;KACR,cAAc;AAMZ,MALA,EAAK,4BAA4B;OAC/B;OACA,UAAU,EAAO;OACjB,YAAY;OACb,CAAC,EACF,EAAS,sCAAsC,EAAO,KAAK;;KAE7D,EAVK,EAAO,GAUZ,CACF;IACE,CAAA;GAER,kBAAC,GAAD;IAAmB;IAAkB;IAAS,SAAS;IAAQ,CAAA;GACpD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-technospam",
-  "version": "2026.719.1",
+  "version": "2026.720.1",
   "description": "Burdenoff TechnoSpam Microfrontend",
   "type": "module",
   "files": [