@burdenoff/microfe-comradecircle 2026.723.1 → 2026.730.2

package/dist/comradecircle/pages/monetization/MonetizationPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonetizationPage.js","names":[],"sources":["../../../../src/comradecircle/pages/monetization/MonetizationPage.tsx"],"sourcesContent":["/**\n * MonetizationPage — creator-facing monetization management console (BOFF-4454).\n * @module comradecircle/pages/monetization\n *\n * Bounded pricing/catalog CATALOG core: a creator manages their own membership\n * tiers, paid events, and digital products (create + archive), and reviews the\n * tip intents they've received. Nothing here talks to a payment processor —\n * `comCreatorHasPaymentsEnabled` always resolves false today, so this page\n * never claims a real checkout exists. Live payment processing and payout/\n * revenue-split accounting are a separate, larger follow-up ticket.\n */\n\nimport { useState, type FormEvent, type ReactNode } from 'react';\nimport { Coins, Gift, Package, Plus, Ticket, Trash2, Users } from 'lucide-react';\nimport { Button, GlassCard, Input, Label, Textarea, Badge } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { EmptyState } from '../../components/EmptyState';\nimport { ErrorView, LoadingView } from '../../components/StateViews';\nimport {\n  useComMyMembershipTiers,\n  useComCreateMembershipTier,\n  useComArchiveMembershipTier,\n  useComMyPaidEvents,\n  useComCreatePaidEvent,\n  useComUpdatePaidEvent,\n  useComArchivePaidEvent,\n  useComMyDigitalProducts,\n  useComCreateDigitalProduct,\n  useComArchiveDigitalProduct,\n  useComMyReceivedTips,\n} from '../../hooks';\nimport { notify, describeError } from '../../lib/toast';\nimport { cn } from '../../utils/cn';\nimport type {\n  ComCreatorMembershipTier,\n  ComPaidEvent,\n  ComDigitalProduct,\n  ComTipIntent,\n} from '../../types';\n\ntype Tab = 'tiers' | 'events' | 'products' | 'tips';\n\nconst TABS: { id: Tab; label: string; icon: typeof Users }[] = [\n  { id: 'tiers', label: 'Membership tiers', icon: Users },\n  { id: 'events', label: 'Paid events', icon: Ticket },\n  { id: 'products', label: 'Digital products', icon: Package },\n  { id: 'tips', label: 'Tips received', icon: Gift },\n];\n\nfunction formatMoney(amount: number, currency: string): string {\n  try {\n    return new Intl.NumberFormat(undefined, { style: 'currency', currency }).format(amount);\n  } catch {\n    return `${currency} ${amount.toFixed(2)}`;\n  }\n}\n\n/** A quiet uppercase section header. */\nfunction SectionLabel({ children }: { children: ReactNode }) {\n  return (\n    <p className=\"text-xs font-semibold uppercase tracking-[0.08em] text-text-tertiary\">\n      {children}\n    </p>\n  );\n}\n\n/** Every listing row shares this shell: name/title, price, status badge, archive. */\nfunction CatalogRow({\n  title,\n  subtitle,\n  price,\n  statusLabel,\n  statusTone,\n  onArchive,\n  archiving,\n  archiveLabel = 'Archive',\n}: {\n  title: string;\n  subtitle?: string | null;\n  price: string;\n  statusLabel: string;\n  statusTone: 'positive' | 'neutral' | 'negative';\n  onArchive?: () => void;\n  archiving?: boolean;\n  archiveLabel?: string;\n}) {\n  return (\n    <div className=\"flex flex-col gap-3 rounded-xl border border-border-seam bg-bg-surface p-4 sm:flex-row sm:items-center sm:justify-between\">\n      <div className=\"min-w-0\">\n        <div className=\"flex flex-wrap items-center gap-2\">\n          <h4 className=\"truncate text-sm font-semibold text-text-primary\">{title}</h4>\n          <Badge\n            variant={\n              statusTone === 'positive'\n                ? 'default'\n                : statusTone === 'negative'\n                  ? 'destructive'\n                  : 'secondary'\n            }\n          >\n            {statusLabel}\n          </Badge>\n        </div>\n        {subtitle && <p className=\"mt-1 truncate text-xs text-text-secondary\">{subtitle}</p>}\n      </div>\n      <div className=\"flex shrink-0 items-center gap-3\">\n        <span className=\"text-sm font-semibold tabular-nums text-text-primary\">{price}</span>\n        {onArchive && (\n          <Button variant=\"ghost\" size=\"sm\" onClick={onArchive} disabled={archiving}>\n            <Trash2 className=\"mr-1.5 h-3.5 w-3.5\" /> {archiveLabel}\n          </Button>\n        )}\n      </div>\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Membership tiers\n// ---------------------------------------------------------------------------\n\nfunction CreateTierForm({ onDone }: { onDone: () => void }) {\n  const create = useComCreateMembershipTier();\n  const [name, setName] = useState('');\n  const [description, setDescription] = useState('');\n  const [price, setPrice] = useState('');\n\n  const handleSubmit = async (e: FormEvent) => {\n    e.preventDefault();\n    const priceAmount = Number(price);\n    if (!name.trim()) {\n      notify.error('Name required', 'Give your tier a name.');\n      return;\n    }\n    if (!Number.isFinite(priceAmount) || priceAmount < 0) {\n      notify.error('Invalid price', 'Enter a price of 0 or more.');\n      return;\n    }\n    try {\n      await create.mutateAsync({\n        name: name.trim(),\n        description: description.trim() || null,\n        priceAmount,\n        billingInterval: 'MONTHLY',\n      });\n      notify.success('Membership tier created');\n      setName('');\n      setDescription('');\n      setPrice('');\n      onDone();\n    } catch (err) {\n      notify.error('Could not create tier', describeError(err));\n    }\n  };\n\n  return (\n    <form\n      onSubmit={handleSubmit}\n      className=\"grid gap-3 rounded-xl border border-border-seam bg-bg-surface p-4\"\n    >\n      <div className=\"grid gap-3 sm:grid-cols-[2fr_1fr]\">\n        <div className=\"grid gap-1.5\">\n          <Label htmlFor=\"tier-name\">Tier name</Label>\n          <Input\n            id=\"tier-name\"\n            value={name}\n            onChange={(e) => setName(e.target.value)}\n            placeholder=\"e.g. Supporter\"\n            required\n          />\n        </div>\n        <div className=\"grid gap-1.5\">\n          <Label htmlFor=\"tier-price\">Price / month (USD)</Label>\n          <Input\n            id=\"tier-price\"\n            type=\"number\"\n            min=\"0\"\n            step=\"0.01\"\n            value={price}\n            onChange={(e) => setPrice(e.target.value)}\n            placeholder=\"4.99\"\n            required\n          />\n        </div>\n      </div>\n      <div className=\"grid gap-1.5\">\n        <Label htmlFor=\"tier-description\">Perks description</Label>\n        <Textarea\n          id=\"tier-description\"\n          value={description}\n          onChange={(e) => setDescription(e.target.value)}\n          rows={2}\n          placeholder=\"What supporters get at this tier\"\n        />\n      </div>\n      <div className=\"flex justify-end\">\n        <Button type=\"submit\" disabled={create.isPending}>\n          <Plus className=\"mr-1.5 h-4 w-4\" /> {create.isPending ? 'Creating…' : 'Create tier'}\n        </Button>\n      </div>\n    </form>\n  );\n}\n\nfunction TiersPanel() {\n  const { data, isLoading, isError, refetch } = useComMyMembershipTiers();\n  const archive = useComArchiveMembershipTier();\n  const [showForm, setShowForm] = useState(false);\n  const tiers = data?.items ?? [];\n\n  const handleArchive = async (tier: ComCreatorMembershipTier) => {\n    try {\n      await archive.mutateAsync(tier.id);\n      notify.success('Tier archived', tier.name);\n    } catch (err) {\n      notify.error('Could not archive tier', describeError(err));\n    }\n  };\n\n  if (isLoading) return <LoadingView label=\"Loading your membership tiers…\" />;\n  if (isError)\n    return (\n      <ErrorView message=\"We couldn't load your membership tiers.\" onRetry={() => refetch()} />\n    );\n\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <div className=\"flex items-center justify-between\">\n        <SectionLabel>Your membership tiers</SectionLabel>\n        <Button variant=\"outline\" size=\"sm\" onClick={() => setShowForm((v) => !v)}>\n          <Plus className=\"mr-1.5 h-3.5 w-3.5\" /> New tier\n        </Button>\n      </div>\n      {showForm && <CreateTierForm onDone={() => setShowForm(false)} />}\n      {tiers.length === 0 ? (\n        <EmptyState\n          icon={<Users className=\"h-10 w-10\" />}\n          title=\"No membership tiers yet\"\n          description=\"Create a tier so fans can support you on a recurring basis.\"\n        />\n      ) : (\n        <div className=\"flex flex-col gap-3\">\n          {tiers.map((tier) => (\n            <CatalogRow\n              key={tier.id}\n              title={tier.name}\n              subtitle={tier.description}\n              price={`${formatMoney(tier.priceAmount, tier.currency)}/${tier.billingInterval === 'YEARLY' ? 'yr' : 'mo'}`}\n              statusLabel={tier.status}\n              statusTone={tier.status === 'ACTIVE' ? 'positive' : 'neutral'}\n              onArchive={tier.status === 'ACTIVE' ? () => handleArchive(tier) : undefined}\n              archiving={archive.isPending}\n            />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Paid events\n// ---------------------------------------------------------------------------\n\nfunction CreateEventForm({ onDone }: { onDone: () => void }) {\n  const create = useComCreatePaidEvent();\n  const [title, setTitle] = useState('');\n  const [price, setPrice] = useState('');\n  const [capacity, setCapacity] = useState('');\n\n  const handleSubmit = async (e: FormEvent) => {\n    e.preventDefault();\n    const priceAmount = Number(price);\n    if (!title.trim()) {\n      notify.error('Title required', 'Give your event a title.');\n      return;\n    }\n    if (!Number.isFinite(priceAmount) || priceAmount < 0) {\n      notify.error('Invalid price', 'Enter a ticket price of 0 or more.');\n      return;\n    }\n    try {\n      await create.mutateAsync({\n        title: title.trim(),\n        priceAmount,\n        capacity: capacity.trim() ? Number(capacity) : null,\n      });\n      notify.success('Paid event created as a draft', 'Publish it once you’re ready.');\n      setTitle('');\n      setPrice('');\n      setCapacity('');\n      onDone();\n    } catch (err) {\n      notify.error('Could not create event', describeError(err));\n    }\n  };\n\n  return (\n    <form\n      onSubmit={handleSubmit}\n      className=\"grid gap-3 rounded-xl border border-border-seam bg-bg-surface p-4\"\n    >\n      <div className=\"grid gap-3 sm:grid-cols-[2fr_1fr_1fr]\">\n        <div className=\"grid gap-1.5\">\n          <Label htmlFor=\"event-title\">Event title</Label>\n          <Input\n            id=\"event-title\"\n            value={title}\n            onChange={(e) => setTitle(e.target.value)}\n            required\n          />\n        </div>\n        <div className=\"grid gap-1.5\">\n          <Label htmlFor=\"event-price\">Ticket price (USD)</Label>\n          <Input\n            id=\"event-price\"\n            type=\"number\"\n            min=\"0\"\n            step=\"0.01\"\n            value={price}\n            onChange={(e) => setPrice(e.target.value)}\n            required\n          />\n        </div>\n        <div className=\"grid gap-1.5\">\n          <Label htmlFor=\"event-capacity\">Capacity (optional)</Label>\n          <Input\n            id=\"event-capacity\"\n            type=\"number\"\n            min=\"1\"\n            value={capacity}\n            onChange={(e) => setCapacity(e.target.value)}\n          />\n        </div>\n      </div>\n      <div className=\"flex justify-end\">\n        <Button type=\"submit\" disabled={create.isPending}>\n          <Plus className=\"mr-1.5 h-4 w-4\" />{' '}\n          {create.isPending ? 'Creating…' : 'Create event (draft)'}\n        </Button>\n      </div>\n    </form>\n  );\n}\n\nfunction EventsPanel() {\n  const { data, isLoading, isError, refetch } = useComMyPaidEvents();\n  const update = useComUpdatePaidEvent();\n  const archive = useComArchivePaidEvent();\n  const [showForm, setShowForm] = useState(false);\n  const events = data?.items ?? [];\n\n  const publish = async (event: ComPaidEvent) => {\n    try {\n      await update.mutateAsync({ id: event.id, input: { status: 'PUBLISHED' } });\n      notify.success('Event published', event.title);\n    } catch (err) {\n      notify.error('Could not publish event', describeError(err));\n    }\n  };\n\n  const handleArchive = async (event: ComPaidEvent) => {\n    try {\n      await archive.mutateAsync(event.id);\n      notify.success('Event cancelled', event.title);\n    } catch (err) {\n      notify.error('Could not cancel event', describeError(err));\n    }\n  };\n\n  if (isLoading) return <LoadingView label=\"Loading your paid events…\" />;\n  if (isError)\n    return <ErrorView message=\"We couldn't load your paid events.\" onRetry={() => refetch()} />;\n\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <div className=\"flex items-center justify-between\">\n        <SectionLabel>Your paid events</SectionLabel>\n        <Button variant=\"outline\" size=\"sm\" onClick={() => setShowForm((v) => !v)}>\n          <Plus className=\"mr-1.5 h-3.5 w-3.5\" /> New event\n        </Button>\n      </div>\n      {showForm && <CreateEventForm onDone={() => setShowForm(false)} />}\n      {events.length === 0 ? (\n        <EmptyState\n          icon={<Ticket className=\"h-10 w-10\" />}\n          title=\"No paid events yet\"\n          description=\"Create a ticketed event — it starts as a draft until you publish it.\"\n        />\n      ) : (\n        <div className=\"flex flex-col gap-3\">\n          {events.map((event) => (\n            <div\n              key={event.id}\n              className=\"flex flex-col gap-3 rounded-xl border border-border-seam bg-bg-surface p-4 sm:flex-row sm:items-center sm:justify-between\"\n            >\n              <div className=\"min-w-0\">\n                <div className=\"flex flex-wrap items-center gap-2\">\n                  <h4 className=\"truncate text-sm font-semibold text-text-primary\">\n                    {event.title}\n                  </h4>\n                  <Badge\n                    variant={\n                      event.status === 'PUBLISHED'\n                        ? 'default'\n                        : event.status === 'CANCELLED'\n                          ? 'destructive'\n                          : 'secondary'\n                    }\n                  >\n                    {event.status}\n                  </Badge>\n                </div>\n                {event.capacity != null && (\n                  <p className=\"mt-1 text-xs text-text-secondary\">Capacity: {event.capacity}</p>\n                )}\n              </div>\n              <div className=\"flex shrink-0 items-center gap-2\">\n                <span className=\"text-sm font-semibold tabular-nums text-text-primary\">\n                  {formatMoney(event.priceAmount, event.currency)}\n                </span>\n                {event.status === 'DRAFT' && (\n                  <Button size=\"sm\" onClick={() => publish(event)} disabled={update.isPending}>\n                    Publish\n                  </Button>\n                )}\n                {event.status !== 'CANCELLED' && (\n                  <Button\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    onClick={() => handleArchive(event)}\n                    disabled={archive.isPending}\n                  >\n                    <Trash2 className=\"mr-1.5 h-3.5 w-3.5\" /> Cancel\n                  </Button>\n                )}\n              </div>\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Digital products\n// ---------------------------------------------------------------------------\n\nfunction CreateProductForm({ onDone }: { onDone: () => void }) {\n  const create = useComCreateDigitalProduct();\n  const [title, setTitle] = useState('');\n  const [price, setPrice] = useState('');\n  const [description, setDescription] = useState('');\n\n  const handleSubmit = async (e: FormEvent) => {\n    e.preventDefault();\n    const priceAmount = Number(price);\n    if (!title.trim()) {\n      notify.error('Title required', 'Give your product a title.');\n      return;\n    }\n    if (!Number.isFinite(priceAmount) || priceAmount < 0) {\n      notify.error('Invalid price', 'Enter a price of 0 or more.');\n      return;\n    }\n    try {\n      await create.mutateAsync({\n        title: title.trim(),\n        description: description.trim() || null,\n        priceAmount,\n        productType: 'DOWNLOAD',\n      });\n      notify.success('Digital product created');\n      setTitle('');\n      setPrice('');\n      setDescription('');\n      onDone();\n    } catch (err) {\n      notify.error('Could not create product', describeError(err));\n    }\n  };\n\n  return (\n    <form\n      onSubmit={handleSubmit}\n      className=\"grid gap-3 rounded-xl border border-border-seam bg-bg-surface p-4\"\n    >\n      <div className=\"grid gap-3 sm:grid-cols-[2fr_1fr]\">\n        <div className=\"grid gap-1.5\">\n          <Label htmlFor=\"product-title\">Product title</Label>\n          <Input\n            id=\"product-title\"\n            value={title}\n            onChange={(e) => setTitle(e.target.value)}\n            required\n          />\n        </div>\n        <div className=\"grid gap-1.5\">\n          <Label htmlFor=\"product-price\">Price (USD)</Label>\n          <Input\n            id=\"product-price\"\n            type=\"number\"\n            min=\"0\"\n            step=\"0.01\"\n            value={price}\n            onChange={(e) => setPrice(e.target.value)}\n            required\n          />\n        </div>\n      </div>\n      <div className=\"grid gap-1.5\">\n        <Label htmlFor=\"product-description\">Description</Label>\n        <Textarea\n          id=\"product-description\"\n          value={description}\n          onChange={(e) => setDescription(e.target.value)}\n          rows={2}\n          placeholder=\"What's included in this download\"\n        />\n      </div>\n      <div className=\"flex justify-end\">\n        <Button type=\"submit\" disabled={create.isPending}>\n          <Plus className=\"mr-1.5 h-4 w-4\" /> {create.isPending ? 'Creating…' : 'Create product'}\n        </Button>\n      </div>\n    </form>\n  );\n}\n\nfunction ProductsPanel() {\n  const { data, isLoading, isError, refetch } = useComMyDigitalProducts();\n  const archive = useComArchiveDigitalProduct();\n  const [showForm, setShowForm] = useState(false);\n  const products = data?.items ?? [];\n\n  const handleArchive = async (product: ComDigitalProduct) => {\n    try {\n      await archive.mutateAsync(product.id);\n      notify.success('Product archived', product.title);\n    } catch (err) {\n      notify.error('Could not archive product', describeError(err));\n    }\n  };\n\n  if (isLoading) return <LoadingView label=\"Loading your digital products…\" />;\n  if (isError)\n    return (\n      <ErrorView message=\"We couldn't load your digital products.\" onRetry={() => refetch()} />\n    );\n\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <div className=\"flex items-center justify-between\">\n        <SectionLabel>Your digital products</SectionLabel>\n        <Button variant=\"outline\" size=\"sm\" onClick={() => setShowForm((v) => !v)}>\n          <Plus className=\"mr-1.5 h-3.5 w-3.5\" /> New product\n        </Button>\n      </div>\n      {showForm && <CreateProductForm onDone={() => setShowForm(false)} />}\n      {products.length === 0 ? (\n        <EmptyState\n          icon={<Package className=\"h-10 w-10\" />}\n          title=\"No digital products yet\"\n          description=\"List a downloadable or access-gated product with a price.\"\n        />\n      ) : (\n        <div className=\"flex flex-col gap-3\">\n          {products.map((product) => (\n            <CatalogRow\n              key={product.id}\n              title={product.title}\n              subtitle={product.description}\n              price={formatMoney(product.priceAmount, product.currency)}\n              statusLabel={product.status}\n              statusTone={product.status === 'ACTIVE' ? 'positive' : 'neutral'}\n              onArchive={product.status === 'ACTIVE' ? () => handleArchive(product) : undefined}\n              archiving={archive.isPending}\n            />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Tips received\n// ---------------------------------------------------------------------------\n\nfunction TipsPanel() {\n  const { data, isLoading, isError, refetch } = useComMyReceivedTips();\n  const tips = data?.items ?? [];\n  const total = tips.filter((t) => t.status === 'RECORDED').reduce((sum, t) => sum + t.amount, 0);\n\n  if (isLoading) return <LoadingView label=\"Loading tips received…\" />;\n  if (isError) return <ErrorView message=\"We couldn't load your tips.\" onRetry={() => refetch()} />;\n\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <div className=\"rounded-xl border border-border-seam bg-bg-surface p-4\">\n        <SectionLabel>Total recorded (not yet payable)</SectionLabel>\n        <p className=\"mt-1 text-2xl font-semibold tabular-nums text-text-primary\">\n          {formatMoney(total, tips[0]?.currency ?? 'USD')}\n        </p>\n        <p className=\"mt-1 text-xs text-text-tertiary\">\n          These are recorded tip intents only — payment integration is pending, so no funds have\n          actually moved yet.\n        </p>\n      </div>\n      {tips.length === 0 ? (\n        <EmptyState\n          icon={<Gift className=\"h-10 w-10\" />}\n          title=\"No tips recorded yet\"\n          description=\"When fans tip you, the recorded intents will show up here.\"\n        />\n      ) : (\n        <div className=\"flex flex-col gap-3\">\n          {tips.map((tip: ComTipIntent) => (\n            <div\n              key={tip.id}\n              className=\"flex items-center justify-between gap-3 rounded-xl border border-border-seam bg-bg-surface p-4\"\n            >\n              <div className=\"min-w-0\">\n                <p className=\"text-sm font-medium text-text-primary\">\n                  {formatMoney(tip.amount, tip.currency)}\n                  <span className=\"ml-2 text-xs font-normal text-text-tertiary\">\n                    {new Date(tip.createdAt).toLocaleDateString()}\n                  </span>\n                </p>\n                {tip.message && (\n                  <p className=\"mt-1 truncate text-xs text-text-secondary\">\n                    &ldquo;{tip.message}&rdquo;\n                  </p>\n                )}\n              </div>\n              <Badge variant={tip.status === 'RECORDED' ? 'secondary' : 'destructive'}>\n                {tip.status}\n              </Badge>\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport function MonetizationPage() {\n  const [tab, setTab] = useState<Tab>('tiers');\n\n  return (\n    <PageLayout\n      title=\"Monetization\"\n      description=\"Manage the membership tiers, paid events, and digital products you offer — and see the tips you've received. This is a pricing/catalog core: payment integration is pending, so no checkout is live yet.\"\n    >\n      <GlassCard treatment=\"plain\" className=\"mb-5 flex flex-wrap gap-1 p-1.5\">\n        {TABS.map(({ id, label, icon: Icon }) => (\n          <button\n            key={id}\n            type=\"button\"\n            onClick={() => setTab(id)}\n            className={cn(\n              'flex items-center gap-1.5 rounded-lg px-3 py-2 text-xs font-medium transition-colors',\n              tab === id\n                ? 'bg-[var(--color-accent-soft)] text-accent'\n                : 'text-text-secondary hover:bg-bg-sunken hover:text-text-primary'\n            )}\n          >\n            <Icon className=\"h-4 w-4\" /> {label}\n          </button>\n        ))}\n      </GlassCard>\n\n      <div className=\"mb-5 flex items-center gap-2 rounded-xl border border-status-warning-border bg-status-warning-bg-subtle px-4 py-3 text-xs text-status-warning-text\">\n        <Coins className=\"h-4 w-4 shrink-0\" />\n        Payment integration pending — prices are informational until checkout goes live.\n      </div>\n\n      {tab === 'tiers' && <TiersPanel />}\n      {tab === 'events' && <EventsPanel />}\n      {tab === 'products' && <ProductsPanel />}\n      {tab === 'tips' && <TipsPanel />}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/comradecircle/pages/posts/PostThreadPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PostThreadPage.d.ts","sourceRoot":"","sources":["../../../../src/comradecircle/pages/posts/PostThreadPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAWH,wBAAgB,cAAc,4CA2C7B"}
+{"version":3,"file":"PostThreadPage.d.ts","sourceRoot":"","sources":["../../../../src/comradecircle/pages/posts/PostThreadPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAWH,wBAAgB,cAAc,4CA6C7B"}

package/dist/comradecircle/pages/posts/PostThreadPage.js

@@ -1,41 +1,43 @@
 import { useComradeCircle as e } from "../../context/ComradeCircleContext.js";
 import "../../context/index.js";
 import { PageLayout as t } from "../../components/PageLayout.js";
-import { useComPost as n } from "../../hooks/useComradeCircleApi.js";
+import { useComCommentAddedLive as n, useComPost as r } from "../../hooks/useComradeCircleApi.js";
 import "../../hooks/index.js";
-import { PostCard as r } from "../../components/PostCard.js";
-import { ErrorView as i, LoadingView as a } from "../../components/StateViews.js";
-import { ArrowLeft as o } from "lucide-react";
-import { useParams as s } from "react-router-dom";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { Button as u } from "@burdenoff/fe-libs/ui";
+import { PostCard as i } from "../../components/PostCard.js";
+import { ErrorView as a, LoadingView as o } from "../../components/StateViews.js";
+import { ArrowLeft as s } from "lucide-react";
+import { useParams as c } from "react-router-dom";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Button as d } from "@burdenoff/fe-libs/ui";
 //#region src/comradecircle/pages/posts/PostThreadPage.tsx
-function d() {
-	let { postId: d } = s(), { navigateTo: f } = e(), { data: p, isLoading: m, isError: h, refetch: g } = n(d), _ = /* @__PURE__ */ l(u, {
+function f() {
+	let { postId: f } = c(), { navigateTo: p } = e(), { data: m, isLoading: h, isError: g, refetch: _ } = r(f);
+	n(f);
+	let v = /* @__PURE__ */ u(d, {
 		variant: "ghost",
 		size: "sm",
-		onClick: () => f(""),
-		children: [/* @__PURE__ */ c(o, { className: "mr-1.5 h-4 w-4" }), " Back"]
+		onClick: () => p(""),
+		children: [/* @__PURE__ */ l(s, { className: "mr-1.5 h-4 w-4" }), " Back"]
 	});
-	return m ? /* @__PURE__ */ c(t, {
+	return h ? /* @__PURE__ */ l(t, {
 		title: "Thread",
-		actions: _,
-		children: /* @__PURE__ */ c(a, { label: "Loading post…" })
-	}) : h || !p ? /* @__PURE__ */ c(t, {
+		actions: v,
+		children: /* @__PURE__ */ l(o, { label: "Loading post…" })
+	}) : g || !m ? /* @__PURE__ */ l(t, {
 		title: "Thread",
-		actions: _,
-		children: /* @__PURE__ */ c(i, {
+		actions: v,
+		children: /* @__PURE__ */ l(a, {
 			title: "Post not found",
 			message: "This post may have been removed, or you may not have access to it.",
-			onRetry: () => g()
+			onRetry: () => _()
 		})
-	}) : /* @__PURE__ */ c(t, {
+	}) : /* @__PURE__ */ l(t, {
 		title: "Thread",
-		actions: _,
-		children: /* @__PURE__ */ c("div", {
+		actions: v,
+		children: /* @__PURE__ */ l("div", {
 			className: "mx-auto max-w-2xl",
-			children: /* @__PURE__ */ c(r, {
-				post: p,
+			children: /* @__PURE__ */ l(i, {
+				post: m,
 				defaultExpanded: !0,
 				hideThreadLink: !0
 			})
@@ -43,6 +45,6 @@ function d() {
 	});
 }
 //#endregion
-export { d as PostThreadPage };
+export { f as PostThreadPage };
 
 //# sourceMappingURL=PostThreadPage.js.map

package/dist/comradecircle/pages/posts/PostThreadPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"PostThreadPage.js","names":[],"sources":["../../../../src/comradecircle/pages/posts/PostThreadPage.tsx"],"sourcesContent":["/**\n * PostThreadPage — a dedicated, focused view of a single post and its thread.\n * @module comradecircle/pages/posts\n *\n * BOFF-3955: the mocks (`comradecircle-14-channel-post-thread.png`) show a post\n * opened into its own surface — author, body, reactions, and comments — rather\n * than only the inline collapsible thread inside the channel feed. Reads\n * `comPost(id)` (post + its comments in one round trip) and renders the\n * existing {@link PostCard} (which already composes {@link ReactionBar} +\n * {@link CommentThread} when expanded) so the thread view stays in lock-step\n * with the inline one instead of duplicating rendering logic.\n */\n\nimport { ArrowLeft } from 'lucide-react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { useParams } from 'react-router-dom';\nimport { PageLayout } from '../../components/PageLayout';\nimport { PostCard } from '../../components/PostCard';\nimport { LoadingView, ErrorView } from '../../components/StateViews';\nimport { useComPost } from '../../hooks';\nimport { useComradeCircle } from '../../context';\n\nexport function PostThreadPage() {\n  const { postId } = useParams<{ postId: string }>();\n  const { navigateTo } = useComradeCircle();\n  const { data: post, isLoading, isError, refetch } = useComPost(postId);\n\n  // Home feed is the one destination every thread is always reachable from\n  // (channel feeds link here too), matching the fixed-destination back-button\n  // convention already used by EventDetailPage / MemberProfilePage rather\n  // than relying on browser history depth, which isn't reliable once this\n  // MFE is mounted inside the host shell's own router.\n  const backButton = (\n    <Button variant=\"ghost\" size=\"sm\" onClick={() => navigateTo('')}>\n      <ArrowLeft className=\"mr-1.5 h-4 w-4\" /> Back\n    </Button>\n  );\n\n  if (isLoading) {\n    return (\n      <PageLayout title=\"Thread\" actions={backButton}>\n        <LoadingView label=\"Loading post…\" />\n      </PageLayout>\n    );\n  }\n\n  if (isError || !post) {\n    return (\n      <PageLayout title=\"Thread\" actions={backButton}>\n        <ErrorView\n          title=\"Post not found\"\n          message=\"This post may have been removed, or you may not have access to it.\"\n          onRetry={() => refetch()}\n        />\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout title=\"Thread\" actions={backButton}>\n      <div className=\"mx-auto max-w-2xl\">\n        <PostCard post={post} defaultExpanded hideThreadLink />\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAsBA,SAAgB,IAAiB;CAC/B,IAAM,EAAE,cAAW,EAA8B,GAC3C,EAAE,kBAAe,EAAiB,GAClC,EAAE,MAAM,GAAM,cAAW,YAAS,eAAY,EAAW,CAAM,GAO/D,IACJ,kBAAC,GAAD;EAAQ,SAAQ;EAAQ,MAAK;EAAK,eAAe,EAAW,EAAE;YAA9D,CACE,kBAAC,GAAD,EAAW,WAAU,iBAAkB,CAAA,GAAC,OAClC;;CAuBV,OApBI,IAEA,kBAAC,GAAD;EAAY,OAAM;EAAS,SAAS;YAClC,kBAAC,GAAD,EAAa,OAAM,gBAAiB,CAAA;CAC1B,CAAA,IAIZ,KAAW,CAAC,IAEZ,kBAAC,GAAD;EAAY,OAAM;EAAS,SAAS;YAClC,kBAAC,GAAD;GACE,OAAM;GACN,SAAQ;GACR,eAAe,EAAQ;EACxB,CAAA;CACS,CAAA,IAKd,kBAAC,GAAD;EAAY,OAAM;EAAS,SAAS;YAClC,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD;IAAgB;IAAM,iBAAA;IAAgB,gBAAA;GAAgB,CAAA;EACnD,CAAA;CACK,CAAA;AAEhB"}
+{"version":3,"file":"PostThreadPage.js","names":[],"sources":["../../../../src/comradecircle/pages/posts/PostThreadPage.tsx"],"sourcesContent":["/**\n * PostThreadPage — a dedicated, focused view of a single post and its thread.\n * @module comradecircle/pages/posts\n *\n * BOFF-3955: the mocks (`comradecircle-14-channel-post-thread.png`) show a post\n * opened into its own surface — author, body, reactions, and comments — rather\n * than only the inline collapsible thread inside the channel feed. Reads\n * `comPost(id)` (post + its comments in one round trip) and renders the\n * existing {@link PostCard} (which already composes {@link ReactionBar} +\n * {@link CommentThread} when expanded) so the thread view stays in lock-step\n * with the inline one instead of duplicating rendering logic.\n */\n\nimport { ArrowLeft } from 'lucide-react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { useParams } from 'react-router-dom';\nimport { PageLayout } from '../../components/PageLayout';\nimport { PostCard } from '../../components/PostCard';\nimport { LoadingView, ErrorView } from '../../components/StateViews';\nimport { useComPost, useComCommentAddedLive } from '../../hooks';\nimport { useComradeCircle } from '../../context';\n\nexport function PostThreadPage() {\n  const { postId } = useParams<{ postId: string }>();\n  const { navigateTo } = useComradeCircle();\n  const { data: post, isLoading, isError, refetch } = useComPost(postId);\n  // BOFF-4455: live-update this thread's comments without a manual refresh.\n  useComCommentAddedLive(postId);\n\n  // Home feed is the one destination every thread is always reachable from\n  // (channel feeds link here too), matching the fixed-destination back-button\n  // convention already used by EventDetailPage / MemberProfilePage rather\n  // than relying on browser history depth, which isn't reliable once this\n  // MFE is mounted inside the host shell's own router.\n  const backButton = (\n    <Button variant=\"ghost\" size=\"sm\" onClick={() => navigateTo('')}>\n      <ArrowLeft className=\"mr-1.5 h-4 w-4\" /> Back\n    </Button>\n  );\n\n  if (isLoading) {\n    return (\n      <PageLayout title=\"Thread\" actions={backButton}>\n        <LoadingView label=\"Loading post…\" />\n      </PageLayout>\n    );\n  }\n\n  if (isError || !post) {\n    return (\n      <PageLayout title=\"Thread\" actions={backButton}>\n        <ErrorView\n          title=\"Post not found\"\n          message=\"This post may have been removed, or you may not have access to it.\"\n          onRetry={() => refetch()}\n        />\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout title=\"Thread\" actions={backButton}>\n      <div className=\"mx-auto max-w-2xl\">\n        <PostCard post={post} defaultExpanded hideThreadLink />\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAsBA,SAAgB,IAAiB;CAC/B,IAAM,EAAE,cAAW,EAA8B,GAC3C,EAAE,kBAAe,EAAiB,GAClC,EAAE,MAAM,GAAM,cAAW,YAAS,eAAY,EAAW,CAAM;CAErE,EAAuB,CAAM;CAO7B,IAAM,IACJ,kBAAC,GAAD;EAAQ,SAAQ;EAAQ,MAAK;EAAK,eAAe,EAAW,EAAE;YAA9D,CACE,kBAAC,GAAD,EAAW,WAAU,iBAAkB,CAAA,GAAC,OAClC;;CAuBV,OApBI,IAEA,kBAAC,GAAD;EAAY,OAAM;EAAS,SAAS;YAClC,kBAAC,GAAD,EAAa,OAAM,gBAAiB,CAAA;CAC1B,CAAA,IAIZ,KAAW,CAAC,IAEZ,kBAAC,GAAD;EAAY,OAAM;EAAS,SAAS;YAClC,kBAAC,GAAD;GACE,OAAM;GACN,SAAQ;GACR,eAAe,EAAQ;EACxB,CAAA;CACS,CAAA,IAKd,kBAAC,GAAD;EAAY,OAAM;EAAS,SAAS;YAClC,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD;IAAgB;IAAM,iBAAA;IAAgB,gBAAA;GAAgB,CAAA;EACnD,CAAA;CACK,CAAA;AAEhB"}

package/dist/comradecircle/pages/profile/MyProfilePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MyProfilePage.d.ts","sourceRoot":"","sources":["../../../../src/comradecircle/pages/profile/MyProfilePage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAgCH,wBAAgB,aAAa,4CA4C5B"}
+{"version":3,"file":"MyProfilePage.d.ts","sourceRoot":"","sources":["../../../../src/comradecircle/pages/profile/MyProfilePage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAgCH,wBAAgB,aAAa,4CAiD5B"}

package/dist/comradecircle/pages/profile/MyProfilePage.js

@@ -12,47 +12,52 @@ import { TagInput as d } from "../../components/TagInput.js";
 import { MiniBar as f } from "../../components/MiniBar.js";
 import { AvatarUploadField as p } from "../../components/AvatarUploadField.js";
 import { useState as m } from "react";
-import { Save as h } from "lucide-react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { Button as v, GlassCard as y, Input as b, Label as x, Select as S, SelectContent as C, SelectItem as w, SelectTrigger as T, SelectValue as E, Switch as D, Textarea as O } from "@burdenoff/fe-libs/ui";
+import { Coins as h, Save as g } from "lucide-react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { Button as y, GlassCard as b, Input as x, Label as S, Select as C, SelectContent as w, SelectItem as T, SelectTrigger as E, SelectValue as D, Switch as O, Textarea as k } from "@burdenoff/fe-libs/ui";
 //#region src/comradecircle/pages/profile/MyProfilePage.tsx
-var k = [
+var A = [
 	"ONLINE",
 	"AWAY",
 	"BUSY",
 	"OFFLINE"
 ];
-function A() {
-	let { currentUser: r } = e(), i = r?.id, { data: a, isLoading: o, isError: s, refetch: u } = n(i), d = r?.name ?? r?.email ?? "";
-	return o ? /* @__PURE__ */ g(t, {
+function j() {
+	let { currentUser: r, navigateTo: i } = e(), a = r?.id, { data: o, isLoading: s, isError: u, refetch: d } = n(a), f = r?.name ?? r?.email ?? "";
+	return s ? /* @__PURE__ */ _(t, {
 		title: "My Profile",
-		children: /* @__PURE__ */ g(l, { label: "Loading your profile…" })
-	}) : s ? /* @__PURE__ */ g(t, {
+		children: /* @__PURE__ */ _(l, { label: "Loading your profile…" })
+	}) : u ? /* @__PURE__ */ _(t, {
 		title: "My Profile",
-		children: /* @__PURE__ */ g(c, {
+		children: /* @__PURE__ */ _(c, {
 			title: "We couldn't load your profile",
 			message: "Something went wrong while fetching your profile. Retry before editing so you don't overwrite saved details.",
-			onRetry: () => u()
+			onRetry: () => d()
 		})
-	}) : /* @__PURE__ */ g(t, {
+	}) : /* @__PURE__ */ _(t, {
 		title: "My Profile",
 		description: "Your profile is your identity across every circle — it's how members recognise, find and follow you.",
-		children: /* @__PURE__ */ g(N, {
-			initialProfile: a ?? null,
-			identityName: d
-		}, a?.id ?? "new")
+		actions: /* @__PURE__ */ v(y, {
+			variant: "outline",
+			onClick: () => i("monetization"),
+			children: [/* @__PURE__ */ _(h, { className: "mr-1.5 h-4 w-4" }), " Monetization"]
+		}),
+		children: /* @__PURE__ */ _(P, {
+			initialProfile: o ?? null,
+			identityName: f
+		}, o?.id ?? "new")
 	});
 }
-function j({ children: e }) {
-	return /* @__PURE__ */ g("p", {
+function M({ children: e }) {
+	return /* @__PURE__ */ _("p", {
 		className: "text-xs font-semibold uppercase tracking-[0.08em] text-text-tertiary",
 		children: e
 	});
 }
-function M(e, t) {
+function N(e, t) {
 	return e.length === t.length && e.every((e, n) => e === t[n]);
 }
-function N({ initialProfile: e, identityName: t }) {
+function P({ initialProfile: e, identityName: t }) {
 	let n = r(), c = {
 		displayName: e?.displayName ?? t,
 		headline: e?.headline ?? "",
@@ -62,7 +67,7 @@ function N({ initialProfile: e, identityName: t }) {
 		presence: e?.presence ?? "ONLINE",
 		discoverable: e?.discoverable ?? !0,
 		avatarFileId: e?.avatar?.id ?? null
-	}, [l, A] = m(c.displayName), [N, P] = m(c.headline), [F, I] = m(c.bio), [L, R] = m(c.interests), [z, B] = m(c.skills), [V, H] = m(c.presence), [U, W] = m(c.discoverable), [G, K] = m(c.avatarFileId), q = l.trim(), J = [
+	}, [l, h] = m(c.displayName), [j, P] = m(c.headline), [F, I] = m(c.bio), [L, R] = m(c.interests), [z, B] = m(c.skills), [V, H] = m(c.presence), [U, W] = m(c.discoverable), [G, K] = m(c.avatarFileId), q = l.trim(), J = [
 		{
 			done: !!G,
 			nudge: "Add a profile photo so members recognise you at a glance."
@@ -72,7 +77,7 @@ function N({ initialProfile: e, identityName: t }) {
 			nudge: "Add a display name so members know who you are."
 		},
 		{
-			done: N.trim().length > 0,
+			done: j.trim().length > 0,
 			nudge: "Add a headline to sum yourself up in one line."
 		},
 		{
@@ -87,86 +92,86 @@ function N({ initialProfile: e, identityName: t }) {
 			done: z.length > 0,
 			nudge: "List some skills so circles know what you bring."
 		}
-	], Y = J.filter((e) => e.done).length, X = Math.round(Y / J.length * 100), Z = J.find((e) => !e.done)?.nudge ?? "Your profile is complete — it looks great.", Q = l !== c.displayName || N !== c.headline || F !== c.bio || V !== c.presence || U !== c.discoverable || G !== c.avatarFileId || !M(L, c.interests) || !M(z, c.skills);
-	return /* @__PURE__ */ _("div", {
+	], Y = J.filter((e) => e.done).length, X = Math.round(Y / J.length * 100), Z = J.find((e) => !e.done)?.nudge ?? "Your profile is complete — it looks great.", Q = l !== c.displayName || j !== c.headline || F !== c.bio || V !== c.presence || U !== c.discoverable || G !== c.avatarFileId || !N(L, c.interests) || !N(z, c.skills);
+	return /* @__PURE__ */ v("div", {
 		className: "grid gap-6 lg:grid-cols-[1fr_320px]",
-		children: [/* @__PURE__ */ g(y, {
+		children: [/* @__PURE__ */ _(b, {
 			treatment: "plain",
 			className: "order-2 p-5 sm:p-6 lg:order-1",
-			children: /* @__PURE__ */ _("div", {
+			children: /* @__PURE__ */ v("div", {
 				className: "flex flex-col gap-6",
 				children: [
-					/* @__PURE__ */ _("div", {
+					/* @__PURE__ */ v("div", {
 						className: "grid gap-2 rounded-xl border border-border-seam bg-bg-surface p-4",
 						children: [
-							/* @__PURE__ */ _("div", {
+							/* @__PURE__ */ v("div", {
 								className: "flex items-baseline justify-between gap-3",
-								children: [/* @__PURE__ */ g(j, { children: "Profile completeness" }), /* @__PURE__ */ _("span", {
+								children: [/* @__PURE__ */ _(M, { children: "Profile completeness" }), /* @__PURE__ */ v("span", {
 									className: "text-sm font-semibold tabular-nums text-text-primary",
 									children: [X, "%"]
 								})]
 							}),
-							/* @__PURE__ */ g(f, {
+							/* @__PURE__ */ _(f, {
 								value: X,
 								height: 8,
 								barClassName: "bg-gradient-to-r from-accent to-[var(--color-accent-soft)]"
 							}),
-							/* @__PURE__ */ g("p", {
+							/* @__PURE__ */ _("p", {
 								className: "text-xs text-text-secondary",
 								children: Z
 							})
 						]
 					}),
-					/* @__PURE__ */ _("section", {
+					/* @__PURE__ */ v("section", {
 						className: "grid gap-4",
 						children: [
-							/* @__PURE__ */ g(j, { children: "Identity" }),
-							/* @__PURE__ */ _("div", {
+							/* @__PURE__ */ _(M, { children: "Identity" }),
+							/* @__PURE__ */ v("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ g(x, { children: "Avatar" }), /* @__PURE__ */ g(p, {
+								children: [/* @__PURE__ */ _(S, { children: "Avatar" }), /* @__PURE__ */ _(p, {
 									fileId: G,
 									name: q || t,
 									onUploaded: K
 								})]
 							}),
-							/* @__PURE__ */ _("div", {
+							/* @__PURE__ */ v("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ g(x, {
+								children: [/* @__PURE__ */ _(S, {
 									htmlFor: "profile-name",
 									children: "Display name"
-								}), /* @__PURE__ */ g(b, {
+								}), /* @__PURE__ */ _(x, {
 									id: "profile-name",
 									value: l,
-									onChange: (e) => A(e.target.value),
+									onChange: (e) => h(e.target.value),
 									placeholder: "How members see you",
 									required: !0,
 									"aria-required": "true"
 								})]
 							}),
-							/* @__PURE__ */ _("div", {
+							/* @__PURE__ */ v("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ g(x, {
+								children: [/* @__PURE__ */ _(S, {
 									htmlFor: "profile-headline",
 									children: "Headline"
-								}), /* @__PURE__ */ g(b, {
+								}), /* @__PURE__ */ _(x, {
 									id: "profile-headline",
-									value: N,
+									value: j,
 									onChange: (e) => P(e.target.value),
 									placeholder: "e.g. Community organiser · Photographer"
 								})]
 							})
 						]
 					}),
-					/* @__PURE__ */ _("section", {
+					/* @__PURE__ */ v("section", {
 						className: "grid gap-4 border-t border-border-seam pt-6",
 						children: [
-							/* @__PURE__ */ g(j, { children: "About you" }),
-							/* @__PURE__ */ _("div", {
+							/* @__PURE__ */ _(M, { children: "About you" }),
+							/* @__PURE__ */ v("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ g(x, {
+								children: [/* @__PURE__ */ _(S, {
 									htmlFor: "profile-bio",
 									children: "Bio"
-								}), /* @__PURE__ */ g(O, {
+								}), /* @__PURE__ */ _(k, {
 									id: "profile-bio",
 									value: F,
 									onChange: (e) => I(e.target.value),
@@ -174,24 +179,24 @@ function N({ initialProfile: e, identityName: t }) {
 									placeholder: "Tell circles a little about yourself."
 								})]
 							}),
-							/* @__PURE__ */ _("div", {
+							/* @__PURE__ */ v("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ g(x, {
+								children: [/* @__PURE__ */ _(S, {
 									htmlFor: "profile-interests",
 									children: "Interests"
-								}), /* @__PURE__ */ g(d, {
+								}), /* @__PURE__ */ _(d, {
 									id: "profile-interests",
 									value: L,
 									onChange: R,
 									placeholder: "Add an interest…"
 								})]
 							}),
-							/* @__PURE__ */ _("div", {
+							/* @__PURE__ */ v("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ g(x, {
+								children: [/* @__PURE__ */ _(S, {
 									htmlFor: "profile-skills",
 									children: "Skills"
-								}), /* @__PURE__ */ g(d, {
+								}), /* @__PURE__ */ _(d, {
 									id: "profile-skills",
 									value: z,
 									onChange: B,
@@ -200,39 +205,39 @@ function N({ initialProfile: e, identityName: t }) {
 							})
 						]
 					}),
-					/* @__PURE__ */ _("section", {
+					/* @__PURE__ */ v("section", {
 						className: "grid gap-4 border-t border-border-seam pt-6",
 						children: [
-							/* @__PURE__ */ g(j, { children: "Visibility" }),
-							/* @__PURE__ */ _("div", {
+							/* @__PURE__ */ _(M, { children: "Visibility" }),
+							/* @__PURE__ */ v("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ g(x, {
+								children: [/* @__PURE__ */ _(S, {
 									htmlFor: "profile-presence",
 									children: "Presence"
-								}), /* @__PURE__ */ _(S, {
+								}), /* @__PURE__ */ v(C, {
 									value: V,
 									onValueChange: (e) => H(e),
-									children: [/* @__PURE__ */ g(T, {
+									children: [/* @__PURE__ */ _(E, {
 										id: "profile-presence",
-										children: /* @__PURE__ */ g(E, {})
-									}), /* @__PURE__ */ g(C, { children: k.map((e) => /* @__PURE__ */ g(w, {
+										children: /* @__PURE__ */ _(D, {})
+									}), /* @__PURE__ */ _(w, { children: A.map((e) => /* @__PURE__ */ _(T, {
 										value: e,
 										children: s(e)
 									}, e)) })]
 								})]
 							}),
-							/* @__PURE__ */ _("div", {
+							/* @__PURE__ */ v("div", {
 								className: "flex items-start justify-between gap-4 rounded-xl border border-border-seam bg-bg-surface p-3.5",
-								children: [/* @__PURE__ */ _("div", {
+								children: [/* @__PURE__ */ v("div", {
 									className: "min-w-0",
-									children: [/* @__PURE__ */ g(x, {
+									children: [/* @__PURE__ */ _(S, {
 										htmlFor: "profile-discoverable",
 										children: "List me in the member directory"
-									}), /* @__PURE__ */ g("p", {
+									}), /* @__PURE__ */ _("p", {
 										className: "mt-1 text-xs text-text-tertiary",
 										children: "When on, your profile appears in the discoverable member directory so others can find and follow you. Turn it off to stay unlisted."
 									})]
-								}), /* @__PURE__ */ g(D, {
+								}), /* @__PURE__ */ _(O, {
 									id: "profile-discoverable",
 									checked: U,
 									onCheckedChange: W,
@@ -242,12 +247,12 @@ function N({ initialProfile: e, identityName: t }) {
 							})
 						]
 					}),
-					/* @__PURE__ */ _("div", {
+					/* @__PURE__ */ v("div", {
 						className: "flex flex-wrap items-center justify-end gap-3 border-t border-border-seam pt-5",
-						children: [!Q && !n.isPending && /* @__PURE__ */ g("span", {
+						children: [!Q && !n.isPending && /* @__PURE__ */ _("span", {
 							className: "text-xs text-text-tertiary",
 							children: "No changes to save"
-						}), /* @__PURE__ */ _(v, {
+						}), /* @__PURE__ */ v(y, {
 							onClick: async () => {
 								let e = l.trim();
 								if (!e) {
@@ -257,7 +262,7 @@ function N({ initialProfile: e, identityName: t }) {
 								try {
 									await n.mutateAsync({
 										displayName: e,
-										headline: N.trim() || null,
+										headline: j.trim() || null,
 										bio: F.trim() || null,
 										avatarFileId: G,
 										interests: L,
@@ -270,83 +275,83 @@ function N({ initialProfile: e, identityName: t }) {
 								}
 							},
 							disabled: n.isPending || !Q,
-							children: [/* @__PURE__ */ g(h, { className: "mr-1.5 h-4 w-4" }), n.isPending ? "Saving…" : "Save profile"]
+							children: [/* @__PURE__ */ _(g, { className: "mr-1.5 h-4 w-4" }), n.isPending ? "Saving…" : "Save profile"]
 						})]
 					})
 				]
 			})
-		}), /* @__PURE__ */ g("div", {
+		}), /* @__PURE__ */ _("div", {
 			className: "order-1 lg:order-2",
-			children: /* @__PURE__ */ _(y, {
+			children: /* @__PURE__ */ v(b, {
 				treatment: "plain",
 				className: "overflow-hidden p-0 lg:sticky lg:top-6",
-				children: [/* @__PURE__ */ _("div", {
+				children: [/* @__PURE__ */ v("div", {
 					className: "relative h-24 bg-gloss-card",
-					children: [/* @__PURE__ */ g("div", {
+					children: [/* @__PURE__ */ _("div", {
 						className: "absolute inset-0 bg-gradient-to-br from-[var(--color-accent-soft)] via-[var(--color-accent-soft)]/30 to-transparent",
 						"aria-hidden": "true"
-					}), /* @__PURE__ */ g("span", {
+					}), /* @__PURE__ */ _("span", {
 						className: "absolute right-3 top-3 rounded-full bg-bg-surface/80 px-2 py-0.5 text-[0.62rem] font-medium uppercase tracking-[0.08em] text-text-tertiary backdrop-blur",
 						children: "How members see you"
 					})]
-				}), /* @__PURE__ */ _("div", {
+				}), /* @__PURE__ */ v("div", {
 					className: "px-5 pb-5",
 					children: [
-						/* @__PURE__ */ _("div", {
+						/* @__PURE__ */ v("div", {
 							className: "-mt-12 flex flex-col items-center text-center",
 							children: [
-								/* @__PURE__ */ g(i, {
+								/* @__PURE__ */ _(i, {
 									name: q || t,
 									size: "xl",
 									presence: V,
 									fileId: G,
 									ring: !0
 								}),
-								/* @__PURE__ */ g("h3", {
+								/* @__PURE__ */ _("h3", {
 									className: "mt-3 max-w-full truncate text-lg font-semibold text-text-primary",
 									children: q || "Your name"
 								}),
-								N.trim() && /* @__PURE__ */ g("p", {
+								j.trim() && /* @__PURE__ */ _("p", {
 									className: "mt-0.5 max-w-full truncate text-sm text-text-secondary",
-									children: N.trim()
+									children: j.trim()
 								}),
-								/* @__PURE__ */ g("div", {
+								/* @__PURE__ */ _("div", {
 									className: "mt-2.5",
-									children: /* @__PURE__ */ g(u, { status: V })
+									children: /* @__PURE__ */ _(u, { status: V })
 								})
 							]
 						}),
-						F.trim() && /* @__PURE__ */ g("p", {
+						F.trim() && /* @__PURE__ */ _("p", {
 							className: "mt-4 whitespace-pre-wrap break-words text-center text-sm text-text-secondary",
 							children: F.trim()
 						}),
-						L.length > 0 && /* @__PURE__ */ _("div", {
+						L.length > 0 && /* @__PURE__ */ v("div", {
 							className: "mt-5",
-							children: [/* @__PURE__ */ g("p", {
+							children: [/* @__PURE__ */ _("p", {
 								className: "mb-1.5 text-xs font-medium text-text-tertiary",
 								children: "Interests"
-							}), /* @__PURE__ */ g("div", {
+							}), /* @__PURE__ */ _("div", {
 								className: "flex flex-wrap gap-1.5",
-								children: L.map((e) => /* @__PURE__ */ g("span", {
+								children: L.map((e) => /* @__PURE__ */ _("span", {
 									className: "rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-secondary",
 									children: e
 								}, e))
 							})]
 						}),
-						z.length > 0 && /* @__PURE__ */ _("div", {
+						z.length > 0 && /* @__PURE__ */ v("div", {
 							className: "mt-4",
-							children: [/* @__PURE__ */ g("p", {
+							children: [/* @__PURE__ */ _("p", {
 								className: "mb-1.5 text-xs font-medium text-text-tertiary",
 								children: "Skills"
-							}), /* @__PURE__ */ g("div", {
+							}), /* @__PURE__ */ _("div", {
 								className: "flex flex-wrap gap-1.5",
-								children: z.map((e) => /* @__PURE__ */ g("span", {
+								children: z.map((e) => /* @__PURE__ */ _("span", {
 									className: "rounded-full bg-[var(--color-accent-soft)] px-2.5 py-0.5 text-xs font-medium text-text-primary",
 									children: e
 								}, e))
 							})]
 						}),
-						!U && /* @__PURE__ */ g("p", {
+						!U && /* @__PURE__ */ _("p", {
 							className: "mt-5 text-center text-xs text-text-tertiary",
 							children: "Hidden from the member directory."
 						})
@@ -357,6 +362,6 @@ function N({ initialProfile: e, identityName: t }) {
 	});
 }
 //#endregion
-export { A as MyProfilePage };
+export { j as MyProfilePage };
 
 //# sourceMappingURL=MyProfilePage.js.map