@burdenoff/microfe-crewfoundry 2026.730.1 → 2026.801.1

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

@@ -1 +1 @@
-{"version":3,"file":"MarketplaceMarketplacePagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/MarketplaceMarketplacePagePage.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport {\n  Button,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  Input,\n  PagePurpose,\n  Pagination,\n} from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { usePagination } from '@burdenoff/fe-libs/shared/hooks';\nimport { CheckCircle2, Clock3, PauseCircle, Search, ShoppingBag, Star, Users } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport { useCrewFoundryStore, type MarketplaceService } from '../store/crewfoundryStore';\nimport { RatingStars, SegmentedTabs, getInitials, type SegmentedTab } from '../components/viz';\n\n/** Honest availability derived from the real service `status` enum (never \"Booked\"). */\nfunction availabilityOf(status: MarketplaceService['status']): {\n  label: string;\n  icon: typeof CheckCircle2;\n  className: string;\n} {\n  switch (status) {\n    case 'active':\n      return {\n        label: 'Available',\n        icon: CheckCircle2,\n        className: 'bg-status-success-bg text-status-success-text',\n      };\n    case 'pending':\n      return {\n        label: 'Pending',\n        icon: Clock3,\n        className: 'bg-status-warning-bg text-status-warning-text',\n      };\n    default:\n      return {\n        label: 'Unavailable',\n        icon: PauseCircle,\n        className: 'bg-bg-sunken text-text-secondary',\n      };\n  }\n}\n\nexport function MarketplaceMarketplacePagePage() {\n  const { t: translate } = useI18n();\n  const navigate = useNavigate();\n  const { marketplaceServices } = useCrewFoundryStore();\n  const t = (key: string, fallback: string) => {\n    const value = translate(key);\n    return value === key ? fallback : value;\n  };\n  const { page, pageSize, offset, setPage } = usePagination({ initialPageSize: 9 });\n  const [search, setSearch] = useState('');\n  const [category, setCategory] = useState('all');\n\n  const categoryTabs = useMemo<SegmentedTab[]>(() => {\n    const counts = new Map<string, number>();\n    for (const svc of marketplaceServices) {\n      counts.set(svc.category, (counts.get(svc.category) ?? 0) + 1);\n    }\n    const tabs: SegmentedTab[] = [{ id: 'all', label: 'All', count: marketplaceServices.length }];\n    for (const [name, count] of [...counts.entries()].sort((a, b) => a[0].localeCompare(b[0]))) {\n      tabs.push({ id: name, label: name, count });\n    }\n    return tabs;\n  }, [marketplaceServices]);\n\n  const filtered = useMemo(() => {\n    const query = search.trim().toLowerCase();\n    return marketplaceServices.filter((svc) => {\n      if (category !== 'all' && svc.category !== category) {\n        return false;\n      }\n      if (!query) {\n        return true;\n      }\n      return `${svc.title} ${svc.provider} ${svc.category} ${svc.skills.join(' ')}`\n        .toLowerCase()\n        .includes(query);\n    });\n  }, [marketplaceServices, search, category]);\n\n  useEffect(() => {\n    setPage(1);\n  }, [search, category, setPage]);\n\n  const avgRating =\n    marketplaceServices.length > 0\n      ? (\n          marketplaceServices.reduce((s, m) => s + m.rating, 0) / marketplaceServices.length\n        ).toFixed(1)\n      : '0.0';\n  const totalReviews = marketplaceServices.reduce((s, m) => s + m.reviews, 0);\n  const pagedServices = filtered.slice(offset, offset + pageSize);\n  const openService = (id: string) => navigate(`../marketplace/service-details-page?id=${id}`);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">\n          <GradientText>{t('crewfoundry.marketplace.title', 'Talent Marketplace')}</GradientText>\n        </h1>\n        <p className=\"text-sm text-text-secondary\">\n          {t('crewfoundry.marketplace.subtitle', 'Book vetted specialists and services')}\n        </p>\n        <PagePurpose className=\"mt-1\">\n          Discover freelancers and services for your projects — search, filter by category, and hire\n          the right talent on demand.\n        </PagePurpose>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-3\">\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">\n              {t('crewfoundry.marketplace.stats.services', 'Services')}\n            </CardTitle>\n            <ShoppingBag className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{marketplaceServices.length}</div>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">\n              {t('crewfoundry.marketplace.stats.avgRating', 'Avg Rating')}\n            </CardTitle>\n            <Star className=\"h-4 w-4 text-status-warning-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{avgRating}</div>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">\n              {t('crewfoundry.marketplace.stats.totalReviews', 'Total Reviews')}\n            </CardTitle>\n            <Users className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{totalReviews}</div>\n          </CardContent>\n        </GlassCard>\n      </div>\n\n      <div className=\"flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between\">\n        <div className=\"relative w-full max-w-sm\">\n          <Search className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n          <Input\n            placeholder=\"Search services, providers, skills…\"\n            className=\"pl-9\"\n            value={search}\n            onChange={(event) => setSearch(event.target.value)}\n            aria-label=\"Search marketplace services\"\n          />\n        </div>\n        <div className=\"-mx-1 overflow-x-auto px-1 pb-1\">\n          <SegmentedTabs\n            tabs={categoryTabs}\n            value={category}\n            onChange={setCategory}\n            aria-label=\"Filter services by category\"\n          />\n        </div>\n      </div>\n\n      {pagedServices.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-search\"\n          title=\"No services found\"\n          description=\"Try a different search term or category to find the help you need.\"\n        />\n      ) : (\n        <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-3\">\n          {pagedServices.map((svc) => {\n            const availability = availabilityOf(svc.status);\n            const AvailabilityIcon = availability.icon;\n            return (\n              <GlassCard\n                key={svc.id}\n                treatment=\"glass\"\n                role=\"button\"\n                tabIndex={0}\n                aria-label={`View and book ${svc.title} by ${svc.provider}`}\n                onClick={() => openService(svc.id)}\n                onKeyDown={(event) => {\n                  if (event.key === 'Enter' || event.key === ' ') {\n                    event.preventDefault();\n                    openService(svc.id);\n                  }\n                }}\n                className=\"cursor-pointer border-border-seam transition-shadow hover:shadow-elevation-2 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]\"\n              >\n                <CardContent className=\"flex h-full flex-col gap-3 p-4\">\n                  <div className=\"flex items-start justify-between gap-2\">\n                    <div className=\"flex items-center gap-2.5\">\n                      <span\n                        className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-action-primary-bg text-sm font-semibold text-action-primary-text\"\n                        aria-hidden=\"true\"\n                      >\n                        {getInitials(svc.provider)}\n                      </span>\n                      <div className=\"min-w-0\">\n                        <p className=\"truncate text-sm font-semibold\">{svc.provider}</p>\n                        <span className=\"inline-flex items-center gap-1 rounded-full bg-bg-sunken px-2 py-0.5 text-[10px] text-text-secondary\">\n                          {svc.category}\n                        </span>\n                      </div>\n                    </div>\n                    <div className=\"shrink-0 text-right\">\n                      <p className=\"text-base font-bold tabular-nums\">\n                        ${svc.price.toLocaleString()}\n                      </p>\n                      <p className=\"text-[10px] text-text-secondary\">/{svc.priceType}</p>\n                    </div>\n                  </div>\n\n                  <p className=\"text-sm font-medium\">{svc.title}</p>\n\n                  <div className=\"flex flex-wrap items-center gap-2\">\n                    <RatingStars value={svc.rating} count={svc.reviews} showValue size={14} />\n                    <span\n                      className={`inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[10px] font-medium ${availability.className}`}\n                    >\n                      <AvailabilityIcon className=\"h-3 w-3\" />\n                      {availability.label}\n                    </span>\n                  </div>\n\n                  <p className=\"line-clamp-2 text-xs text-text-secondary\">{svc.description}</p>\n\n                  <div className=\"flex flex-wrap gap-1\">\n                    {svc.skills.slice(0, 4).map((skill) => (\n                      <span\n                        key={skill}\n                        className=\"rounded-full bg-bg-sunken px-2 py-0.5 text-[10px] text-text-secondary\"\n                      >\n                        {skill}\n                      </span>\n                    ))}\n                  </div>\n\n                  <div className=\"mt-auto flex items-center justify-between pt-1 text-[11px] text-text-secondary\">\n                    <span className=\"flex items-center gap-1\">\n                      <Clock3 className=\"h-3 w-3\" />\n                      {svc.deliveryTime}\n                    </span>\n                  </div>\n\n                  <Button\n                    className=\"w-full\"\n                    onClick={(event) => {\n                      event.stopPropagation();\n                      openService(svc.id);\n                    }}\n                  >\n                    {t('crewfoundry.marketplace.card.book', 'View & Book')}\n                  </Button>\n                </CardContent>\n              </GlassCard>\n            );\n          })}\n        </div>\n      )}\n\n      {filtered.length > pageSize ? (\n        <Pagination\n          page={page}\n          pageSize={pageSize}\n          totalItems={filtered.length}\n          onPageChange={setPage}\n        />\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"MarketplaceMarketplacePagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/MarketplaceMarketplacePagePage.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport {\n  Button,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  Input,\n  PagePurpose,\n  Pagination,\n} from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { usePagination } from '@burdenoff/fe-libs/shared/hooks';\nimport { CheckCircle2, Clock3, PauseCircle, Search, ShoppingBag, Star, Users } from 'lucide-react';\nimport { useNavigate } from 'react-router';\nimport { useCrewFoundryStore, type MarketplaceService } from '../store/crewfoundryStore';\nimport { RatingStars, SegmentedTabs, getInitials, type SegmentedTab } from '../components/viz';\n\n/** Honest availability derived from the real service `status` enum (never \"Booked\"). */\nfunction availabilityOf(status: MarketplaceService['status']): {\n  label: string;\n  icon: typeof CheckCircle2;\n  className: string;\n} {\n  switch (status) {\n    case 'active':\n      return {\n        label: 'Available',\n        icon: CheckCircle2,\n        className: 'bg-status-success-bg text-status-success-text',\n      };\n    case 'pending':\n      return {\n        label: 'Pending',\n        icon: Clock3,\n        className: 'bg-status-warning-bg text-status-warning-text',\n      };\n    default:\n      return {\n        label: 'Unavailable',\n        icon: PauseCircle,\n        className: 'bg-bg-sunken text-text-secondary',\n      };\n  }\n}\n\nexport function MarketplaceMarketplacePagePage() {\n  const { t: translate } = useI18n();\n  const navigate = useNavigate();\n  const { marketplaceServices } = useCrewFoundryStore();\n  const t = (key: string, fallback: string) => {\n    const value = translate(key);\n    return value === key ? fallback : value;\n  };\n  const { page, pageSize, offset, setPage } = usePagination({ initialPageSize: 9 });\n  const [search, setSearch] = useState('');\n  const [category, setCategory] = useState('all');\n\n  const categoryTabs = useMemo<SegmentedTab[]>(() => {\n    const counts = new Map<string, number>();\n    for (const svc of marketplaceServices) {\n      counts.set(svc.category, (counts.get(svc.category) ?? 0) + 1);\n    }\n    const tabs: SegmentedTab[] = [{ id: 'all', label: 'All', count: marketplaceServices.length }];\n    for (const [name, count] of [...counts.entries()].sort((a, b) => a[0].localeCompare(b[0]))) {\n      tabs.push({ id: name, label: name, count });\n    }\n    return tabs;\n  }, [marketplaceServices]);\n\n  const filtered = useMemo(() => {\n    const query = search.trim().toLowerCase();\n    return marketplaceServices.filter((svc) => {\n      if (category !== 'all' && svc.category !== category) {\n        return false;\n      }\n      if (!query) {\n        return true;\n      }\n      return `${svc.title} ${svc.provider} ${svc.category} ${svc.skills.join(' ')}`\n        .toLowerCase()\n        .includes(query);\n    });\n  }, [marketplaceServices, search, category]);\n\n  useEffect(() => {\n    setPage(1);\n  }, [search, category, setPage]);\n\n  const avgRating =\n    marketplaceServices.length > 0\n      ? (\n          marketplaceServices.reduce((s, m) => s + m.rating, 0) / marketplaceServices.length\n        ).toFixed(1)\n      : '0.0';\n  const totalReviews = marketplaceServices.reduce((s, m) => s + m.reviews, 0);\n  const pagedServices = filtered.slice(offset, offset + pageSize);\n  const openService = (id: string) => navigate(`../marketplace/service-details-page?id=${id}`);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">\n          <GradientText>{t('crewfoundry.marketplace.title', 'Talent Marketplace')}</GradientText>\n        </h1>\n        <p className=\"text-sm text-text-secondary\">\n          {t('crewfoundry.marketplace.subtitle', 'Book vetted specialists and services')}\n        </p>\n        <PagePurpose className=\"mt-1\">\n          Discover freelancers and services for your projects — search, filter by category, and hire\n          the right talent on demand.\n        </PagePurpose>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-3\">\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">\n              {t('crewfoundry.marketplace.stats.services', 'Services')}\n            </CardTitle>\n            <ShoppingBag className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{marketplaceServices.length}</div>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">\n              {t('crewfoundry.marketplace.stats.avgRating', 'Avg Rating')}\n            </CardTitle>\n            <Star className=\"h-4 w-4 text-status-warning-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{avgRating}</div>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">\n              {t('crewfoundry.marketplace.stats.totalReviews', 'Total Reviews')}\n            </CardTitle>\n            <Users className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{totalReviews}</div>\n          </CardContent>\n        </GlassCard>\n      </div>\n\n      <div className=\"flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between\">\n        <div className=\"relative w-full max-w-sm\">\n          <Search className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n          <Input\n            placeholder=\"Search services, providers, skills…\"\n            className=\"pl-9\"\n            value={search}\n            onChange={(event) => setSearch(event.target.value)}\n            aria-label=\"Search marketplace services\"\n          />\n        </div>\n        <div className=\"-mx-1 overflow-x-auto px-1 pb-1\">\n          <SegmentedTabs\n            tabs={categoryTabs}\n            value={category}\n            onChange={setCategory}\n            aria-label=\"Filter services by category\"\n          />\n        </div>\n      </div>\n\n      {pagedServices.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-search\"\n          title=\"No services found\"\n          description=\"Try a different search term or category to find the help you need.\"\n        />\n      ) : (\n        <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-3\">\n          {pagedServices.map((svc) => {\n            const availability = availabilityOf(svc.status);\n            const AvailabilityIcon = availability.icon;\n            return (\n              <GlassCard\n                key={svc.id}\n                treatment=\"glass\"\n                role=\"button\"\n                tabIndex={0}\n                aria-label={`View and book ${svc.title} by ${svc.provider}`}\n                onClick={() => openService(svc.id)}\n                onKeyDown={(event) => {\n                  if (event.key === 'Enter' || event.key === ' ') {\n                    event.preventDefault();\n                    openService(svc.id);\n                  }\n                }}\n                className=\"cursor-pointer border-border-seam transition-shadow hover:shadow-elevation-2 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]\"\n              >\n                <CardContent className=\"flex h-full flex-col gap-3 p-4\">\n                  <div className=\"flex items-start justify-between gap-2\">\n                    <div className=\"flex items-center gap-2.5\">\n                      <span\n                        className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-action-primary-bg text-sm font-semibold text-action-primary-text\"\n                        aria-hidden=\"true\"\n                      >\n                        {getInitials(svc.provider)}\n                      </span>\n                      <div className=\"min-w-0\">\n                        <p className=\"truncate text-sm font-semibold\">{svc.provider}</p>\n                        <span className=\"inline-flex items-center gap-1 rounded-full bg-bg-sunken px-2 py-0.5 text-[10px] text-text-secondary\">\n                          {svc.category}\n                        </span>\n                      </div>\n                    </div>\n                    <div className=\"shrink-0 text-right\">\n                      <p className=\"text-base font-bold tabular-nums\">\n                        ${svc.price.toLocaleString()}\n                      </p>\n                      <p className=\"text-[10px] text-text-secondary\">/{svc.priceType}</p>\n                    </div>\n                  </div>\n\n                  <p className=\"text-sm font-medium\">{svc.title}</p>\n\n                  <div className=\"flex flex-wrap items-center gap-2\">\n                    <RatingStars value={svc.rating} count={svc.reviews} showValue size={14} />\n                    <span\n                      className={`inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[10px] font-medium ${availability.className}`}\n                    >\n                      <AvailabilityIcon className=\"h-3 w-3\" />\n                      {availability.label}\n                    </span>\n                  </div>\n\n                  <p className=\"line-clamp-2 text-xs text-text-secondary\">{svc.description}</p>\n\n                  <div className=\"flex flex-wrap gap-1\">\n                    {svc.skills.slice(0, 4).map((skill) => (\n                      <span\n                        key={skill}\n                        className=\"rounded-full bg-bg-sunken px-2 py-0.5 text-[10px] text-text-secondary\"\n                      >\n                        {skill}\n                      </span>\n                    ))}\n                  </div>\n\n                  <div className=\"mt-auto flex items-center justify-between pt-1 text-[11px] text-text-secondary\">\n                    <span className=\"flex items-center gap-1\">\n                      <Clock3 className=\"h-3 w-3\" />\n                      {svc.deliveryTime}\n                    </span>\n                  </div>\n\n                  <Button\n                    className=\"w-full\"\n                    onClick={(event) => {\n                      event.stopPropagation();\n                      openService(svc.id);\n                    }}\n                  >\n                    {t('crewfoundry.marketplace.card.book', 'View & Book')}\n                  </Button>\n                </CardContent>\n              </GlassCard>\n            );\n          })}\n        </div>\n      )}\n\n      {filtered.length > pageSize ? (\n        <Pagination\n          page={page}\n          pageSize={pageSize}\n          totalItems={filtered.length}\n          onPageChange={setPage}\n        />\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/crewfoundry/pages/MarketplaceMarketplaceServicesPagePage.js

@@ -6,7 +6,7 @@ import { SegmentedTabs as i } from "../components/viz/SegmentedTabs.js";
 import "../components/viz/index.js";
 import { useEffect as a, useMemo as o, useState as s } from "react";
 import { Search as c } from "lucide-react";
-import { useNavigate as l } from "react-router-dom";
+import { useNavigate as l } from "react-router";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
 import { Badge as f, CardContent as p, GlassCard as m, GradientText as h, IllustratedEmptyState as g, Input as _, PagePurpose as v, Pagination as y, ResponsiveTable as b } from "@burdenoff/fe-libs/ui";
 import { usePagination as x } from "@burdenoff/fe-libs/shared/hooks";

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

@@ -1 +1 @@
-{"version":3,"file":"MarketplaceMarketplaceServicesPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/MarketplaceMarketplaceServicesPagePage.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport {\n  Badge,\n  CardContent,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  Input,\n  PagePurpose,\n  Pagination,\n  ResponsiveTable,\n  type ResponsiveTableColumn,\n} from '@burdenoff/fe-libs/ui';\nimport { usePagination } from '@burdenoff/fe-libs/shared/hooks';\nimport { Search } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport { useCrewFoundryStore, type MarketplaceService } from '../store/crewfoundryStore';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\nimport { RatingStars, SegmentedTabs, getInitials, type SegmentedTab } from '../components/viz';\n\nexport function MarketplaceMarketplaceServicesPagePage() {\n  const navigate = useNavigate();\n  const { marketplaceServices } = useCrewFoundryStore();\n  const [search, setSearch] = useState('');\n  const [category, setCategory] = useState('all');\n  const { page, pageSize, offset, setPage } = usePagination({ initialPageSize: 10 });\n\n  const categoryTabs = useMemo<SegmentedTab[]>(() => {\n    const counts = new Map<string, number>();\n    for (const svc of marketplaceServices) {\n      counts.set(svc.category, (counts.get(svc.category) ?? 0) + 1);\n    }\n    const tabs: SegmentedTab[] = [{ id: 'all', label: 'All', count: marketplaceServices.length }];\n    for (const [name, count] of [...counts.entries()].sort((a, b) => a[0].localeCompare(b[0]))) {\n      tabs.push({ id: name, label: name, count });\n    }\n    return tabs;\n  }, [marketplaceServices]);\n\n  const filtered = marketplaceServices.filter((s) => {\n    if (category !== 'all' && s.category !== category) {\n      return false;\n    }\n    return `${s.title} ${s.provider} ${s.category}`.toLowerCase().includes(search.toLowerCase());\n  });\n  const paged = filtered.slice(offset, offset + pageSize);\n\n  useEffect(() => {\n    setPage(1);\n  }, [search, category, setPage]);\n\n  const columns: ResponsiveTableColumn<MarketplaceService>[] = [\n    {\n      key: 'service',\n      header: 'Service',\n      priority: 'primary',\n      cell: (svc) => (\n        <div className=\"flex items-center gap-2.5\">\n          <span\n            className=\"flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-action-primary-bg text-[11px] font-semibold text-action-primary-text\"\n            aria-hidden=\"true\"\n          >\n            {getInitials(svc.provider)}\n          </span>\n          <div className=\"min-w-0\">\n            <p className=\"font-medium\">{svc.title}</p>\n            <p className=\"truncate text-xs text-text-secondary\">\n              {svc.description.slice(0, 60)}\n              {svc.description.length > 60 ? '…' : ''}\n            </p>\n          </div>\n        </div>\n      ),\n    },\n    {\n      key: 'provider',\n      header: 'Provider',\n      priority: 'secondary',\n      cell: (svc) => <span className=\"text-text-secondary\">{svc.provider}</span>,\n    },\n    {\n      key: 'category',\n      header: 'Category',\n      priority: 'secondary',\n      cell: (svc) => (\n        <Badge variant=\"outline\" className=\"w-fit h-fit text-[10px]\">\n          {svc.category}\n        </Badge>\n      ),\n    },\n    {\n      key: 'price',\n      header: 'Price',\n      priority: 'secondary',\n      cell: (svc) => (\n        <span className=\"font-medium\">\n          ${svc.price.toLocaleString()}/{svc.priceType}\n        </span>\n      ),\n    },\n    {\n      key: 'rating',\n      header: 'Rating',\n      priority: 'secondary',\n      cell: (svc) => <RatingStars value={svc.rating} count={svc.reviews} size={12} />,\n    },\n    {\n      key: 'status',\n      header: 'Status',\n      priority: 'secondary',\n      cell: (svc) => (\n        <Badge variant={svc.status === 'active' ? 'default' : 'secondary'} className=\"text-[10px]\">\n          {formatEnumLabel(svc.status)}\n        </Badge>\n      ),\n    },\n  ];\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">\n          <GradientText>Browse Services</GradientText>\n        </h1>\n        <p className=\"text-sm text-text-secondary\">\n          {marketplaceServices.length} services available\n        </p>\n        <PagePurpose className=\"mt-1\">\n          Explore services offered on the marketplace — search and compare offerings to find exactly\n          the help your project needs.\n        </PagePurpose>\n      </div>\n      <div className=\"flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between\">\n        <div className=\"relative w-full max-w-sm\">\n          <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary\" />\n          <Input\n            placeholder=\"Search services...\"\n            className=\"pl-9\"\n            value={search}\n            onChange={(e) => setSearch(e.target.value)}\n          />\n        </div>\n        <div className=\"-mx-1 overflow-x-auto px-1 pb-1\">\n          <SegmentedTabs\n            tabs={categoryTabs}\n            value={category}\n            onChange={setCategory}\n            aria-label=\"Filter services by category\"\n          />\n        </div>\n      </div>\n      <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n        <CardContent className=\"p-4\">\n          <ResponsiveTable\n            columns={columns}\n            data={paged}\n            rowKey={(svc) => svc.id}\n            onRowClick={(svc) => navigate(`../marketplace/service-details-page?id=${svc.id}`)}\n            emptyState={\n              <IllustratedEmptyState\n                illustration=\"empty-search\"\n                title=\"No services found\"\n                description=\"Try a different search term to find the help you need.\"\n              />\n            }\n          />\n        </CardContent>\n      </GlassCard>\n      {filtered.length > 0 ? (\n        <Pagination\n          page={page}\n          pageSize={pageSize}\n          totalItems={filtered.length}\n          onPageChange={setPage}\n        />\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"MarketplaceMarketplaceServicesPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/MarketplaceMarketplaceServicesPagePage.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport {\n  Badge,\n  CardContent,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  Input,\n  PagePurpose,\n  Pagination,\n  ResponsiveTable,\n  type ResponsiveTableColumn,\n} from '@burdenoff/fe-libs/ui';\nimport { usePagination } from '@burdenoff/fe-libs/shared/hooks';\nimport { Search } from 'lucide-react';\nimport { useNavigate } from 'react-router';\nimport { useCrewFoundryStore, type MarketplaceService } from '../store/crewfoundryStore';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\nimport { RatingStars, SegmentedTabs, getInitials, type SegmentedTab } from '../components/viz';\n\nexport function MarketplaceMarketplaceServicesPagePage() {\n  const navigate = useNavigate();\n  const { marketplaceServices } = useCrewFoundryStore();\n  const [search, setSearch] = useState('');\n  const [category, setCategory] = useState('all');\n  const { page, pageSize, offset, setPage } = usePagination({ initialPageSize: 10 });\n\n  const categoryTabs = useMemo<SegmentedTab[]>(() => {\n    const counts = new Map<string, number>();\n    for (const svc of marketplaceServices) {\n      counts.set(svc.category, (counts.get(svc.category) ?? 0) + 1);\n    }\n    const tabs: SegmentedTab[] = [{ id: 'all', label: 'All', count: marketplaceServices.length }];\n    for (const [name, count] of [...counts.entries()].sort((a, b) => a[0].localeCompare(b[0]))) {\n      tabs.push({ id: name, label: name, count });\n    }\n    return tabs;\n  }, [marketplaceServices]);\n\n  const filtered = marketplaceServices.filter((s) => {\n    if (category !== 'all' && s.category !== category) {\n      return false;\n    }\n    return `${s.title} ${s.provider} ${s.category}`.toLowerCase().includes(search.toLowerCase());\n  });\n  const paged = filtered.slice(offset, offset + pageSize);\n\n  useEffect(() => {\n    setPage(1);\n  }, [search, category, setPage]);\n\n  const columns: ResponsiveTableColumn<MarketplaceService>[] = [\n    {\n      key: 'service',\n      header: 'Service',\n      priority: 'primary',\n      cell: (svc) => (\n        <div className=\"flex items-center gap-2.5\">\n          <span\n            className=\"flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-action-primary-bg text-[11px] font-semibold text-action-primary-text\"\n            aria-hidden=\"true\"\n          >\n            {getInitials(svc.provider)}\n          </span>\n          <div className=\"min-w-0\">\n            <p className=\"font-medium\">{svc.title}</p>\n            <p className=\"truncate text-xs text-text-secondary\">\n              {svc.description.slice(0, 60)}\n              {svc.description.length > 60 ? '…' : ''}\n            </p>\n          </div>\n        </div>\n      ),\n    },\n    {\n      key: 'provider',\n      header: 'Provider',\n      priority: 'secondary',\n      cell: (svc) => <span className=\"text-text-secondary\">{svc.provider}</span>,\n    },\n    {\n      key: 'category',\n      header: 'Category',\n      priority: 'secondary',\n      cell: (svc) => (\n        <Badge variant=\"outline\" className=\"w-fit h-fit text-[10px]\">\n          {svc.category}\n        </Badge>\n      ),\n    },\n    {\n      key: 'price',\n      header: 'Price',\n      priority: 'secondary',\n      cell: (svc) => (\n        <span className=\"font-medium\">\n          ${svc.price.toLocaleString()}/{svc.priceType}\n        </span>\n      ),\n    },\n    {\n      key: 'rating',\n      header: 'Rating',\n      priority: 'secondary',\n      cell: (svc) => <RatingStars value={svc.rating} count={svc.reviews} size={12} />,\n    },\n    {\n      key: 'status',\n      header: 'Status',\n      priority: 'secondary',\n      cell: (svc) => (\n        <Badge variant={svc.status === 'active' ? 'default' : 'secondary'} className=\"text-[10px]\">\n          {formatEnumLabel(svc.status)}\n        </Badge>\n      ),\n    },\n  ];\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">\n          <GradientText>Browse Services</GradientText>\n        </h1>\n        <p className=\"text-sm text-text-secondary\">\n          {marketplaceServices.length} services available\n        </p>\n        <PagePurpose className=\"mt-1\">\n          Explore services offered on the marketplace — search and compare offerings to find exactly\n          the help your project needs.\n        </PagePurpose>\n      </div>\n      <div className=\"flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between\">\n        <div className=\"relative w-full max-w-sm\">\n          <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary\" />\n          <Input\n            placeholder=\"Search services...\"\n            className=\"pl-9\"\n            value={search}\n            onChange={(e) => setSearch(e.target.value)}\n          />\n        </div>\n        <div className=\"-mx-1 overflow-x-auto px-1 pb-1\">\n          <SegmentedTabs\n            tabs={categoryTabs}\n            value={category}\n            onChange={setCategory}\n            aria-label=\"Filter services by category\"\n          />\n        </div>\n      </div>\n      <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n        <CardContent className=\"p-4\">\n          <ResponsiveTable\n            columns={columns}\n            data={paged}\n            rowKey={(svc) => svc.id}\n            onRowClick={(svc) => navigate(`../marketplace/service-details-page?id=${svc.id}`)}\n            emptyState={\n              <IllustratedEmptyState\n                illustration=\"empty-search\"\n                title=\"No services found\"\n                description=\"Try a different search term to find the help you need.\"\n              />\n            }\n          />\n        </CardContent>\n      </GlassCard>\n      {filtered.length > 0 ? (\n        <Pagination\n          page={page}\n          pageSize={pageSize}\n          totalItems={filtered.length}\n          onPageChange={setPage}\n        />\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/crewfoundry/pages/MarketplaceMyServicesPagePage.js

@@ -2,7 +2,7 @@ import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
 import { formatEnumLabel as t } from "../utils/formatEnumLabel.js";
 import { FormModal as n, useFormModal as r } from "../components/forms/FormModal.js";
 import { Eye as i, Pencil as a, Plus as o, Star as s, Trash2 as c } from "lucide-react";
-import { useNavigate as l } from "react-router-dom";
+import { useNavigate as l } from "react-router";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
 import { AlertDialog as f, AlertDialogAction as p, AlertDialogCancel as m, AlertDialogContent as h, AlertDialogDescription as g, AlertDialogFooter as _, AlertDialogHeader as v, AlertDialogTitle as y, AlertDialogTrigger as b, Badge as x, Button as S, CardContent as C, CardHeader as w, CardTitle as T, GlassCard as E, GradientText as D, IllustratedEmptyState as O, PagePurpose as k, Pagination as A } from "@burdenoff/fe-libs/ui";
 import { usePagination as j } from "@burdenoff/fe-libs/shared/hooks";

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

@@ -1 +1 @@
-{"version":3,"file":"MarketplaceMyServicesPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/MarketplaceMyServicesPagePage.tsx"],"sourcesContent":["import { useNavigate } from 'react-router-dom';\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n  Badge,\n  Button,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  PagePurpose,\n  Pagination,\n} from '@burdenoff/fe-libs/ui';\nimport { usePagination } from '@burdenoff/fe-libs/shared/hooks';\nimport { Eye, Pencil, Plus, Star, Trash2 } from 'lucide-react';\nimport {\n  FormModal,\n  useFormModal,\n  type FieldConfig,\n  type FormValues,\n} from '../components/forms/FormModal';\nimport { useCrewFoundryStore, type MarketplaceService } from '../store/crewfoundryStore';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\n\nconst SERVICE_FIELDS: FieldConfig[] = [\n  { name: 'title', label: 'Service title', type: 'text', required: true, colSpan: 2 },\n  { name: 'provider', label: 'Provider', type: 'text', required: true },\n  { name: 'category', label: 'Category', type: 'text', required: true },\n  { name: 'price', label: 'Price', type: 'number', required: true },\n  {\n    name: 'priceType',\n    label: 'Price type',\n    type: 'select',\n    required: true,\n    options: [\n      { label: 'Hourly', value: 'hourly' },\n      { label: 'Fixed', value: 'fixed' },\n      { label: 'Monthly', value: 'monthly' },\n    ],\n  },\n  {\n    name: 'deliveryTime',\n    label: 'Delivery time',\n    type: 'text',\n    required: true,\n    placeholder: 'e.g. 3 days',\n  },\n  {\n    name: 'status',\n    label: 'Status',\n    type: 'select',\n    options: [\n      { label: 'Active', value: 'active' },\n      { label: 'Paused', value: 'paused' },\n      { label: 'Pending', value: 'pending' },\n    ],\n  },\n  { name: 'description', label: 'Description', type: 'textarea', required: true, colSpan: 2 },\n  { name: 'skills', label: 'Skills', type: 'tags', colSpan: 2 },\n];\n\nconst toInitialValues = (service: MarketplaceService): FormValues => ({\n  title: service.title,\n  provider: service.provider,\n  category: service.category,\n  price: service.price,\n  priceType: service.priceType,\n  deliveryTime: service.deliveryTime,\n  status: service.status,\n  description: service.description,\n  skills: service.skills,\n});\n\nconst valuesToService = (values: FormValues, base?: MarketplaceService): MarketplaceService => ({\n  id: base?.id ?? crypto.randomUUID(),\n  title: String(values.title ?? ''),\n  provider: String(values.provider ?? ''),\n  category: String(values.category ?? ''),\n  price: typeof values.price === 'number' ? values.price : Number(values.price) || 0,\n  priceType: (values.priceType as MarketplaceService['priceType']) || 'hourly',\n  rating: base?.rating ?? 0,\n  reviews: base?.reviews ?? 0,\n  description: String(values.description ?? ''),\n  deliveryTime: String(values.deliveryTime ?? ''),\n  status: (values.status as MarketplaceService['status']) || 'active',\n  skills: Array.isArray(values.skills) ? values.skills : [],\n});\n\nexport function MarketplaceMyServicesPagePage() {\n  const navigate = useNavigate();\n  const {\n    marketplaceServices,\n    addMarketplaceService,\n    updateMarketplaceService,\n    removeMarketplaceService,\n  } = useCrewFoundryStore();\n  const modal = useFormModal<MarketplaceService>();\n  const { page, pageSize, offset, setPage } = usePagination({ initialPageSize: 9 });\n  // Every marketplace service in this workspace is managed here as an owned listing.\n  const myServices = marketplaceServices.slice(offset, offset + pageSize);\n\n  const handleSubmit = async (values: FormValues) => {\n    if (modal.context) {\n      await updateMarketplaceService(modal.context.id, valuesToService(values, modal.context));\n    } else {\n      await addMarketplaceService(valuesToService(values));\n    }\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>My Services</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">Manage your listed services</p>\n          <PagePurpose className=\"mt-1\">\n            Manage the services you offer to clients — list, edit, and showcase your offerings to\n            win more work on the marketplace.\n          </PagePurpose>\n        </div>\n        <Button size=\"sm\" onClick={() => modal.openModal()}>\n          <Plus className=\"h-4 w-4 mr-1\" />\n          Create Service\n        </Button>\n      </div>\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-3\">\n        {marketplaceServices.length === 0 ? (\n          <div className=\"col-span-full\">\n            <IllustratedEmptyState\n              illustration=\"empty-generic\"\n              title=\"No services listed\"\n              description=\"List a service to start winning work on the marketplace.\"\n            />\n          </div>\n        ) : (\n          myServices.map((svc, _idx) => (\n            <GlassCard key={svc.id} treatment={_idx === 0 ? 'glass' : 'plain'} glow={_idx === 0}>\n              <CardHeader>\n                <div className=\"flex items-center justify-between\">\n                  <CardTitle className=\"text-base\">{svc.title}</CardTitle>\n                  <Badge\n                    variant={svc.status === 'active' ? 'default' : 'secondary'}\n                    className=\"text-[10px]\"\n                  >\n                    {formatEnumLabel(svc.status)}\n                  </Badge>\n                </div>\n              </CardHeader>\n              <CardContent>\n                <p className=\"text-sm text-text-secondary mb-3\">{svc.description}</p>\n                <div className=\"flex items-center justify-between text-sm\">\n                  <span className=\"font-bold\">\n                    ${svc.price}/{svc.priceType}\n                  </span>\n                  <span className=\"flex items-center gap-1\">\n                    <Star className=\"h-3 w-3 text-status-warning-text\" />\n                    {svc.rating} ({svc.reviews})\n                  </span>\n                </div>\n                <div className=\"flex gap-2 mt-3\">\n                  <Button\n                    variant=\"outline\"\n                    size=\"sm\"\n                    className=\"flex-1\"\n                    onClick={() => modal.openModal(svc)}\n                  >\n                    <Pencil className=\"h-3.5 w-3.5 mr-1\" />\n                    Edit\n                  </Button>\n                  <Button\n                    size=\"sm\"\n                    className=\"flex-1\"\n                    onClick={() => navigate(`../marketplace/service-details-page?id=${svc.id}`)}\n                  >\n                    <Eye className=\"h-3.5 w-3.5 mr-1\" />\n                    View\n                  </Button>\n                  <AlertDialog>\n                    <AlertDialogTrigger asChild>\n                      <Button variant=\"ghost\" size=\"icon\" aria-label={`Delete ${svc.title}`}>\n                        <Trash2 className=\"h-4 w-4 text-status-error-text\" />\n                      </Button>\n                    </AlertDialogTrigger>\n                    <AlertDialogContent>\n                      <AlertDialogHeader>\n                        <AlertDialogTitle>Delete service?</AlertDialogTitle>\n                        <AlertDialogDescription>\n                          This removes “{svc.title}” from your marketplace listings. This action\n                          cannot be undone.\n                        </AlertDialogDescription>\n                      </AlertDialogHeader>\n                      <AlertDialogFooter>\n                        <AlertDialogCancel>Cancel</AlertDialogCancel>\n                        <AlertDialogAction onClick={() => void removeMarketplaceService(svc.id)}>\n                          Delete\n                        </AlertDialogAction>\n                      </AlertDialogFooter>\n                    </AlertDialogContent>\n                  </AlertDialog>\n                </div>\n              </CardContent>\n            </GlassCard>\n          ))\n        )}\n      </div>\n      {marketplaceServices.length > 0 ? (\n        <Pagination\n          page={page}\n          pageSize={pageSize}\n          totalItems={marketplaceServices.length}\n          onPageChange={setPage}\n        />\n      ) : null}\n\n      <FormModal\n        open={modal.open}\n        onOpenChange={modal.onOpenChange}\n        title={modal.context ? 'Edit service' : 'Create service'}\n        description=\"Describe the service you offer clients on the marketplace.\"\n        fields={SERVICE_FIELDS}\n        initialValues={modal.context ? toInitialValues(modal.context) : undefined}\n        submitLabel={modal.context ? 'Save changes' : 'Create service'}\n        onSubmit={handleSubmit}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"MarketplaceMyServicesPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/MarketplaceMyServicesPagePage.tsx"],"sourcesContent":["import { useNavigate } from 'react-router';\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n  Badge,\n  Button,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  PagePurpose,\n  Pagination,\n} from '@burdenoff/fe-libs/ui';\nimport { usePagination } from '@burdenoff/fe-libs/shared/hooks';\nimport { Eye, Pencil, Plus, Star, Trash2 } from 'lucide-react';\nimport {\n  FormModal,\n  useFormModal,\n  type FieldConfig,\n  type FormValues,\n} from '../components/forms/FormModal';\nimport { useCrewFoundryStore, type MarketplaceService } from '../store/crewfoundryStore';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\n\nconst SERVICE_FIELDS: FieldConfig[] = [\n  { name: 'title', label: 'Service title', type: 'text', required: true, colSpan: 2 },\n  { name: 'provider', label: 'Provider', type: 'text', required: true },\n  { name: 'category', label: 'Category', type: 'text', required: true },\n  { name: 'price', label: 'Price', type: 'number', required: true },\n  {\n    name: 'priceType',\n    label: 'Price type',\n    type: 'select',\n    required: true,\n    options: [\n      { label: 'Hourly', value: 'hourly' },\n      { label: 'Fixed', value: 'fixed' },\n      { label: 'Monthly', value: 'monthly' },\n    ],\n  },\n  {\n    name: 'deliveryTime',\n    label: 'Delivery time',\n    type: 'text',\n    required: true,\n    placeholder: 'e.g. 3 days',\n  },\n  {\n    name: 'status',\n    label: 'Status',\n    type: 'select',\n    options: [\n      { label: 'Active', value: 'active' },\n      { label: 'Paused', value: 'paused' },\n      { label: 'Pending', value: 'pending' },\n    ],\n  },\n  { name: 'description', label: 'Description', type: 'textarea', required: true, colSpan: 2 },\n  { name: 'skills', label: 'Skills', type: 'tags', colSpan: 2 },\n];\n\nconst toInitialValues = (service: MarketplaceService): FormValues => ({\n  title: service.title,\n  provider: service.provider,\n  category: service.category,\n  price: service.price,\n  priceType: service.priceType,\n  deliveryTime: service.deliveryTime,\n  status: service.status,\n  description: service.description,\n  skills: service.skills,\n});\n\nconst valuesToService = (values: FormValues, base?: MarketplaceService): MarketplaceService => ({\n  id: base?.id ?? crypto.randomUUID(),\n  title: String(values.title ?? ''),\n  provider: String(values.provider ?? ''),\n  category: String(values.category ?? ''),\n  price: typeof values.price === 'number' ? values.price : Number(values.price) || 0,\n  priceType: (values.priceType as MarketplaceService['priceType']) || 'hourly',\n  rating: base?.rating ?? 0,\n  reviews: base?.reviews ?? 0,\n  description: String(values.description ?? ''),\n  deliveryTime: String(values.deliveryTime ?? ''),\n  status: (values.status as MarketplaceService['status']) || 'active',\n  skills: Array.isArray(values.skills) ? values.skills : [],\n});\n\nexport function MarketplaceMyServicesPagePage() {\n  const navigate = useNavigate();\n  const {\n    marketplaceServices,\n    addMarketplaceService,\n    updateMarketplaceService,\n    removeMarketplaceService,\n  } = useCrewFoundryStore();\n  const modal = useFormModal<MarketplaceService>();\n  const { page, pageSize, offset, setPage } = usePagination({ initialPageSize: 9 });\n  // Every marketplace service in this workspace is managed here as an owned listing.\n  const myServices = marketplaceServices.slice(offset, offset + pageSize);\n\n  const handleSubmit = async (values: FormValues) => {\n    if (modal.context) {\n      await updateMarketplaceService(modal.context.id, valuesToService(values, modal.context));\n    } else {\n      await addMarketplaceService(valuesToService(values));\n    }\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>My Services</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">Manage your listed services</p>\n          <PagePurpose className=\"mt-1\">\n            Manage the services you offer to clients — list, edit, and showcase your offerings to\n            win more work on the marketplace.\n          </PagePurpose>\n        </div>\n        <Button size=\"sm\" onClick={() => modal.openModal()}>\n          <Plus className=\"h-4 w-4 mr-1\" />\n          Create Service\n        </Button>\n      </div>\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-3\">\n        {marketplaceServices.length === 0 ? (\n          <div className=\"col-span-full\">\n            <IllustratedEmptyState\n              illustration=\"empty-generic\"\n              title=\"No services listed\"\n              description=\"List a service to start winning work on the marketplace.\"\n            />\n          </div>\n        ) : (\n          myServices.map((svc, _idx) => (\n            <GlassCard key={svc.id} treatment={_idx === 0 ? 'glass' : 'plain'} glow={_idx === 0}>\n              <CardHeader>\n                <div className=\"flex items-center justify-between\">\n                  <CardTitle className=\"text-base\">{svc.title}</CardTitle>\n                  <Badge\n                    variant={svc.status === 'active' ? 'default' : 'secondary'}\n                    className=\"text-[10px]\"\n                  >\n                    {formatEnumLabel(svc.status)}\n                  </Badge>\n                </div>\n              </CardHeader>\n              <CardContent>\n                <p className=\"text-sm text-text-secondary mb-3\">{svc.description}</p>\n                <div className=\"flex items-center justify-between text-sm\">\n                  <span className=\"font-bold\">\n                    ${svc.price}/{svc.priceType}\n                  </span>\n                  <span className=\"flex items-center gap-1\">\n                    <Star className=\"h-3 w-3 text-status-warning-text\" />\n                    {svc.rating} ({svc.reviews})\n                  </span>\n                </div>\n                <div className=\"flex gap-2 mt-3\">\n                  <Button\n                    variant=\"outline\"\n                    size=\"sm\"\n                    className=\"flex-1\"\n                    onClick={() => modal.openModal(svc)}\n                  >\n                    <Pencil className=\"h-3.5 w-3.5 mr-1\" />\n                    Edit\n                  </Button>\n                  <Button\n                    size=\"sm\"\n                    className=\"flex-1\"\n                    onClick={() => navigate(`../marketplace/service-details-page?id=${svc.id}`)}\n                  >\n                    <Eye className=\"h-3.5 w-3.5 mr-1\" />\n                    View\n                  </Button>\n                  <AlertDialog>\n                    <AlertDialogTrigger asChild>\n                      <Button variant=\"ghost\" size=\"icon\" aria-label={`Delete ${svc.title}`}>\n                        <Trash2 className=\"h-4 w-4 text-status-error-text\" />\n                      </Button>\n                    </AlertDialogTrigger>\n                    <AlertDialogContent>\n                      <AlertDialogHeader>\n                        <AlertDialogTitle>Delete service?</AlertDialogTitle>\n                        <AlertDialogDescription>\n                          This removes “{svc.title}” from your marketplace listings. This action\n                          cannot be undone.\n                        </AlertDialogDescription>\n                      </AlertDialogHeader>\n                      <AlertDialogFooter>\n                        <AlertDialogCancel>Cancel</AlertDialogCancel>\n                        <AlertDialogAction onClick={() => void removeMarketplaceService(svc.id)}>\n                          Delete\n                        </AlertDialogAction>\n                      </AlertDialogFooter>\n                    </AlertDialogContent>\n                  </AlertDialog>\n                </div>\n              </CardContent>\n            </GlassCard>\n          ))\n        )}\n      </div>\n      {marketplaceServices.length > 0 ? (\n        <Pagination\n          page={page}\n          pageSize={pageSize}\n          totalItems={marketplaceServices.length}\n          onPageChange={setPage}\n        />\n      ) : null}\n\n      <FormModal\n        open={modal.open}\n        onOpenChange={modal.onOpenChange}\n        title={modal.context ? 'Edit service' : 'Create service'}\n        description=\"Describe the service you offer clients on the marketplace.\"\n        fields={SERVICE_FIELDS}\n        initialValues={modal.context ? toInitialValues(modal.context) : undefined}\n        submitLabel={modal.context ? 'Save changes' : 'Create service'}\n        onSubmit={handleSubmit}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/crewfoundry/pages/MarketplaceProjectDetailsPagePage.js

@@ -1,7 +1,7 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
 import { formatEnumLabel as t } from "../utils/formatEnumLabel.js";
 import { Calendar as n, DollarSign as r, MessageSquare as i, Users as a } from "lucide-react";
-import { useLocation as o, useNavigate as s } from "react-router-dom";
+import { useLocation as o, useNavigate as s } from "react-router";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 import { Badge as u, Card as d, CardContent as f, EmphasisPanel as p, GradientText as m, IllustratedEmptyState as h, NextSteps as g, PagePurpose as _, Spinner as v } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/MarketplaceProjectDetailsPagePage.tsx

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

@@ -1 +1 @@
-{"version":3,"file":"MarketplaceProjectDetailsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/MarketplaceProjectDetailsPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Card,\n  CardContent,\n  EmphasisPanel,\n  GradientText,\n  IllustratedEmptyState,\n  NextSteps,\n  PagePurpose,\n  Spinner,\n} from '@burdenoff/fe-libs/ui';\nimport { Calendar, DollarSign, MessageSquare, Users } from 'lucide-react';\nimport { useLocation, useNavigate } from 'react-router-dom';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\n\nexport function MarketplaceProjectDetailsPagePage() {\n  const navigate = useNavigate();\n  const location = useLocation();\n  const { projects, initialized } = useCrewFoundryStore();\n  const selectedId = new URLSearchParams(location.search).get('id');\n  const project = projects.find((p) => p.id === selectedId) ?? projects[0];\n  if (!initialized && !project) {\n    return (\n      <div className=\"flex min-h-[60vh] items-center justify-center p-6\">\n        <Spinner size=\"lg\" />\n      </div>\n    );\n  }\n\n  if (!project)\n    return (\n      <div className=\"p-6\">\n        <IllustratedEmptyState\n          illustration=\"empty-search\"\n          title=\"Project not found\"\n          description=\"This project is no longer available.\"\n        />\n      </div>\n    );\n\n  return (\n    <div className=\"space-y-6 p-6 max-w-4xl\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>{project.name}</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">{project.description}</p>\n          <PagePurpose className=\"mt-2\">\n            The full picture of a marketplace project — scope, budget, timeline, and progress — so\n            you can track delivery and stay aligned with the team doing the work.\n          </PagePurpose>\n        </div>\n        <Badge variant={project.status === 'active' ? 'default' : 'secondary'}>\n          {formatEnumLabel(project.status)}\n        </Badge>\n      </div>\n\n      <NextSteps\n        storageKey=\"crewfoundry-marketplace-project-details\"\n        steps={[\n          {\n            id: 'message',\n            label: 'Message the team',\n            description: 'Coordinate on scope, blockers, and next milestones.',\n            icon: <MessageSquare className=\"h-4 w-4\" />,\n            onClick: () => navigate('../marketplace/messaging-page'),\n          },\n          {\n            id: 'bookings',\n            label: 'Review bookings',\n            description: 'Check the engagements tied to this project.',\n            icon: <Calendar className=\"h-4 w-4\" />,\n            onClick: () => navigate('../marketplace/booking-management-page'),\n          },\n          {\n            id: 'earnings',\n            label: 'Track earnings',\n            description: 'See payouts and balances connected to your work.',\n            icon: <DollarSign className=\"h-4 w-4\" />,\n            onClick: () => navigate('../marketplace/earnings-page'),\n          },\n        ]}\n      />\n\n      <div className=\"grid gap-4 md:grid-cols-4\">\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <DollarSign className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">${(project.budget / 1000).toFixed(0)}K</p>\n            <p className=\"text-xs text-text-secondary\">Budget</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <DollarSign className=\"h-5 w-5 mx-auto text-status-success-text mb-1\" />\n            <p className=\"text-lg font-bold\">${(project.spent / 1000).toFixed(0)}K</p>\n            <p className=\"text-xs text-text-secondary\">Spent</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <Users className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">{project.teamName}</p>\n            <p className=\"text-xs text-text-secondary\">Team</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <Calendar className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">{project.endDate}</p>\n            <p className=\"text-xs text-text-secondary\">Deadline</p>\n          </CardContent>\n        </Card>\n      </div>\n      <EmphasisPanel>\n        <div className=\"mb-2 text-lg font-semibold\">Progress</div>\n        <div className=\"space-y-2\">\n          <div className=\"flex justify-between text-sm\">\n            <span>\n              {project.completedTasks} of {project.tasks} tasks\n            </span>\n            <span className=\"font-medium\">{project.progress}%</span>\n          </div>\n          <div className=\"h-3 bg-bg-sunken rounded overflow-hidden\">\n            <div\n              className=\"h-3 bg-action-primary-bg rounded\"\n              style={{ width: `${project.progress}%` }}\n            />\n          </div>\n        </div>\n        <div className=\"grid grid-cols-2 gap-4 mt-4\">\n          <div>\n            <p className=\"text-xs text-text-secondary\">Manager</p>\n            <p className=\"text-sm font-medium\">{project.managerName}</p>\n          </div>\n          <div>\n            <p className=\"text-xs text-text-secondary\">Priority</p>\n            <Badge\n              variant={\n                project.priority === 'critical'\n                  ? 'destructive'\n                  : project.priority === 'high'\n                    ? 'default'\n                    : 'secondary'\n              }\n            >\n              {formatEnumLabel(project.priority)}\n            </Badge>\n          </div>\n          <div>\n            <p className=\"text-xs text-text-secondary\">Start Date</p>\n            <p className=\"text-sm\">{project.startDate}</p>\n          </div>\n          <div>\n            <p className=\"text-xs text-text-secondary\">End Date</p>\n            <p className=\"text-sm\">{project.endDate}</p>\n          </div>\n        </div>\n      </EmphasisPanel>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"MarketplaceProjectDetailsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/MarketplaceProjectDetailsPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Card,\n  CardContent,\n  EmphasisPanel,\n  GradientText,\n  IllustratedEmptyState,\n  NextSteps,\n  PagePurpose,\n  Spinner,\n} from '@burdenoff/fe-libs/ui';\nimport { Calendar, DollarSign, MessageSquare, Users } from 'lucide-react';\nimport { useLocation, useNavigate } from 'react-router';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\n\nexport function MarketplaceProjectDetailsPagePage() {\n  const navigate = useNavigate();\n  const location = useLocation();\n  const { projects, initialized } = useCrewFoundryStore();\n  const selectedId = new URLSearchParams(location.search).get('id');\n  const project = projects.find((p) => p.id === selectedId) ?? projects[0];\n  if (!initialized && !project) {\n    return (\n      <div className=\"flex min-h-[60vh] items-center justify-center p-6\">\n        <Spinner size=\"lg\" />\n      </div>\n    );\n  }\n\n  if (!project)\n    return (\n      <div className=\"p-6\">\n        <IllustratedEmptyState\n          illustration=\"empty-search\"\n          title=\"Project not found\"\n          description=\"This project is no longer available.\"\n        />\n      </div>\n    );\n\n  return (\n    <div className=\"space-y-6 p-6 max-w-4xl\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>{project.name}</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">{project.description}</p>\n          <PagePurpose className=\"mt-2\">\n            The full picture of a marketplace project — scope, budget, timeline, and progress — so\n            you can track delivery and stay aligned with the team doing the work.\n          </PagePurpose>\n        </div>\n        <Badge variant={project.status === 'active' ? 'default' : 'secondary'}>\n          {formatEnumLabel(project.status)}\n        </Badge>\n      </div>\n\n      <NextSteps\n        storageKey=\"crewfoundry-marketplace-project-details\"\n        steps={[\n          {\n            id: 'message',\n            label: 'Message the team',\n            description: 'Coordinate on scope, blockers, and next milestones.',\n            icon: <MessageSquare className=\"h-4 w-4\" />,\n            onClick: () => navigate('../marketplace/messaging-page'),\n          },\n          {\n            id: 'bookings',\n            label: 'Review bookings',\n            description: 'Check the engagements tied to this project.',\n            icon: <Calendar className=\"h-4 w-4\" />,\n            onClick: () => navigate('../marketplace/booking-management-page'),\n          },\n          {\n            id: 'earnings',\n            label: 'Track earnings',\n            description: 'See payouts and balances connected to your work.',\n            icon: <DollarSign className=\"h-4 w-4\" />,\n            onClick: () => navigate('../marketplace/earnings-page'),\n          },\n        ]}\n      />\n\n      <div className=\"grid gap-4 md:grid-cols-4\">\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <DollarSign className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">${(project.budget / 1000).toFixed(0)}K</p>\n            <p className=\"text-xs text-text-secondary\">Budget</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <DollarSign className=\"h-5 w-5 mx-auto text-status-success-text mb-1\" />\n            <p className=\"text-lg font-bold\">${(project.spent / 1000).toFixed(0)}K</p>\n            <p className=\"text-xs text-text-secondary\">Spent</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <Users className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">{project.teamName}</p>\n            <p className=\"text-xs text-text-secondary\">Team</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <Calendar className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">{project.endDate}</p>\n            <p className=\"text-xs text-text-secondary\">Deadline</p>\n          </CardContent>\n        </Card>\n      </div>\n      <EmphasisPanel>\n        <div className=\"mb-2 text-lg font-semibold\">Progress</div>\n        <div className=\"space-y-2\">\n          <div className=\"flex justify-between text-sm\">\n            <span>\n              {project.completedTasks} of {project.tasks} tasks\n            </span>\n            <span className=\"font-medium\">{project.progress}%</span>\n          </div>\n          <div className=\"h-3 bg-bg-sunken rounded overflow-hidden\">\n            <div\n              className=\"h-3 bg-action-primary-bg rounded\"\n              style={{ width: `${project.progress}%` }}\n            />\n          </div>\n        </div>\n        <div className=\"grid grid-cols-2 gap-4 mt-4\">\n          <div>\n            <p className=\"text-xs text-text-secondary\">Manager</p>\n            <p className=\"text-sm font-medium\">{project.managerName}</p>\n          </div>\n          <div>\n            <p className=\"text-xs text-text-secondary\">Priority</p>\n            <Badge\n              variant={\n                project.priority === 'critical'\n                  ? 'destructive'\n                  : project.priority === 'high'\n                    ? 'default'\n                    : 'secondary'\n              }\n            >\n              {formatEnumLabel(project.priority)}\n            </Badge>\n          </div>\n          <div>\n            <p className=\"text-xs text-text-secondary\">Start Date</p>\n            <p className=\"text-sm\">{project.startDate}</p>\n          </div>\n          <div>\n            <p className=\"text-xs text-text-secondary\">End Date</p>\n            <p className=\"text-sm\">{project.endDate}</p>\n          </div>\n        </div>\n      </EmphasisPanel>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAgBA,SAAgB,IAAoC;CAClD,IAAM,IAAW,GAAa,EACxB,IAAW,GAAa,EACxB,EAAE,aAAU,mBAAgB,GAAqB,EACjD,IAAa,IAAI,gBAAgB,EAAS,OAAO,CAAC,IAAI,KAAK,EAC3D,IAAU,EAAS,MAAM,MAAM,EAAE,OAAO,EAAW,IAAI,EAAS;AAoBtE,QAnBI,CAAC,KAAe,CAAC,IAEjB,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD,EAAS,MAAK,MAAO,CAAA;EACjB,CAAA,GAIL,IAYH,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA;KACE,kBAAC,MAAD;MAAI,WAAU;gBACZ,kBAAC,GAAD,EAAA,UAAe,EAAQ,MAAoB,CAAA;MACxC,CAAA;KACL,kBAAC,KAAD;MAAG,WAAU;gBAA+B,EAAQ;MAAgB,CAAA;KACpE,kBAAC,GAAD;MAAa,WAAU;gBAAO;MAGhB,CAAA;KACV,EAAA,CAAA,EACN,kBAAC,GAAD;KAAO,SAAS,EAAQ,WAAW,WAAW,YAAY;eACvD,EAAgB,EAAQ,OAAO;KAC1B,CAAA,CACJ;;GAEN,kBAAC,GAAD;IACE,YAAW;IACX,OAAO;KACL;MACE,IAAI;MACJ,OAAO;MACP,aAAa;MACb,MAAM,kBAAC,GAAD,EAAe,WAAU,WAAY,CAAA;MAC3C,eAAe,EAAS,gCAAgC;MACzD;KACD;MACE,IAAI;MACJ,OAAO;MACP,aAAa;MACb,MAAM,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA;MACtC,eAAe,EAAS,yCAAyC;MAClE;KACD;MACE,IAAI;MACJ,OAAO;MACP,aAAa;MACb,MAAM,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA;MACxC,eAAe,EAAS,+BAA+B;MACxD;KACF;IACD,CAAA;GAEF,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;MAAa,WAAU;gBAAvB;OACE,kBAAC,GAAD,EAAY,WAAU,4CAA6C,CAAA;OACnE,kBAAC,KAAD;QAAG,WAAU;kBAAb;SAAiC;UAAG,EAAQ,SAAS,KAAM,QAAQ,EAAE;SAAC;SAAK;;OAC3E,kBAAC,KAAD;QAAG,WAAU;kBAA8B;QAAU,CAAA;OACzC;SACT,CAAA;KACP,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;MAAa,WAAU;gBAAvB;OACE,kBAAC,GAAD,EAAY,WAAU,iDAAkD,CAAA;OACxE,kBAAC,KAAD;QAAG,WAAU;kBAAb;SAAiC;UAAG,EAAQ,QAAQ,KAAM,QAAQ,EAAE;SAAC;SAAK;;OAC1E,kBAAC,KAAD;QAAG,WAAU;kBAA8B;QAAS,CAAA;OACxC;SACT,CAAA;KACP,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;MAAa,WAAU;gBAAvB;OACE,kBAAC,GAAD,EAAO,WAAU,4CAA6C,CAAA;OAC9D,kBAAC,KAAD;QAAG,WAAU;kBAAqB,EAAQ;QAAa,CAAA;OACvD,kBAAC,KAAD;QAAG,WAAU;kBAA8B;QAAQ,CAAA;OACvC;SACT,CAAA;KACP,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;MAAa,WAAU;gBAAvB;OACE,kBAAC,GAAD,EAAU,WAAU,4CAA6C,CAAA;OACjE,kBAAC,KAAD;QAAG,WAAU;kBAAqB,EAAQ;QAAY,CAAA;OACtD,kBAAC,KAAD;QAAG,WAAU;kBAA8B;QAAY,CAAA;OAC3C;SACT,CAAA;KACH;;GACN,kBAAC,GAAD,EAAA,UAAA;IACE,kBAAC,OAAD;KAAK,WAAU;eAA6B;KAAc,CAAA;IAC1D,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD,EAAA,UAAA;OACG,EAAQ;OAAe;OAAK,EAAQ;OAAM;OACtC,EAAA,CAAA,EACP,kBAAC,QAAD;OAAM,WAAU;iBAAhB,CAA+B,EAAQ,UAAS,IAAQ;SACpD;SACN,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,OAAD;OACE,WAAU;OACV,OAAO,EAAE,OAAO,GAAG,EAAQ,SAAS,IAAI;OACxC,CAAA;MACE,CAAA,CACF;;IACN,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;OAAG,WAAU;iBAA8B;OAAW,CAAA,EACtD,kBAAC,KAAD;OAAG,WAAU;iBAAuB,EAAQ;OAAgB,CAAA,CACxD,EAAA,CAAA;MACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;OAAG,WAAU;iBAA8B;OAAY,CAAA,EACvD,kBAAC,GAAD;OACE,SACE,EAAQ,aAAa,aACjB,gBACA,EAAQ,aAAa,SACnB,YACA;iBAGP,EAAgB,EAAQ,SAAS;OAC5B,CAAA,CACJ,EAAA,CAAA;MACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;OAAG,WAAU;iBAA8B;OAAc,CAAA,EACzD,kBAAC,KAAD;OAAG,WAAU;iBAAW,EAAQ;OAAc,CAAA,CAC1C,EAAA,CAAA;MACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;OAAG,WAAU;iBAA8B;OAAY,CAAA,EACvD,kBAAC,KAAD;OAAG,WAAU;iBAAW,EAAQ;OAAY,CAAA,CACxC,EAAA,CAAA;MACF;;IACQ,EAAA,CAAA;GACZ;MAjIJ,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GACE,cAAa;GACb,OAAM;GACN,aAAY;GACZ,CAAA;EACE,CAAA"}

package/dist/crewfoundry/pages/MarketplaceServiceDetailsPagePage.js

@@ -4,7 +4,7 @@ import { RatingStars as n } from "../components/viz/RatingStars.js";
 import "../components/viz/index.js";
 import { useMemo as r, useState as i } from "react";
 import { CalendarDays as a, CheckCircle2 as o, Clock3 as s, MessageSquare as c, PauseCircle as l, Star as u } from "lucide-react";
-import { useLocation as d, useNavigate as f } from "react-router-dom";
+import { useLocation as d, useNavigate as f } from "react-router";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
 import { Badge as h, Button as g, Card as _, CardContent as v, CardHeader as y, CardTitle as b, EmphasisPanel as x, GradientText as S, IllustratedEmptyState as C, Input as w, PagePurpose as T, Spinner as E } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/MarketplaceServiceDetailsPagePage.tsx

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

@@ -1 +1 @@
-{"version":3,"file":"MarketplaceServiceDetailsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/MarketplaceServiceDetailsPagePage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  EmphasisPanel,\n  GradientText,\n  IllustratedEmptyState,\n  Input,\n  PagePurpose,\n  Spinner,\n} from '@burdenoff/fe-libs/ui';\nimport { CalendarDays, CheckCircle2, Clock3, MessageSquare, PauseCircle, Star } from 'lucide-react';\nimport { useLocation, useNavigate } from 'react-router-dom';\nimport { useCrewFoundryStore, type MarketplaceService } from '../store/crewfoundryStore';\nimport { RatingStars, getInitials } from '../components/viz';\n\n/** Honest availability derived from the real service `status` enum (never \"Booked\"). */\nfunction availabilityOf(status: MarketplaceService['status']): {\n  label: string;\n  icon: typeof CheckCircle2;\n  className: string;\n} {\n  switch (status) {\n    case 'active':\n      return {\n        label: 'Available for new projects',\n        icon: CheckCircle2,\n        className: 'text-status-success-text',\n      };\n    case 'pending':\n      return { label: 'Pending review', icon: Clock3, className: 'text-status-warning-text' };\n    default:\n      return {\n        label: 'Not currently available',\n        icon: PauseCircle,\n        className: 'text-text-secondary',\n      };\n  }\n}\n\nexport function MarketplaceServiceDetailsPagePage() {\n  const navigate = useNavigate();\n  const location = useLocation();\n  const { marketplaceServices, initialized } = useCrewFoundryStore();\n  const selectedId = new URLSearchParams(location.search).get('id');\n  const svc = marketplaceServices.find((s) => s.id === selectedId) ?? marketplaceServices[0];\n\n  // Real \"packages\": every service this same provider actually offers. The\n  // backend exposes a single price per service (no synthetic tiers), so each\n  // package is a genuine listing — the viewed service is pre-selected.\n  const providerPackages = useMemo(\n    () =>\n      svc\n        ? marketplaceServices.filter((s) => s.provider === svc.provider)\n        : ([] as MarketplaceService[]),\n    [marketplaceServices, svc]\n  );\n\n  const [selectedPackageId, setSelectedPackageId] = useState<string | null>(null);\n  const today = new Date().toISOString().slice(0, 10);\n  const [bookingDate, setBookingDate] = useState(today);\n\n  if (!initialized && !svc) {\n    return (\n      <div className=\"flex min-h-[60vh] items-center justify-center p-6\">\n        <Spinner size=\"lg\" />\n      </div>\n    );\n  }\n\n  if (!svc) {\n    return (\n      <div className=\"p-6\">\n        <IllustratedEmptyState\n          illustration=\"empty-search\"\n          title=\"Service not found\"\n          description=\"This service is no longer available.\"\n        />\n      </div>\n    );\n  }\n\n  const selectedPackage = providerPackages.find((p) => p.id === selectedPackageId) ?? svc;\n  const availability = availabilityOf(svc.status);\n  const AvailabilityIcon = availability.icon;\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"text-xs text-text-secondary\">\n        <button\n          type=\"button\"\n          className=\"hover:text-text-primary\"\n          onClick={() => navigate('../marketplace/marketplace-page')}\n        >\n          Marketplace\n        </button>\n        <span className=\"mx-1\">/</span>\n        <span className=\"text-text-primary\">{svc.title}</span>\n      </div>\n\n      <div className=\"grid gap-6 lg:grid-cols-3\">\n        {/* ── Left: provider + service detail ─────────────────────────── */}\n        <div className=\"space-y-6 lg:col-span-2\">\n          <div className=\"flex flex-col gap-4 sm:flex-row sm:items-start\">\n            <span\n              className=\"flex h-20 w-20 shrink-0 items-center justify-center rounded-full bg-action-primary-bg text-2xl font-semibold text-action-primary-text\"\n              aria-hidden=\"true\"\n            >\n              {getInitials(svc.provider)}\n            </span>\n            <div className=\"min-w-0 flex-1 space-y-2\">\n              <h1 className=\"text-2xl font-semibold\">\n                <GradientText>{svc.provider}</GradientText>\n              </h1>\n              <p className=\"text-sm text-text-secondary\">{svc.title}</p>\n              <div className=\"flex flex-wrap items-center gap-3\">\n                <RatingStars value={svc.rating} count={svc.reviews} showValue size={16} />\n                <span className=\"flex items-center gap-1 text-xs text-text-secondary\">\n                  <Clock3 className=\"h-3 w-3\" />\n                  {svc.deliveryTime}\n                </span>\n                <Badge variant=\"outline\" className=\"text-[10px]\">\n                  {svc.category}\n                </Badge>\n              </div>\n              <div className=\"flex flex-wrap gap-1.5 pt-1\">\n                {svc.skills.map((skill) => (\n                  <Badge key={skill} variant=\"secondary\" className=\"text-xs\">\n                    {skill}\n                  </Badge>\n                ))}\n              </div>\n            </div>\n          </div>\n\n          <PagePurpose>\n            See exactly what this service includes, what it costs, and how others rated it — use the\n            booking panel to pick a package and request an engagement.\n          </PagePurpose>\n\n          <EmphasisPanel>\n            <div className=\"mb-2 text-lg font-semibold\">About this service</div>\n            <p className=\"text-sm text-text-secondary\">{svc.description}</p>\n          </EmphasisPanel>\n\n          {/* Services offered — real listings from this provider */}\n          <div className=\"space-y-3\">\n            <h2 className=\"text-lg font-semibold\">Services offered</h2>\n            <div className=\"grid gap-3 sm:grid-cols-2 xl:grid-cols-3\">\n              {providerPackages.map((pkg) => {\n                const active = pkg.id === selectedPackage.id;\n                return (\n                  <button\n                    key={pkg.id}\n                    type=\"button\"\n                    onClick={() => setSelectedPackageId(pkg.id)}\n                    aria-pressed={active}\n                    className={`flex flex-col rounded-lg border p-4 text-left transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)] ${\n                      active\n                        ? 'border-action-primary-bg bg-action-primary-bg/5'\n                        : 'border-border-subtle hover:bg-bg-sunken/50'\n                    }`}\n                  >\n                    <div className=\"flex items-start justify-between gap-2\">\n                      <p className=\"text-sm font-semibold\">{pkg.title}</p>\n                      <span className=\"whitespace-nowrap text-[11px] text-text-secondary\">\n                        {pkg.deliveryTime}\n                      </span>\n                    </div>\n                    <p className=\"mt-1 text-xl font-bold tabular-nums\">\n                      ${pkg.price.toLocaleString()}\n                      <span className=\"text-xs font-normal text-text-secondary\">\n                        /{pkg.priceType}\n                      </span>\n                    </p>\n                    <p className=\"mt-2 line-clamp-3 text-xs text-text-secondary\">\n                      {pkg.description}\n                    </p>\n                  </button>\n                );\n              })}\n            </div>\n          </div>\n\n          {/* Reviews — backend stores only an aggregate rating + count, not\n              individual review bodies, so we report that honestly rather than\n              inventing reviewer cards. */}\n          <div className=\"space-y-3\">\n            <h2 className=\"text-lg font-semibold\">Reviews</h2>\n            <Card>\n              <CardContent className=\"flex flex-col items-center gap-2 p-6 text-center\">\n                <div className=\"flex items-center gap-2\">\n                  <Star className=\"h-6 w-6 text-status-warning-text\" fill=\"currentColor\" />\n                  <span className=\"text-2xl font-bold tabular-nums\">{svc.rating.toFixed(1)}</span>\n                  <span className=\"text-sm text-text-secondary\">/ 5</span>\n                </div>\n                <p className=\"text-sm text-text-secondary\">\n                  Based on {svc.reviews.toLocaleString()} {svc.reviews === 1 ? 'review' : 'reviews'}\n                  . Individual review notes aren&apos;t published for this listing yet.\n                </p>\n              </CardContent>\n            </Card>\n          </div>\n        </div>\n\n        {/* ── Right: sticky booking panel ─────────────────────────────── */}\n        <div className=\"lg:col-span-1\">\n          <Card className=\"lg:sticky lg:top-6\">\n            <CardHeader>\n              <CardTitle className=\"text-lg\">Book this service</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-5\">\n              <fieldset className=\"space-y-2\">\n                <legend className=\"mb-1 text-sm font-medium\">Package</legend>\n                {providerPackages.map((pkg) => {\n                  const active = pkg.id === selectedPackage.id;\n                  return (\n                    <button\n                      key={pkg.id}\n                      type=\"button\"\n                      onClick={() => setSelectedPackageId(pkg.id)}\n                      aria-pressed={active}\n                      className={`flex w-full items-center justify-between gap-3 rounded-lg border px-3 py-2.5 text-left transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)] ${\n                        active\n                          ? 'border-action-primary-bg bg-action-primary-bg/5'\n                          : 'border-border-subtle hover:bg-bg-sunken/50'\n                      }`}\n                    >\n                      <span className=\"flex items-center gap-2 min-w-0\">\n                        <span\n                          className={`flex h-4 w-4 shrink-0 items-center justify-center rounded-full border ${\n                            active ? 'border-action-primary-bg' : 'border-border-strong'\n                          }`}\n                          aria-hidden=\"true\"\n                        >\n                          {active ? (\n                            <span className=\"h-2 w-2 rounded-full bg-action-primary-bg\" />\n                          ) : null}\n                        </span>\n                        <span className=\"truncate text-sm\">{pkg.title}</span>\n                      </span>\n                      <span className=\"whitespace-nowrap text-sm font-semibold tabular-nums\">\n                        ${pkg.price.toLocaleString()}\n                      </span>\n                    </button>\n                  );\n                })}\n              </fieldset>\n\n              <div className=\"space-y-1.5\">\n                <label htmlFor=\"booking-date\" className=\"text-sm font-medium\">\n                  Date\n                </label>\n                <div className=\"relative\">\n                  <CalendarDays className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n                  <Input\n                    id=\"booking-date\"\n                    type=\"date\"\n                    min={today}\n                    value={bookingDate}\n                    onChange={(event) => setBookingDate(event.target.value)}\n                    className=\"pl-9\"\n                  />\n                </div>\n              </div>\n\n              <div className=\"flex items-center justify-between border-t border-border-subtle pt-3\">\n                <span className=\"text-sm font-medium\">Total price</span>\n                <span className=\"text-lg font-bold tabular-nums\">\n                  ${selectedPackage.price.toLocaleString()}\n                  <span className=\"text-xs font-normal text-text-secondary\">\n                    /{selectedPackage.priceType}\n                  </span>\n                </span>\n              </div>\n\n              <div className=\"space-y-2\">\n                {/* No createCrewBooking mutation exists in the backend yet, so\n                    Book Now stays an honest disabled control — the panel is\n                    fully interactive but does not fake a booking. */}\n                <Button\n                  className=\"w-full\"\n                  disabled\n                  title=\"Booking is coming soon\"\n                  aria-label=\"Book now — coming soon\"\n                >\n                  Book Now · Coming soon\n                </Button>\n                <Button\n                  variant=\"outline\"\n                  className=\"w-full\"\n                  onClick={() => navigate('../marketplace/messaging-page')}\n                >\n                  <MessageSquare className=\"mr-1 h-4 w-4\" />\n                  Message\n                </Button>\n              </div>\n\n              <p\n                className={`flex items-center justify-center gap-1.5 text-xs ${availability.className}`}\n              >\n                <AvailabilityIcon className=\"h-3.5 w-3.5\" />\n                {availability.label}\n              </p>\n            </CardContent>\n          </Card>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;AAqBA,SAAS,EAAe,GAItB;AACA,SAAQ,GAAR;EACE,KAAK,SACH,QAAO;GACL,OAAO;GACP,MAAM;GACN,WAAW;GACZ;EACH,KAAK,UACH,QAAO;GAAE,OAAO;GAAkB,MAAM;GAAQ,WAAW;GAA4B;EACzF,QACE,QAAO;GACL,OAAO;GACP,MAAM;GACN,WAAW;GACZ;;;AAIP,SAAgB,IAAoC;CAClD,IAAM,IAAW,GAAa,EACxB,IAAW,GAAa,EACxB,EAAE,wBAAqB,mBAAgB,GAAqB,EAC5D,IAAa,IAAI,gBAAgB,EAAS,OAAO,CAAC,IAAI,KAAK,EAC3D,IAAM,EAAoB,MAAM,MAAM,EAAE,OAAO,EAAW,IAAI,EAAoB,IAKlF,IAAmB,QAErB,IACI,EAAoB,QAAQ,MAAM,EAAE,aAAa,EAAI,SAAS,GAC7D,EAAE,EACT,CAAC,GAAqB,EAAI,CAC3B,EAEK,CAAC,GAAmB,KAAwB,EAAwB,KAAK,EACzE,qBAAQ,IAAI,MAAM,EAAC,aAAa,CAAC,MAAM,GAAG,GAAG,EAC7C,CAAC,GAAa,KAAkB,EAAS,EAAM;AAErD,KAAI,CAAC,KAAe,CAAC,EACnB,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD,EAAS,MAAK,MAAO,CAAA;EACjB,CAAA;AAIV,KAAI,CAAC,EACH,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GACE,cAAa;GACb,OAAM;GACN,aAAY;GACZ,CAAA;EACE,CAAA;CAIV,IAAM,IAAkB,EAAiB,MAAM,MAAM,EAAE,OAAO,EAAkB,IAAI,GAC9E,IAAe,EAAe,EAAI,OAAO,EACzC,IAAmB,EAAa;AAEtC,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,UAAD;KACE,MAAK;KACL,WAAU;KACV,eAAe,EAAS,kCAAkC;eAC3D;KAEQ,CAAA;IACT,kBAAC,QAAD;KAAM,WAAU;eAAO;KAAQ,CAAA;IAC/B,kBAAC,QAAD;KAAM,WAAU;eAAqB,EAAI;KAAa,CAAA;IAClD;MAEN,kBAAC,OAAD;GAAK,WAAU;aAAf,CAEE,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD;OACE,WAAU;OACV,eAAY;iBAEX,EAAY,EAAI,SAAS;OACrB,CAAA,EACP,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,MAAD;SAAI,WAAU;mBACZ,kBAAC,GAAD,EAAA,UAAe,EAAI,UAAwB,CAAA;SACxC,CAAA;QACL,kBAAC,KAAD;SAAG,WAAU;mBAA+B,EAAI;SAAU,CAAA;QAC1D,kBAAC,OAAD;SAAK,WAAU;mBAAf;UACE,kBAAC,GAAD;WAAa,OAAO,EAAI;WAAQ,OAAO,EAAI;WAAS,WAAA;WAAU,MAAM;WAAM,CAAA;UAC1E,kBAAC,QAAD;WAAM,WAAU;qBAAhB,CACE,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA,EAC7B,EAAI,aACA;;UACP,kBAAC,GAAD;WAAO,SAAQ;WAAU,WAAU;qBAChC,EAAI;WACC,CAAA;UACJ;;QACN,kBAAC,OAAD;SAAK,WAAU;mBACZ,EAAI,OAAO,KAAK,MACf,kBAAC,GAAD;UAAmB,SAAQ;UAAY,WAAU;oBAC9C;UACK,EAFI,EAEJ,CACR;SACE,CAAA;QACF;SACF;;KAEN,kBAAC,GAAD,EAAA,UAAa,uJAGC,CAAA;KAEd,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;MAAK,WAAU;gBAA6B;MAAwB,CAAA,EACpE,kBAAC,KAAD;MAAG,WAAU;gBAA+B,EAAI;MAAgB,CAAA,CAClD,EAAA,CAAA;KAGhB,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,MAAD;OAAI,WAAU;iBAAwB;OAAqB,CAAA,EAC3D,kBAAC,OAAD;OAAK,WAAU;iBACZ,EAAiB,KAAK,MAAQ;QAC7B,IAAM,IAAS,EAAI,OAAO,EAAgB;AAC1C,eACE,kBAAC,UAAD;SAEE,MAAK;SACL,eAAe,EAAqB,EAAI,GAAG;SAC3C,gBAAc;SACd,WAAW,wJACT,IACI,oDACA;mBARR;UAWE,kBAAC,OAAD;WAAK,WAAU;qBAAf,CACE,kBAAC,KAAD;YAAG,WAAU;sBAAyB,EAAI;YAAU,CAAA,EACpD,kBAAC,QAAD;YAAM,WAAU;sBACb,EAAI;YACA,CAAA,CACH;;UACN,kBAAC,KAAD;WAAG,WAAU;qBAAb;YAAmD;YAC/C,EAAI,MAAM,gBAAgB;YAC5B,kBAAC,QAAD;aAAM,WAAU;uBAAhB,CAA0D,KACtD,EAAI,UACD;;YACL;;UACJ,kBAAC,KAAD;WAAG,WAAU;qBACV,EAAI;WACH,CAAA;UACG;WAzBF,EAAI,GAyBF;SAEX;OACE,CAAA,CACF;;KAKN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,MAAD;OAAI,WAAU;iBAAwB;OAAY,CAAA,EAClD,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;OAAa,WAAU;iBAAvB,CACE,kBAAC,OAAD;QAAK,WAAU;kBAAf;SACE,kBAAC,GAAD;UAAM,WAAU;UAAmC,MAAK;UAAiB,CAAA;SACzE,kBAAC,QAAD;UAAM,WAAU;oBAAmC,EAAI,OAAO,QAAQ,EAAE;UAAQ,CAAA;SAChF,kBAAC,QAAD;UAAM,WAAU;oBAA8B;UAAU,CAAA;SACpD;WACN,kBAAC,KAAD;QAAG,WAAU;kBAAb;SAA2C;SAC/B,EAAI,QAAQ,gBAAgB;SAAC;SAAE,EAAI,YAAY,IAAI,WAAW;SAAU;SAEhF;UACQ;UACT,CAAA,CACH;;KACF;OAGN,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD;KAAM,WAAU;eAAhB,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;MAAW,WAAU;gBAAU;MAA6B,CAAA,EACjD,CAAA,EACb,kBAAC,GAAD;MAAa,WAAU;gBAAvB;OACE,kBAAC,YAAD;QAAU,WAAU;kBAApB,CACE,kBAAC,UAAD;SAAQ,WAAU;mBAA2B;SAAgB,CAAA,EAC5D,EAAiB,KAAK,MAAQ;SAC7B,IAAM,IAAS,EAAI,OAAO,EAAgB;AAC1C,gBACE,kBAAC,UAAD;UAEE,MAAK;UACL,eAAe,EAAqB,EAAI,GAAG;UAC3C,gBAAc;UACd,WAAW,iMACT,IACI,oDACA;oBARR,CAWE,kBAAC,QAAD;WAAM,WAAU;qBAAhB,CACE,kBAAC,QAAD;YACE,WAAW,yEACT,IAAS,6BAA6B;YAExC,eAAY;sBAEX,IACC,kBAAC,QAAD,EAAM,WAAU,6CAA8C,CAAA,GAC5D;YACC,CAAA,EACP,kBAAC,QAAD;YAAM,WAAU;sBAAoB,EAAI;YAAa,CAAA,CAChD;cACP,kBAAC,QAAD;WAAM,WAAU;qBAAhB,CAAuE,KACnE,EAAI,MAAM,gBAAgB,CACvB;aACA;YA1BF,EAAI,GA0BF;UAEX,CACO;;OAEX,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,SAAD;SAAO,SAAQ;SAAe,WAAU;mBAAsB;SAEtD,CAAA,EACR,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,GAAD,EAAc,WAAU,4FAA6F,CAAA,EACrH,kBAAC,GAAD;UACE,IAAG;UACH,MAAK;UACL,KAAK;UACL,OAAO;UACP,WAAW,MAAU,EAAe,EAAM,OAAO,MAAM;UACvD,WAAU;UACV,CAAA,CACE;WACF;;OAEN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,QAAD;SAAM,WAAU;mBAAsB;SAAkB,CAAA,EACxD,kBAAC,QAAD;SAAM,WAAU;mBAAhB;UAAiD;UAC7C,EAAgB,MAAM,gBAAgB;UACxC,kBAAC,QAAD;WAAM,WAAU;qBAAhB,CAA0D,KACtD,EAAgB,UACb;;UACF;WACH;;OAEN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CAIE,kBAAC,GAAD;SACE,WAAU;SACV,UAAA;SACA,OAAM;SACN,cAAW;mBACZ;SAEQ,CAAA,EACT,kBAAC,GAAD;SACE,SAAQ;SACR,WAAU;SACV,eAAe,EAAS,gCAAgC;mBAH1D,CAKE,kBAAC,GAAD,EAAe,WAAU,gBAAiB,CAAA,EAAA,UAEnC;WACL;;OAEN,kBAAC,KAAD;QACE,WAAW,oDAAoD,EAAa;kBAD9E,CAGE,kBAAC,GAAD,EAAkB,WAAU,eAAgB,CAAA,EAC3C,EAAa,MACZ;;OACQ;QACT;;IACH,CAAA,CACF;KACF"}
+{"version":3,"file":"MarketplaceServiceDetailsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/MarketplaceServiceDetailsPagePage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  EmphasisPanel,\n  GradientText,\n  IllustratedEmptyState,\n  Input,\n  PagePurpose,\n  Spinner,\n} from '@burdenoff/fe-libs/ui';\nimport { CalendarDays, CheckCircle2, Clock3, MessageSquare, PauseCircle, Star } from 'lucide-react';\nimport { useLocation, useNavigate } from 'react-router';\nimport { useCrewFoundryStore, type MarketplaceService } from '../store/crewfoundryStore';\nimport { RatingStars, getInitials } from '../components/viz';\n\n/** Honest availability derived from the real service `status` enum (never \"Booked\"). */\nfunction availabilityOf(status: MarketplaceService['status']): {\n  label: string;\n  icon: typeof CheckCircle2;\n  className: string;\n} {\n  switch (status) {\n    case 'active':\n      return {\n        label: 'Available for new projects',\n        icon: CheckCircle2,\n        className: 'text-status-success-text',\n      };\n    case 'pending':\n      return { label: 'Pending review', icon: Clock3, className: 'text-status-warning-text' };\n    default:\n      return {\n        label: 'Not currently available',\n        icon: PauseCircle,\n        className: 'text-text-secondary',\n      };\n  }\n}\n\nexport function MarketplaceServiceDetailsPagePage() {\n  const navigate = useNavigate();\n  const location = useLocation();\n  const { marketplaceServices, initialized } = useCrewFoundryStore();\n  const selectedId = new URLSearchParams(location.search).get('id');\n  const svc = marketplaceServices.find((s) => s.id === selectedId) ?? marketplaceServices[0];\n\n  // Real \"packages\": every service this same provider actually offers. The\n  // backend exposes a single price per service (no synthetic tiers), so each\n  // package is a genuine listing — the viewed service is pre-selected.\n  const providerPackages = useMemo(\n    () =>\n      svc\n        ? marketplaceServices.filter((s) => s.provider === svc.provider)\n        : ([] as MarketplaceService[]),\n    [marketplaceServices, svc]\n  );\n\n  const [selectedPackageId, setSelectedPackageId] = useState<string | null>(null);\n  const today = new Date().toISOString().slice(0, 10);\n  const [bookingDate, setBookingDate] = useState(today);\n\n  if (!initialized && !svc) {\n    return (\n      <div className=\"flex min-h-[60vh] items-center justify-center p-6\">\n        <Spinner size=\"lg\" />\n      </div>\n    );\n  }\n\n  if (!svc) {\n    return (\n      <div className=\"p-6\">\n        <IllustratedEmptyState\n          illustration=\"empty-search\"\n          title=\"Service not found\"\n          description=\"This service is no longer available.\"\n        />\n      </div>\n    );\n  }\n\n  const selectedPackage = providerPackages.find((p) => p.id === selectedPackageId) ?? svc;\n  const availability = availabilityOf(svc.status);\n  const AvailabilityIcon = availability.icon;\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"text-xs text-text-secondary\">\n        <button\n          type=\"button\"\n          className=\"hover:text-text-primary\"\n          onClick={() => navigate('../marketplace/marketplace-page')}\n        >\n          Marketplace\n        </button>\n        <span className=\"mx-1\">/</span>\n        <span className=\"text-text-primary\">{svc.title}</span>\n      </div>\n\n      <div className=\"grid gap-6 lg:grid-cols-3\">\n        {/* ── Left: provider + service detail ─────────────────────────── */}\n        <div className=\"space-y-6 lg:col-span-2\">\n          <div className=\"flex flex-col gap-4 sm:flex-row sm:items-start\">\n            <span\n              className=\"flex h-20 w-20 shrink-0 items-center justify-center rounded-full bg-action-primary-bg text-2xl font-semibold text-action-primary-text\"\n              aria-hidden=\"true\"\n            >\n              {getInitials(svc.provider)}\n            </span>\n            <div className=\"min-w-0 flex-1 space-y-2\">\n              <h1 className=\"text-2xl font-semibold\">\n                <GradientText>{svc.provider}</GradientText>\n              </h1>\n              <p className=\"text-sm text-text-secondary\">{svc.title}</p>\n              <div className=\"flex flex-wrap items-center gap-3\">\n                <RatingStars value={svc.rating} count={svc.reviews} showValue size={16} />\n                <span className=\"flex items-center gap-1 text-xs text-text-secondary\">\n                  <Clock3 className=\"h-3 w-3\" />\n                  {svc.deliveryTime}\n                </span>\n                <Badge variant=\"outline\" className=\"text-[10px]\">\n                  {svc.category}\n                </Badge>\n              </div>\n              <div className=\"flex flex-wrap gap-1.5 pt-1\">\n                {svc.skills.map((skill) => (\n                  <Badge key={skill} variant=\"secondary\" className=\"text-xs\">\n                    {skill}\n                  </Badge>\n                ))}\n              </div>\n            </div>\n          </div>\n\n          <PagePurpose>\n            See exactly what this service includes, what it costs, and how others rated it — use the\n            booking panel to pick a package and request an engagement.\n          </PagePurpose>\n\n          <EmphasisPanel>\n            <div className=\"mb-2 text-lg font-semibold\">About this service</div>\n            <p className=\"text-sm text-text-secondary\">{svc.description}</p>\n          </EmphasisPanel>\n\n          {/* Services offered — real listings from this provider */}\n          <div className=\"space-y-3\">\n            <h2 className=\"text-lg font-semibold\">Services offered</h2>\n            <div className=\"grid gap-3 sm:grid-cols-2 xl:grid-cols-3\">\n              {providerPackages.map((pkg) => {\n                const active = pkg.id === selectedPackage.id;\n                return (\n                  <button\n                    key={pkg.id}\n                    type=\"button\"\n                    onClick={() => setSelectedPackageId(pkg.id)}\n                    aria-pressed={active}\n                    className={`flex flex-col rounded-lg border p-4 text-left transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)] ${\n                      active\n                        ? 'border-action-primary-bg bg-action-primary-bg/5'\n                        : 'border-border-subtle hover:bg-bg-sunken/50'\n                    }`}\n                  >\n                    <div className=\"flex items-start justify-between gap-2\">\n                      <p className=\"text-sm font-semibold\">{pkg.title}</p>\n                      <span className=\"whitespace-nowrap text-[11px] text-text-secondary\">\n                        {pkg.deliveryTime}\n                      </span>\n                    </div>\n                    <p className=\"mt-1 text-xl font-bold tabular-nums\">\n                      ${pkg.price.toLocaleString()}\n                      <span className=\"text-xs font-normal text-text-secondary\">\n                        /{pkg.priceType}\n                      </span>\n                    </p>\n                    <p className=\"mt-2 line-clamp-3 text-xs text-text-secondary\">\n                      {pkg.description}\n                    </p>\n                  </button>\n                );\n              })}\n            </div>\n          </div>\n\n          {/* Reviews — backend stores only an aggregate rating + count, not\n              individual review bodies, so we report that honestly rather than\n              inventing reviewer cards. */}\n          <div className=\"space-y-3\">\n            <h2 className=\"text-lg font-semibold\">Reviews</h2>\n            <Card>\n              <CardContent className=\"flex flex-col items-center gap-2 p-6 text-center\">\n                <div className=\"flex items-center gap-2\">\n                  <Star className=\"h-6 w-6 text-status-warning-text\" fill=\"currentColor\" />\n                  <span className=\"text-2xl font-bold tabular-nums\">{svc.rating.toFixed(1)}</span>\n                  <span className=\"text-sm text-text-secondary\">/ 5</span>\n                </div>\n                <p className=\"text-sm text-text-secondary\">\n                  Based on {svc.reviews.toLocaleString()} {svc.reviews === 1 ? 'review' : 'reviews'}\n                  . Individual review notes aren&apos;t published for this listing yet.\n                </p>\n              </CardContent>\n            </Card>\n          </div>\n        </div>\n\n        {/* ── Right: sticky booking panel ─────────────────────────────── */}\n        <div className=\"lg:col-span-1\">\n          <Card className=\"lg:sticky lg:top-6\">\n            <CardHeader>\n              <CardTitle className=\"text-lg\">Book this service</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-5\">\n              <fieldset className=\"space-y-2\">\n                <legend className=\"mb-1 text-sm font-medium\">Package</legend>\n                {providerPackages.map((pkg) => {\n                  const active = pkg.id === selectedPackage.id;\n                  return (\n                    <button\n                      key={pkg.id}\n                      type=\"button\"\n                      onClick={() => setSelectedPackageId(pkg.id)}\n                      aria-pressed={active}\n                      className={`flex w-full items-center justify-between gap-3 rounded-lg border px-3 py-2.5 text-left transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)] ${\n                        active\n                          ? 'border-action-primary-bg bg-action-primary-bg/5'\n                          : 'border-border-subtle hover:bg-bg-sunken/50'\n                      }`}\n                    >\n                      <span className=\"flex items-center gap-2 min-w-0\">\n                        <span\n                          className={`flex h-4 w-4 shrink-0 items-center justify-center rounded-full border ${\n                            active ? 'border-action-primary-bg' : 'border-border-strong'\n                          }`}\n                          aria-hidden=\"true\"\n                        >\n                          {active ? (\n                            <span className=\"h-2 w-2 rounded-full bg-action-primary-bg\" />\n                          ) : null}\n                        </span>\n                        <span className=\"truncate text-sm\">{pkg.title}</span>\n                      </span>\n                      <span className=\"whitespace-nowrap text-sm font-semibold tabular-nums\">\n                        ${pkg.price.toLocaleString()}\n                      </span>\n                    </button>\n                  );\n                })}\n              </fieldset>\n\n              <div className=\"space-y-1.5\">\n                <label htmlFor=\"booking-date\" className=\"text-sm font-medium\">\n                  Date\n                </label>\n                <div className=\"relative\">\n                  <CalendarDays className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n                  <Input\n                    id=\"booking-date\"\n                    type=\"date\"\n                    min={today}\n                    value={bookingDate}\n                    onChange={(event) => setBookingDate(event.target.value)}\n                    className=\"pl-9\"\n                  />\n                </div>\n              </div>\n\n              <div className=\"flex items-center justify-between border-t border-border-subtle pt-3\">\n                <span className=\"text-sm font-medium\">Total price</span>\n                <span className=\"text-lg font-bold tabular-nums\">\n                  ${selectedPackage.price.toLocaleString()}\n                  <span className=\"text-xs font-normal text-text-secondary\">\n                    /{selectedPackage.priceType}\n                  </span>\n                </span>\n              </div>\n\n              <div className=\"space-y-2\">\n                {/* No createCrewBooking mutation exists in the backend yet, so\n                    Book Now stays an honest disabled control — the panel is\n                    fully interactive but does not fake a booking. */}\n                <Button\n                  className=\"w-full\"\n                  disabled\n                  title=\"Booking is coming soon\"\n                  aria-label=\"Book now — coming soon\"\n                >\n                  Book Now · Coming soon\n                </Button>\n                <Button\n                  variant=\"outline\"\n                  className=\"w-full\"\n                  onClick={() => navigate('../marketplace/messaging-page')}\n                >\n                  <MessageSquare className=\"mr-1 h-4 w-4\" />\n                  Message\n                </Button>\n              </div>\n\n              <p\n                className={`flex items-center justify-center gap-1.5 text-xs ${availability.className}`}\n              >\n                <AvailabilityIcon className=\"h-3.5 w-3.5\" />\n                {availability.label}\n              </p>\n            </CardContent>\n          </Card>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/crewfoundry/pages/PaymentsPaymentDashboardPagePage.js

@@ -1,7 +1,7 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
 import { formatEnumLabel as t } from "../utils/formatEnumLabel.js";
 import { CreditCard as n, DollarSign as r, Receipt as i, TrendingUp as a } from "lucide-react";
-import { useNavigate as o } from "react-router-dom";
+import { useNavigate as o } from "react-router";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 import { Badge as l, Button as u, Card as d, CardContent as f, CardHeader as p, CardTitle as m, GlassCard as h, GradientText as g, IllustratedEmptyState as _, PagePurpose as v, ResponsiveTable as y } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/PaymentsPaymentDashboardPagePage.tsx

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

@@ -1 +1 @@
-{"version":3,"file":"PaymentsPaymentDashboardPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/PaymentsPaymentDashboardPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  PagePurpose,\n  ResponsiveTable,\n  type ResponsiveTableColumn,\n} from '@burdenoff/fe-libs/ui';\nimport { CreditCard, DollarSign, Receipt, TrendingUp } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport { useCrewFoundryStore, type Invoice } from '../store/crewfoundryStore';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\n\nconst RECENT_LIMIT = 5;\n\nconst statusVariant = (status: Invoice['status']) =>\n  status === 'paid' ? 'default' : status === 'overdue' ? 'destructive' : 'secondary';\n\nexport function PaymentsPaymentDashboardPagePage() {\n  const navigate = useNavigate();\n  const { invoices, payrollRecords } = useCrewFoundryStore();\n  const totalInvoiced = invoices.reduce((s, i) => s + i.amount, 0);\n  const totalPaid = invoices.filter((i) => i.status === 'paid').reduce((s, i) => s + i.amount, 0);\n  const totalPayroll = payrollRecords.reduce((s, r) => s + r.grossPay, 0);\n\n  const recentInvoices = [...invoices]\n    .sort((a, b) => (b.issueDate ?? '').localeCompare(a.issueDate ?? ''))\n    .slice(0, RECENT_LIMIT);\n\n  const columns: ResponsiveTableColumn<Invoice>[] = [\n    {\n      key: 'number',\n      header: 'Invoice',\n      priority: 'primary',\n      cell: (inv) => <span className=\"font-medium\">{inv.number}</span>,\n    },\n    {\n      key: 'client',\n      header: 'Client',\n      priority: 'secondary',\n      cell: (inv) => <span className=\"text-text-secondary\">{inv.clientName}</span>,\n    },\n    {\n      key: 'amount',\n      header: 'Amount',\n      priority: 'secondary',\n      headerClassName: 'text-right',\n      cellClassName: 'text-right',\n      cell: (inv) => <span>${inv.amount.toLocaleString()}</span>,\n    },\n    {\n      key: 'dueDate',\n      header: 'Due Date',\n      priority: 'hidden-on-mobile',\n      cell: (inv) => <span className=\"text-text-secondary\">{inv.dueDate}</span>,\n    },\n    {\n      key: 'status',\n      header: 'Status',\n      priority: 'secondary',\n      cell: (inv) => (\n        <Badge variant={statusVariant(inv.status)} className=\"text-[10px]\">\n          {formatEnumLabel(inv.status)}\n        </Badge>\n      ),\n    },\n  ];\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">\n          <GradientText>Payment Dashboard</GradientText>\n        </h1>\n        <p className=\"text-sm text-text-secondary\">Financial transactions and payment overview</p>\n        <PagePurpose className=\"mt-1\">\n          A snapshot of all money movement — incoming payments, payouts, and balances so you\n          understand your financial position at a glance.\n        </PagePurpose>\n      </div>\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-4\">\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Total Invoiced</CardTitle>\n            <Receipt className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">${totalInvoiced.toLocaleString()}</div>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Collected</CardTitle>\n            <DollarSign className=\"h-4 w-4 text-status-success-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">${totalPaid.toLocaleString()}</div>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Payroll Processed</CardTitle>\n            <CreditCard className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">${totalPayroll.toLocaleString()}</div>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Outstanding</CardTitle>\n            <TrendingUp className=\"h-4 w-4 text-status-warning-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">\n              ${(totalInvoiced - totalPaid).toLocaleString()}\n            </div>\n          </CardContent>\n        </GlassCard>\n      </div>\n      <Card>\n        <CardHeader className=\"flex flex-row items-center justify-between space-y-0\">\n          <CardTitle>Recent Invoices</CardTitle>\n          {invoices.length > RECENT_LIMIT && (\n            <Button variant=\"ghost\" size=\"sm\" onClick={() => navigate('../payments/invoices-page')}>\n              View all\n            </Button>\n          )}\n        </CardHeader>\n        <CardContent>\n          <ResponsiveTable\n            data={recentInvoices}\n            rowKey={(inv) => inv.id}\n            columns={columns}\n            emptyState={\n              <IllustratedEmptyState\n                illustration=\"empty-data\"\n                title=\"No invoices yet\"\n                description=\"Invoices you create will show up here.\"\n              />\n            }\n          />\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"PaymentsPaymentDashboardPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/PaymentsPaymentDashboardPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  PagePurpose,\n  ResponsiveTable,\n  type ResponsiveTableColumn,\n} from '@burdenoff/fe-libs/ui';\nimport { CreditCard, DollarSign, Receipt, TrendingUp } from 'lucide-react';\nimport { useNavigate } from 'react-router';\nimport { useCrewFoundryStore, type Invoice } from '../store/crewfoundryStore';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\n\nconst RECENT_LIMIT = 5;\n\nconst statusVariant = (status: Invoice['status']) =>\n  status === 'paid' ? 'default' : status === 'overdue' ? 'destructive' : 'secondary';\n\nexport function PaymentsPaymentDashboardPagePage() {\n  const navigate = useNavigate();\n  const { invoices, payrollRecords } = useCrewFoundryStore();\n  const totalInvoiced = invoices.reduce((s, i) => s + i.amount, 0);\n  const totalPaid = invoices.filter((i) => i.status === 'paid').reduce((s, i) => s + i.amount, 0);\n  const totalPayroll = payrollRecords.reduce((s, r) => s + r.grossPay, 0);\n\n  const recentInvoices = [...invoices]\n    .sort((a, b) => (b.issueDate ?? '').localeCompare(a.issueDate ?? ''))\n    .slice(0, RECENT_LIMIT);\n\n  const columns: ResponsiveTableColumn<Invoice>[] = [\n    {\n      key: 'number',\n      header: 'Invoice',\n      priority: 'primary',\n      cell: (inv) => <span className=\"font-medium\">{inv.number}</span>,\n    },\n    {\n      key: 'client',\n      header: 'Client',\n      priority: 'secondary',\n      cell: (inv) => <span className=\"text-text-secondary\">{inv.clientName}</span>,\n    },\n    {\n      key: 'amount',\n      header: 'Amount',\n      priority: 'secondary',\n      headerClassName: 'text-right',\n      cellClassName: 'text-right',\n      cell: (inv) => <span>${inv.amount.toLocaleString()}</span>,\n    },\n    {\n      key: 'dueDate',\n      header: 'Due Date',\n      priority: 'hidden-on-mobile',\n      cell: (inv) => <span className=\"text-text-secondary\">{inv.dueDate}</span>,\n    },\n    {\n      key: 'status',\n      header: 'Status',\n      priority: 'secondary',\n      cell: (inv) => (\n        <Badge variant={statusVariant(inv.status)} className=\"text-[10px]\">\n          {formatEnumLabel(inv.status)}\n        </Badge>\n      ),\n    },\n  ];\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">\n          <GradientText>Payment Dashboard</GradientText>\n        </h1>\n        <p className=\"text-sm text-text-secondary\">Financial transactions and payment overview</p>\n        <PagePurpose className=\"mt-1\">\n          A snapshot of all money movement — incoming payments, payouts, and balances so you\n          understand your financial position at a glance.\n        </PagePurpose>\n      </div>\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-4\">\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Total Invoiced</CardTitle>\n            <Receipt className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">${totalInvoiced.toLocaleString()}</div>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Collected</CardTitle>\n            <DollarSign className=\"h-4 w-4 text-status-success-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">${totalPaid.toLocaleString()}</div>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Payroll Processed</CardTitle>\n            <CreditCard className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">${totalPayroll.toLocaleString()}</div>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Outstanding</CardTitle>\n            <TrendingUp className=\"h-4 w-4 text-status-warning-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">\n              ${(totalInvoiced - totalPaid).toLocaleString()}\n            </div>\n          </CardContent>\n        </GlassCard>\n      </div>\n      <Card>\n        <CardHeader className=\"flex flex-row items-center justify-between space-y-0\">\n          <CardTitle>Recent Invoices</CardTitle>\n          {invoices.length > RECENT_LIMIT && (\n            <Button variant=\"ghost\" size=\"sm\" onClick={() => navigate('../payments/invoices-page')}>\n              View all\n            </Button>\n          )}\n        </CardHeader>\n        <CardContent>\n          <ResponsiveTable\n            data={recentInvoices}\n            rowKey={(inv) => inv.id}\n            columns={columns}\n            emptyState={\n              <IllustratedEmptyState\n                illustration=\"empty-data\"\n                title=\"No invoices yet\"\n                description=\"Invoices you create will show up here.\"\n              />\n            }\n          />\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAmBA,IAAM,IAAe,GAEf,KAAiB,MACrB,MAAW,SAAS,YAAY,MAAW,YAAY,gBAAgB;AAEzE,SAAgB,IAAmC;CACjD,IAAM,IAAW,GAAa,EACxB,EAAE,aAAU,sBAAmB,GAAqB,EACpD,IAAgB,EAAS,QAAQ,GAAG,MAAM,IAAI,EAAE,QAAQ,EAAE,EAC1D,IAAY,EAAS,QAAQ,MAAM,EAAE,WAAW,OAAO,CAAC,QAAQ,GAAG,MAAM,IAAI,EAAE,QAAQ,EAAE,EACzF,IAAe,EAAe,QAAQ,GAAG,MAAM,IAAI,EAAE,UAAU,EAAE,EAEjE,IAAiB,CAAC,GAAG,EAAS,CACjC,MAAM,GAAG,OAAO,EAAE,aAAa,IAAI,cAAc,EAAE,aAAa,GAAG,CAAC,CACpE,MAAM,GAAG,EAAa;AAyCzB,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD,EAAA,UAAA;IACE,kBAAC,MAAD;KAAI,WAAU;eACZ,kBAAC,GAAD,EAAA,UAAc,qBAAgC,CAAA;KAC3C,CAAA;IACL,kBAAC,KAAD;KAAG,WAAU;eAA8B;KAA+C,CAAA;IAC1F,kBAAC,GAAD;KAAa,WAAU;eAAO;KAGhB,CAAA;IACV,EAAA,CAAA;GACN,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD;MAAW,WAAU;MAAQ,MAAA;MAAK,WAAU;gBAA5C,CACE,kBAAC,GAAD;OAAY,WAAU;iBAAtB,CACE,kBAAC,GAAD;QAAW,WAAU;kBAAsB;QAA0B,CAAA,EACrE,kBAAC,GAAD,EAAS,WAAU,+BAAgC,CAAA,CACxC;UACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CAAiD,KAAE,EAAc,gBAAgB,CAAO;UAC5E,CAAA,CACJ;;KACZ,kBAAC,GAAD;MAAW,WAAU;MAAS,WAAU;gBAAxC,CACE,kBAAC,GAAD;OAAY,WAAU;iBAAtB,CACE,kBAAC,GAAD;QAAW,WAAU;kBAAsB;QAAqB,CAAA,EAChE,kBAAC,GAAD,EAAY,WAAU,oCAAqC,CAAA,CAChD;UACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CAAiD,KAAE,EAAU,gBAAgB,CAAO;UACxE,CAAA,CACJ;;KACZ,kBAAC,GAAD;MAAW,WAAU;MAAS,WAAU;gBAAxC,CACE,kBAAC,GAAD;OAAY,WAAU;iBAAtB,CACE,kBAAC,GAAD;QAAW,WAAU;kBAAsB;QAA6B,CAAA,EACxE,kBAAC,GAAD,EAAY,WAAU,+BAAgC,CAAA,CAC3C;UACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CAAiD,KAAE,EAAa,gBAAgB,CAAO;UAC3E,CAAA,CACJ;;KACZ,kBAAC,GAAD;MAAW,WAAU;MAAS,WAAU;gBAAxC,CACE,kBAAC,GAAD;OAAY,WAAU;iBAAtB,CACE,kBAAC,GAAD;QAAW,WAAU;kBAAsB;QAAuB,CAAA,EAClE,kBAAC,GAAD,EAAY,WAAU,oCAAqC,CAAA,CAChD;UACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CAAiD,MAC5C,IAAgB,GAAW,gBAAgB,CAC1C;UACM,CAAA,CACJ;;KACR;;GACN,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;IAAY,WAAU;cAAtB,CACE,kBAAC,GAAD,EAAA,UAAW,mBAA2B,CAAA,EACrC,EAAS,SAAS,KACjB,kBAAC,GAAD;KAAQ,SAAQ;KAAQ,MAAK;KAAK,eAAe,EAAS,4BAA4B;eAAE;KAE/E,CAAA,CAEA;OACb,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IACE,MAAM;IACN,SAAS,MAAQ,EAAI;IACZ,SAxG+B;KAChD;MACE,KAAK;MACL,QAAQ;MACR,UAAU;MACV,OAAO,MAAQ,kBAAC,QAAD;OAAM,WAAU;iBAAe,EAAI;OAAc,CAAA;MACjE;KACD;MACE,KAAK;MACL,QAAQ;MACR,UAAU;MACV,OAAO,MAAQ,kBAAC,QAAD;OAAM,WAAU;iBAAuB,EAAI;OAAkB,CAAA;MAC7E;KACD;MACE,KAAK;MACL,QAAQ;MACR,UAAU;MACV,iBAAiB;MACjB,eAAe;MACf,OAAO,MAAQ,kBAAC,QAAD,EAAA,UAAA,CAAM,KAAE,EAAI,OAAO,gBAAgB,CAAQ,EAAA,CAAA;MAC3D;KACD;MACE,KAAK;MACL,QAAQ;MACR,UAAU;MACV,OAAO,MAAQ,kBAAC,QAAD;OAAM,WAAU;iBAAuB,EAAI;OAAe,CAAA;MAC1E;KACD;MACE,KAAK;MACL,QAAQ;MACR,UAAU;MACV,OAAO,MACL,kBAAC,GAAD;OAAO,SAAS,EAAc,EAAI,OAAO;OAAE,WAAU;iBAClD,EAAgB,EAAI,OAAO;OACtB,CAAA;MAEX;KACF;IAoES,YACE,kBAAC,GAAD;KACE,cAAa;KACb,OAAM;KACN,aAAY;KACZ,CAAA;IAEJ,CAAA,EACU,CAAA,CACT,EAAA,CAAA;GACH"}

package/dist/crewfoundry/pages/PaymentsPaymentMethodsPagePage.js

@@ -1,7 +1,7 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
 import { formatEnumLabel as t } from "../utils/formatEnumLabel.js";
 import { Building2 as n, CreditCard as r, ExternalLink as i } from "lucide-react";
-import { useNavigate as a } from "react-router-dom";
+import { useNavigate as a } from "react-router";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 import { Badge as c, Button as l, CardContent as u, GlassCard as d, GradientText as f, IllustratedEmptyState as p, PagePurpose as m } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/PaymentsPaymentMethodsPagePage.tsx

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

@@ -1 +1 @@
-{"version":3,"file":"PaymentsPaymentMethodsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/PaymentsPaymentMethodsPagePage.tsx"],"sourcesContent":["import { useNavigate } from 'react-router-dom';\nimport {\n  Badge,\n  Button,\n  CardContent,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { Building2, CreditCard, ExternalLink } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\n\n// Payment methods are owned by the platform Billing module (global billing\n// account), not by CrewFoundry. We read the real methods surfaced via the\n// billing overlap and send all add/manage actions to Billing settings — there\n// is deliberately no crew-local payment-method store.\nconst BILLING_PAYMENT_METHODS_ROUTE = '/billing/payment-methods';\n\nexport function PaymentsPaymentMethodsPagePage() {\n  const navigate = useNavigate();\n  const { paymentMethods } = useCrewFoundryStore();\n\n  const goToBilling = () => navigate(BILLING_PAYMENT_METHODS_ROUTE);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>Payment Methods</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">Managed in your platform Billing settings</p>\n          <PagePurpose className=\"mt-1\">\n            Manage how you pay and get paid — cards, bank accounts, and payout methods are held\n            securely in Billing settings.\n          </PagePurpose>\n        </div>\n        <Button size=\"sm\" onClick={goToBilling}>\n          <ExternalLink className=\"mr-1 h-4 w-4\" />\n          Manage in Billing settings\n        </Button>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2\">\n        {paymentMethods.length === 0 ? (\n          <div className=\"col-span-full\">\n            <IllustratedEmptyState\n              illustration=\"empty-generic\"\n              title=\"No payment methods\"\n              description=\"Payment methods live in your platform Billing settings. Add a card or bank account there to pay and get paid.\"\n              action={\n                <Button size=\"sm\" onClick={goToBilling}>\n                  <ExternalLink className=\"mr-1 h-4 w-4\" />\n                  Open Billing settings\n                </Button>\n              }\n            />\n          </div>\n        ) : (\n          paymentMethods.map((method, _idx) => (\n            <GlassCard key={method.id} treatment={_idx === 0 ? 'glass' : 'plain'} glow={_idx === 0}>\n              <CardContent className=\"p-4\">\n                <div className=\"mb-3 flex items-center justify-between\">\n                  <div className=\"flex items-center gap-2\">\n                    {method.type === 'bank' ? (\n                      <Building2 className=\"h-5 w-5 text-text-secondary\" />\n                    ) : (\n                      <CreditCard className=\"h-5 w-5 text-text-secondary\" />\n                    )}\n                    <div>\n                      <p className=\"text-sm font-medium\">{method.name}</p>\n                      <p className=\"text-xs text-text-secondary\">{method.bank}</p>\n                    </div>\n                  </div>\n                  <Badge\n                    variant={method.status === 'primary' ? 'default' : 'secondary'}\n                    className=\"text-[10px]\"\n                  >\n                    {formatEnumLabel(method.status)}\n                  </Badge>\n                </div>\n                <div className=\"flex items-center justify-between text-sm text-text-secondary\">\n                  <span>•••• •••• •••• {method.last4}</span>\n                  {method.expiry ? <span>Exp: {method.expiry}</span> : null}\n                </div>\n              </CardContent>\n            </GlassCard>\n          ))\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAkBA,IAAM,IAAgC;AAEtC,SAAgB,IAAiC;CAC/C,IAAM,IAAW,GAAa,EACxB,EAAE,sBAAmB,GAAqB,EAE1C,UAAoB,EAAS,EAA8B;AAEjE,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD,EAAA,UAAA;IACE,kBAAC,MAAD;KAAI,WAAU;eACZ,kBAAC,GAAD,EAAA,UAAc,mBAA8B,CAAA;KACzC,CAAA;IACL,kBAAC,KAAD;KAAG,WAAU;eAA8B;KAA6C,CAAA;IACxF,kBAAC,GAAD;KAAa,WAAU;eAAO;KAGhB,CAAA;IACV,EAAA,CAAA,EACN,kBAAC,GAAD;IAAQ,MAAK;IAAK,SAAS;cAA3B,CACE,kBAAC,GAAD,EAAc,WAAU,gBAAiB,CAAA,EAAA,6BAElC;MACL;MAEN,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAe,WAAW,IACzB,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD;KACE,cAAa;KACb,OAAM;KACN,aAAY;KACZ,QACE,kBAAC,GAAD;MAAQ,MAAK;MAAK,SAAS;gBAA3B,CACE,kBAAC,GAAD,EAAc,WAAU,gBAAiB,CAAA,EAAA,wBAElC;;KAEX,CAAA;IACE,CAAA,GAEN,EAAe,KAAK,GAAQ,MAC1B,kBAAC,GAAD;IAA2B,WAAW,MAAS,IAAI,UAAU;IAAS,MAAM,MAAS;cACnF,kBAAC,GAAD;KAAa,WAAU;eAAvB,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACG,EAAO,SAAS,SACf,kBAAC,GAAD,EAAW,WAAU,+BAAgC,CAAA,GAErD,kBAAC,GAAD,EAAY,WAAU,+BAAgC,CAAA,EAExD,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;QAAG,WAAU;kBAAuB,EAAO;QAAS,CAAA,EACpD,kBAAC,KAAD;QAAG,WAAU;kBAA+B,EAAO;QAAS,CAAA,CACxD,EAAA,CAAA,CACF;UACN,kBAAC,GAAD;OACE,SAAS,EAAO,WAAW,YAAY,YAAY;OACnD,WAAU;iBAET,EAAgB,EAAO,OAAO;OACzB,CAAA,CACJ;SACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD,EAAA,UAAA,CAAM,mBAAgB,EAAO,MAAa,EAAA,CAAA,EACzC,EAAO,SAAS,kBAAC,QAAD,EAAA,UAAA,CAAM,SAAM,EAAO,OAAc,EAAA,CAAA,GAAG,KACjD;QACM;;IACJ,EA1BI,EAAO,GA0BX,CACZ;GAEA,CAAA,CACF"}
+{"version":3,"file":"PaymentsPaymentMethodsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/PaymentsPaymentMethodsPagePage.tsx"],"sourcesContent":["import { useNavigate } from 'react-router';\nimport {\n  Badge,\n  Button,\n  CardContent,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { Building2, CreditCard, ExternalLink } from 'lucide-react';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\n\n// Payment methods are owned by the platform Billing module (global billing\n// account), not by CrewFoundry. We read the real methods surfaced via the\n// billing overlap and send all add/manage actions to Billing settings — there\n// is deliberately no crew-local payment-method store.\nconst BILLING_PAYMENT_METHODS_ROUTE = '/billing/payment-methods';\n\nexport function PaymentsPaymentMethodsPagePage() {\n  const navigate = useNavigate();\n  const { paymentMethods } = useCrewFoundryStore();\n\n  const goToBilling = () => navigate(BILLING_PAYMENT_METHODS_ROUTE);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>Payment Methods</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">Managed in your platform Billing settings</p>\n          <PagePurpose className=\"mt-1\">\n            Manage how you pay and get paid — cards, bank accounts, and payout methods are held\n            securely in Billing settings.\n          </PagePurpose>\n        </div>\n        <Button size=\"sm\" onClick={goToBilling}>\n          <ExternalLink className=\"mr-1 h-4 w-4\" />\n          Manage in Billing settings\n        </Button>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-2\">\n        {paymentMethods.length === 0 ? (\n          <div className=\"col-span-full\">\n            <IllustratedEmptyState\n              illustration=\"empty-generic\"\n              title=\"No payment methods\"\n              description=\"Payment methods live in your platform Billing settings. Add a card or bank account there to pay and get paid.\"\n              action={\n                <Button size=\"sm\" onClick={goToBilling}>\n                  <ExternalLink className=\"mr-1 h-4 w-4\" />\n                  Open Billing settings\n                </Button>\n              }\n            />\n          </div>\n        ) : (\n          paymentMethods.map((method, _idx) => (\n            <GlassCard key={method.id} treatment={_idx === 0 ? 'glass' : 'plain'} glow={_idx === 0}>\n              <CardContent className=\"p-4\">\n                <div className=\"mb-3 flex items-center justify-between\">\n                  <div className=\"flex items-center gap-2\">\n                    {method.type === 'bank' ? (\n                      <Building2 className=\"h-5 w-5 text-text-secondary\" />\n                    ) : (\n                      <CreditCard className=\"h-5 w-5 text-text-secondary\" />\n                    )}\n                    <div>\n                      <p className=\"text-sm font-medium\">{method.name}</p>\n                      <p className=\"text-xs text-text-secondary\">{method.bank}</p>\n                    </div>\n                  </div>\n                  <Badge\n                    variant={method.status === 'primary' ? 'default' : 'secondary'}\n                    className=\"text-[10px]\"\n                  >\n                    {formatEnumLabel(method.status)}\n                  </Badge>\n                </div>\n                <div className=\"flex items-center justify-between text-sm text-text-secondary\">\n                  <span>•••• •••• •••• {method.last4}</span>\n                  {method.expiry ? <span>Exp: {method.expiry}</span> : null}\n                </div>\n              </CardContent>\n            </GlassCard>\n          ))\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAkBA,IAAM,IAAgC;AAEtC,SAAgB,IAAiC;CAC/C,IAAM,IAAW,GAAa,EACxB,EAAE,sBAAmB,GAAqB,EAE1C,UAAoB,EAAS,EAA8B;AAEjE,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD,EAAA,UAAA;IACE,kBAAC,MAAD;KAAI,WAAU;eACZ,kBAAC,GAAD,EAAA,UAAc,mBAA8B,CAAA;KACzC,CAAA;IACL,kBAAC,KAAD;KAAG,WAAU;eAA8B;KAA6C,CAAA;IACxF,kBAAC,GAAD;KAAa,WAAU;eAAO;KAGhB,CAAA;IACV,EAAA,CAAA,EACN,kBAAC,GAAD;IAAQ,MAAK;IAAK,SAAS;cAA3B,CACE,kBAAC,GAAD,EAAc,WAAU,gBAAiB,CAAA,EAAA,6BAElC;MACL;MAEN,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAe,WAAW,IACzB,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD;KACE,cAAa;KACb,OAAM;KACN,aAAY;KACZ,QACE,kBAAC,GAAD;MAAQ,MAAK;MAAK,SAAS;gBAA3B,CACE,kBAAC,GAAD,EAAc,WAAU,gBAAiB,CAAA,EAAA,wBAElC;;KAEX,CAAA;IACE,CAAA,GAEN,EAAe,KAAK,GAAQ,MAC1B,kBAAC,GAAD;IAA2B,WAAW,MAAS,IAAI,UAAU;IAAS,MAAM,MAAS;cACnF,kBAAC,GAAD;KAAa,WAAU;eAAvB,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACG,EAAO,SAAS,SACf,kBAAC,GAAD,EAAW,WAAU,+BAAgC,CAAA,GAErD,kBAAC,GAAD,EAAY,WAAU,+BAAgC,CAAA,EAExD,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;QAAG,WAAU;kBAAuB,EAAO;QAAS,CAAA,EACpD,kBAAC,KAAD;QAAG,WAAU;kBAA+B,EAAO;QAAS,CAAA,CACxD,EAAA,CAAA,CACF;UACN,kBAAC,GAAD;OACE,SAAS,EAAO,WAAW,YAAY,YAAY;OACnD,WAAU;iBAET,EAAgB,EAAO,OAAO;OACzB,CAAA,CACJ;SACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD,EAAA,UAAA,CAAM,mBAAgB,EAAO,MAAa,EAAA,CAAA,EACzC,EAAO,SAAS,kBAAC,QAAD,EAAA,UAAA,CAAM,SAAM,EAAO,OAAc,EAAA,CAAA,GAAG,KACjD;QACM;;IACJ,EA1BI,EAAO,GA0BX,CACZ;GAEA,CAAA,CACF"}

package/dist/crewfoundry/pages/ProjectsCreateProjectPagePage.js

@@ -1,7 +1,7 @@
 import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
 import { useState as t } from "react";
 import { FolderKanban as n, Save as r } from "lucide-react";
-import { useNavigate as i } from "react-router-dom";
+import { useNavigate as i } from "react-router";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 import { Button as s, EmphasisPanel as c, GradientText as l, Input as u, PagePurpose as d, Textarea as f } from "@burdenoff/fe-libs/ui";
 import { useGlobalUi as p } from "@burdenoff/fe-libs/shared/providers/shell";

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectsCreateProjectPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/ProjectsCreateProjectPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  Button,\n  EmphasisPanel,\n  GradientText,\n  Input,\n  PagePurpose,\n  Textarea,\n} from '@burdenoff/fe-libs/ui';\nimport { useGlobalUi } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { FolderKanban, Save } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport { useCrewFoundryStore, type Project } from '../store/crewfoundryStore';\n\nexport function ProjectsCreateProjectPagePage() {\n  const navigate = useNavigate();\n  const { showToast } = useGlobalUi();\n  const addProject = useCrewFoundryStore((state) => state.addProject);\n  const teams = useCrewFoundryStore((state) => state.teams);\n\n  const [name, setName] = useState('');\n  const [description, setDescription] = useState('');\n  const [startDate, setStartDate] = useState('');\n  const [endDate, setEndDate] = useState('');\n  const [budget, setBudget] = useState('');\n  const [teamId, setTeamId] = useState('');\n  const [submitting, setSubmitting] = useState(false);\n\n  const handleCreate = async (status: Project['status']) => {\n    if (submitting) return;\n    if (name.trim() === '') {\n      showToast('Project Name is required', 'warning');\n      return;\n    }\n    const selectedTeam = teams.find((team) => team.id === teamId);\n    const budgetValue = budget.trim() === '' ? undefined : Number(budget);\n    // CreateCrewProjectInput only accepts a known field subset; build exactly\n    // that shape. The store replaces this optimistic row with the server's\n    // complete Project, so display-only fields need not be provided here.\n    const payload: Partial<Project> = {\n      name: name.trim(),\n      description: description.trim(),\n      status,\n      priority: 'medium',\n      ...(startDate ? { startDate } : {}),\n      ...(endDate ? { endDate } : {}),\n      ...(budgetValue !== undefined && !Number.isNaN(budgetValue) ? { budget: budgetValue } : {}),\n      ...(selectedTeam ? { teamId: selectedTeam.id, teamName: selectedTeam.name } : {}),\n    };\n    setSubmitting(true);\n    try {\n      await addProject(payload as Project);\n      showToast(status === 'planning' ? 'Draft project saved' : 'Project created', 'success');\n      navigate('../projects/projects-page');\n    } catch (error) {\n      showToast(error instanceof Error ? error.message : 'Unable to create project', 'error');\n    } finally {\n      setSubmitting(false);\n    }\n  };\n\n  const selectClass =\n    'flex h-10 w-full rounded-input border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary transition-colors duration-200 focus-visible:border-border-focus focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50';\n\n  return (\n    <div className=\"space-y-6 p-6 max-w-3xl\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">\n          <GradientText>Create Project</GradientText>\n        </h1>\n        <p className=\"text-sm text-text-secondary\">Set up a new project for your team</p>\n        <PagePurpose className=\"mt-1\">\n          Start a new project — define its scope, budget, and team here so you can begin tracking\n          work toward a clear goal.\n        </PagePurpose>\n      </div>\n      <EmphasisPanel>\n        <div className=\"mb-4 flex items-center gap-2 text-lg font-semibold\">\n          <FolderKanban className=\"h-5 w-5\" />\n          Project Details\n        </div>\n        <div className=\"space-y-4\">\n          <div className=\"space-y-2\">\n            <label htmlFor=\"cpName\" className=\"text-sm font-medium\">\n              Project Name\n            </label>\n            <Input\n              id=\"cpName\"\n              placeholder=\"e.g. HR Analytics Dashboard v3\"\n              value={name}\n              disabled={submitting}\n              onChange={(e) => setName(e.target.value)}\n            />\n          </div>\n          <div className=\"space-y-2\">\n            <label htmlFor=\"cpDesc\" className=\"text-sm font-medium\">\n              Description\n            </label>\n            <Textarea\n              id=\"cpDesc\"\n              placeholder=\"Describe the project objectives and scope...\"\n              rows={3}\n              value={description}\n              disabled={submitting}\n              onChange={(e) => setDescription(e.target.value)}\n            />\n          </div>\n          {teams.length > 0 ? (\n            <div className=\"space-y-2\">\n              <label htmlFor=\"cpTeam\" className=\"text-sm font-medium\">\n                Team\n              </label>\n              <select\n                id=\"cpTeam\"\n                className={selectClass}\n                value={teamId}\n                disabled={submitting}\n                onChange={(e) => setTeamId(e.target.value)}\n              >\n                <option value=\"\">Unassigned</option>\n                {teams.map((team) => (\n                  <option key={team.id} value={team.id}>\n                    {team.name}\n                  </option>\n                ))}\n              </select>\n            </div>\n          ) : null}\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            <div className=\"space-y-2\">\n              <label htmlFor=\"cpStart\" className=\"text-sm font-medium\">\n                Start Date\n              </label>\n              <Input\n                id=\"cpStart\"\n                type=\"date\"\n                value={startDate}\n                disabled={submitting}\n                onChange={(e) => setStartDate(e.target.value)}\n              />\n            </div>\n            <div className=\"space-y-2\">\n              <label htmlFor=\"cpEnd\" className=\"text-sm font-medium\">\n                End Date\n              </label>\n              <Input\n                id=\"cpEnd\"\n                type=\"date\"\n                value={endDate}\n                disabled={submitting}\n                onChange={(e) => setEndDate(e.target.value)}\n              />\n            </div>\n          </div>\n          <div className=\"space-y-2\">\n            <label htmlFor=\"cpBudget\" className=\"text-sm font-medium\">\n              Budget ($)\n            </label>\n            <Input\n              id=\"cpBudget\"\n              type=\"number\"\n              placeholder=\"e.g. 250000\"\n              value={budget}\n              disabled={submitting}\n              onChange={(e) => setBudget(e.target.value)}\n            />\n          </div>\n        </div>\n      </EmphasisPanel>\n      <div className=\"flex justify-end gap-2\">\n        <Button variant=\"outline\" disabled={submitting} onClick={() => handleCreate('planning')}>\n          Save as Draft\n        </Button>\n        <Button disabled={submitting} onClick={() => handleCreate('active')}>\n          <Save className=\"h-4 w-4 mr-1\" />\n          {submitting ? 'Saving…' : 'Create Project'}\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ProjectsCreateProjectPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/ProjectsCreateProjectPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  Button,\n  EmphasisPanel,\n  GradientText,\n  Input,\n  PagePurpose,\n  Textarea,\n} from '@burdenoff/fe-libs/ui';\nimport { useGlobalUi } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { FolderKanban, Save } from 'lucide-react';\nimport { useNavigate } from 'react-router';\nimport { useCrewFoundryStore, type Project } from '../store/crewfoundryStore';\n\nexport function ProjectsCreateProjectPagePage() {\n  const navigate = useNavigate();\n  const { showToast } = useGlobalUi();\n  const addProject = useCrewFoundryStore((state) => state.addProject);\n  const teams = useCrewFoundryStore((state) => state.teams);\n\n  const [name, setName] = useState('');\n  const [description, setDescription] = useState('');\n  const [startDate, setStartDate] = useState('');\n  const [endDate, setEndDate] = useState('');\n  const [budget, setBudget] = useState('');\n  const [teamId, setTeamId] = useState('');\n  const [submitting, setSubmitting] = useState(false);\n\n  const handleCreate = async (status: Project['status']) => {\n    if (submitting) return;\n    if (name.trim() === '') {\n      showToast('Project Name is required', 'warning');\n      return;\n    }\n    const selectedTeam = teams.find((team) => team.id === teamId);\n    const budgetValue = budget.trim() === '' ? undefined : Number(budget);\n    // CreateCrewProjectInput only accepts a known field subset; build exactly\n    // that shape. The store replaces this optimistic row with the server's\n    // complete Project, so display-only fields need not be provided here.\n    const payload: Partial<Project> = {\n      name: name.trim(),\n      description: description.trim(),\n      status,\n      priority: 'medium',\n      ...(startDate ? { startDate } : {}),\n      ...(endDate ? { endDate } : {}),\n      ...(budgetValue !== undefined && !Number.isNaN(budgetValue) ? { budget: budgetValue } : {}),\n      ...(selectedTeam ? { teamId: selectedTeam.id, teamName: selectedTeam.name } : {}),\n    };\n    setSubmitting(true);\n    try {\n      await addProject(payload as Project);\n      showToast(status === 'planning' ? 'Draft project saved' : 'Project created', 'success');\n      navigate('../projects/projects-page');\n    } catch (error) {\n      showToast(error instanceof Error ? error.message : 'Unable to create project', 'error');\n    } finally {\n      setSubmitting(false);\n    }\n  };\n\n  const selectClass =\n    'flex h-10 w-full rounded-input border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary transition-colors duration-200 focus-visible:border-border-focus focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50';\n\n  return (\n    <div className=\"space-y-6 p-6 max-w-3xl\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">\n          <GradientText>Create Project</GradientText>\n        </h1>\n        <p className=\"text-sm text-text-secondary\">Set up a new project for your team</p>\n        <PagePurpose className=\"mt-1\">\n          Start a new project — define its scope, budget, and team here so you can begin tracking\n          work toward a clear goal.\n        </PagePurpose>\n      </div>\n      <EmphasisPanel>\n        <div className=\"mb-4 flex items-center gap-2 text-lg font-semibold\">\n          <FolderKanban className=\"h-5 w-5\" />\n          Project Details\n        </div>\n        <div className=\"space-y-4\">\n          <div className=\"space-y-2\">\n            <label htmlFor=\"cpName\" className=\"text-sm font-medium\">\n              Project Name\n            </label>\n            <Input\n              id=\"cpName\"\n              placeholder=\"e.g. HR Analytics Dashboard v3\"\n              value={name}\n              disabled={submitting}\n              onChange={(e) => setName(e.target.value)}\n            />\n          </div>\n          <div className=\"space-y-2\">\n            <label htmlFor=\"cpDesc\" className=\"text-sm font-medium\">\n              Description\n            </label>\n            <Textarea\n              id=\"cpDesc\"\n              placeholder=\"Describe the project objectives and scope...\"\n              rows={3}\n              value={description}\n              disabled={submitting}\n              onChange={(e) => setDescription(e.target.value)}\n            />\n          </div>\n          {teams.length > 0 ? (\n            <div className=\"space-y-2\">\n              <label htmlFor=\"cpTeam\" className=\"text-sm font-medium\">\n                Team\n              </label>\n              <select\n                id=\"cpTeam\"\n                className={selectClass}\n                value={teamId}\n                disabled={submitting}\n                onChange={(e) => setTeamId(e.target.value)}\n              >\n                <option value=\"\">Unassigned</option>\n                {teams.map((team) => (\n                  <option key={team.id} value={team.id}>\n                    {team.name}\n                  </option>\n                ))}\n              </select>\n            </div>\n          ) : null}\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            <div className=\"space-y-2\">\n              <label htmlFor=\"cpStart\" className=\"text-sm font-medium\">\n                Start Date\n              </label>\n              <Input\n                id=\"cpStart\"\n                type=\"date\"\n                value={startDate}\n                disabled={submitting}\n                onChange={(e) => setStartDate(e.target.value)}\n              />\n            </div>\n            <div className=\"space-y-2\">\n              <label htmlFor=\"cpEnd\" className=\"text-sm font-medium\">\n                End Date\n              </label>\n              <Input\n                id=\"cpEnd\"\n                type=\"date\"\n                value={endDate}\n                disabled={submitting}\n                onChange={(e) => setEndDate(e.target.value)}\n              />\n            </div>\n          </div>\n          <div className=\"space-y-2\">\n            <label htmlFor=\"cpBudget\" className=\"text-sm font-medium\">\n              Budget ($)\n            </label>\n            <Input\n              id=\"cpBudget\"\n              type=\"number\"\n              placeholder=\"e.g. 250000\"\n              value={budget}\n              disabled={submitting}\n              onChange={(e) => setBudget(e.target.value)}\n            />\n          </div>\n        </div>\n      </EmphasisPanel>\n      <div className=\"flex justify-end gap-2\">\n        <Button variant=\"outline\" disabled={submitting} onClick={() => handleCreate('planning')}>\n          Save as Draft\n        </Button>\n        <Button disabled={submitting} onClick={() => handleCreate('active')}>\n          <Save className=\"h-4 w-4 mr-1\" />\n          {submitting ? 'Saving…' : 'Create Project'}\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}