@burdenoff/microfe-crewfoundry 2026.1013.2 → 2026.1029.2

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

@@ -1 +1 @@
-{"version":3,"file":"MarketplaceBookingManagementPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/MarketplaceBookingManagementPagePage.tsx"],"sourcesContent":["import {\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { Calendar, CheckCircle, Clock, Plus } from 'lucide-react';\n\nexport function MarketplaceBookingManagementPagePage() {\n  // There is no booking data source or booking-creation mutation yet, so we do\n  // not synthesize pseudo-bookings from unrelated services. Counts are a true\n  // zero and the list shows an honest empty state until the backend ships.\n  const upcomingCount = 0;\n  const confirmedCount = 0;\n  const pendingCount = 0;\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>Booking Management</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">Manage service provider appointments</p>\n          <PagePurpose className=\"mt-1\">\n            Manage your service bookings — review upcoming engagements, confirm schedules, and keep\n            your client commitments on track.\n          </PagePurpose>\n        </div>\n        {/* Bookings derive from marketplace services; there is no standalone\n            booking-creation mutation yet, so this stays an honest disabled\n            control instead of a silently-dead button. */}\n        <Button size=\"sm\" disabled title=\"Booking creation is coming soon\">\n          <Plus className=\"mr-1 h-4 w-4\" />\n          New Booking · Coming soon\n        </Button>\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\">Upcoming</CardTitle>\n            <Calendar className=\"h-4 w-4 text-status-info-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{upcomingCount}</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\">Confirmed</CardTitle>\n            <CheckCircle className=\"h-4 w-4 text-status-success-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{confirmedCount}</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\">Pending</CardTitle>\n            <Clock className=\"h-4 w-4 text-status-warning-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{pendingCount}</div>\n          </CardContent>\n        </GlassCard>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>All Bookings</CardTitle>\n        </CardHeader>\n        <CardContent>\n          <IllustratedEmptyState\n            illustration=\"empty-generic\"\n            title=\"No bookings yet\"\n            description=\"Once booking creation ships, your scheduled service appointments will appear here.\"\n          />\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":";;;;AAaA,SAAgB,IAAuC;AAQrD,QACE,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,UAAc,sBAAiC,CAAA;MAC5C,CAAA;KACL,kBAAC,KAAD;MAAG,WAAU;gBAA8B;MAAwC,CAAA;KACnF,kBAAC,GAAD;MAAa,WAAU;gBAAO;MAGhB,CAAA;KACV,EAAA,CAAA,EAIN,kBAAC,GAAD;KAAQ,MAAK;KAAK,UAAA;KAAS,OAAM;eAAjC,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,4BAE1B;OACL;;GAEN,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;QAAoB,CAAA,EAC/D,kBAAC,GAAD,EAAU,WAAU,iCAAkC,CAAA,CAC3C;UACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;OAAK,WAAU;iBAjCH;OAiC0D,CAAA,EAC1D,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,EAAa,WAAU,oCAAqC,CAAA,CACjD;UACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;OAAK,WAAU;iBAzCF;OAyC0D,CAAA,EAC3D,CAAA,CACJ;;KACZ,kBAAC,GAAD;MAAW,WAAU;MAAS,WAAU;gBAAxC,CACE,kBAAC,GAAD;OAAY,WAAU;iBAAtB,CACE,kBAAC,GAAD;QAAW,WAAU;kBAAsB;QAAmB,CAAA,EAC9D,kBAAC,GAAD,EAAO,WAAU,oCAAqC,CAAA,CAC3C;UACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;OAAK,WAAU;iBAjDJ;OAiD0D,CAAA,EACzD,CAAA,CACJ;;KACR;;GAEN,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAW,gBAAwB,CAAA,EACxB,CAAA,EACb,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IACE,cAAa;IACb,OAAM;IACN,aAAY;IACZ,CAAA,EACU,CAAA,CACT,EAAA,CAAA;GACH"}
+{"version":3,"file":"MarketplaceBookingManagementPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/MarketplaceBookingManagementPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  GradientText,\n  IllustratedEmptyState,\n  PagePurpose,\n  ResponsiveTable,\n  Spinner,\n  type ResponsiveTableColumn,\n} from '@burdenoff/fe-libs/ui';\nimport { useNavigate } from 'react-router';\nimport { InlineError } from '../components/InlineError';\nimport { MarketplaceTabs } from '../components/marketplace/MarketplaceTabs';\nimport { SegmentedTabs, StatCard } from '../components/viz';\nimport {\n  useCrewFoundryStore,\n  type CrewBooking,\n  type CrewBookingStatus,\n} from '../store/crewfoundryStore';\nimport {\n  BOOKING_ACTION_LABEL,\n  BOOKING_STATUS_LABEL,\n  allowedBookingTransitions,\n  formatRate,\n} from '../lib/marketplace';\nimport { useEnsureLoaded } from '../lib/useEnsureLoaded';\nimport { formatDate } from '../utils/dateUtils';\n\ntype View = 'provider' | 'client';\n\nconst STATUS_VARIANT: Record<CrewBookingStatus, 'default' | 'secondary' | 'outline'> = {\n  requested: 'outline',\n  confirmed: 'default',\n  completed: 'secondary',\n  cancelled: 'secondary',\n};\n\nexport function MarketplaceBookingManagementPagePage() {\n  const navigate = useNavigate();\n  const { bookings, marketplaceLoaded, fetchMarketplace, updateBookingStatus, initParams } =\n    useCrewFoundryStore();\n  const loadError = useEnsureLoaded(marketplaceLoaded, fetchMarketplace);\n  const [view, setView] = useState<View>('provider');\n  const [actionError, setActionError] = useState<string | null>(null);\n  const [pendingId, setPendingId] = useState<string | null>(null);\n\n  const actorId = initParams.actorId;\n  const asProvider = bookings.filter((booking) => booking.providerActorId === actorId);\n  const asClient = bookings.filter((booking) => booking.clientActorId === actorId);\n  const rows = view === 'provider' ? asProvider : asClient;\n  const count = (list: CrewBooking[], status: CrewBookingStatus) =>\n    list.filter((booking) => booking.status === status).length;\n\n  const transition = async (booking: CrewBooking, status: CrewBookingStatus) => {\n    setActionError(null);\n    setPendingId(booking.id);\n    try {\n      await updateBookingStatus(booking.id, status);\n    } catch (error) {\n      setActionError(error instanceof Error ? error.message : 'Unable to update booking');\n    } finally {\n      setPendingId(null);\n    }\n  };\n\n  const columns: ResponsiveTableColumn<CrewBooking>[] = [\n    {\n      key: 'service',\n      header: 'Service',\n      priority: 'primary',\n      cell: (booking) => (\n        <button\n          type=\"button\"\n          className=\"text-left font-medium hover:underline\"\n          onClick={() =>\n            navigate(\n              `../marketplace/service-details-page?id=${encodeURIComponent(booking.listingId)}`\n            )\n          }\n        >\n          {booking.listingTitle}\n        </button>\n      ),\n    },\n    {\n      key: 'party',\n      header: view === 'provider' ? 'Booked by' : 'Provider',\n      cell: (booking) => (\n        <span>{view === 'provider' ? booking.clientName : booking.providerName}</span>\n      ),\n    },\n    {\n      key: 'when',\n      header: 'Scheduled',\n      cell: (booking) => (\n        <span className=\"text-text-secondary\">\n          {booking.scheduledStart\n            ? `${formatDate(booking.scheduledStart)}${booking.scheduledEnd ? ` – ${formatDate(booking.scheduledEnd)}` : ''}`\n            : 'Not scheduled'}\n        </span>\n      ),\n    },\n    {\n      key: 'rate',\n      header: 'Agreed rate',\n      cell: (booking) => <span className=\"tabular-nums\">{formatRate(booking)}</span>,\n    },\n    {\n      key: 'status',\n      header: 'Status',\n      cell: (booking) => (\n        <Badge variant={STATUS_VARIANT[booking.status]} className=\"text-[10px]\">\n          {BOOKING_STATUS_LABEL[booking.status]}\n        </Badge>\n      ),\n    },\n    {\n      key: 'actions',\n      header: '',\n      cellClassName: 'md:text-right',\n      cell: (booking) => {\n        const next = allowedBookingTransitions(booking, actorId);\n        if (next.length === 0) {\n          return <span className=\"text-xs text-text-muted\">—</span>;\n        }\n        return (\n          <div className=\"flex flex-wrap justify-end gap-1\">\n            {next.map((status) => (\n              <Button\n                key={status}\n                size=\"sm\"\n                variant={status === 'cancelled' ? 'ghost' : 'outline'}\n                disabled={pendingId === booking.id}\n                onClick={() => void transition(booking, status)}\n              >\n                {BOOKING_ACTION_LABEL[status]}\n              </Button>\n            ))}\n          </div>\n        );\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>Bookings</GradientText>\n        </h1>\n        <p className=\"text-sm text-text-secondary\">\n          {asProvider.length} for your services · {asClient.length} you made\n        </p>\n        <PagePurpose className=\"mt-1\">\n          Confirm requests for your services, mark work completed, and keep track of the services\n          you have booked from others.\n        </PagePurpose>\n      </div>\n\n      <MarketplaceTabs value=\"bookings\" />\n\n      <InlineError message={loadError ?? actionError} />\n\n      <div className=\"grid gap-4 sm:grid-cols-2 xl:grid-cols-4\">\n        <StatCard label=\"Requested\" value={count(rows, 'requested')} />\n        <StatCard label=\"Confirmed\" value={count(rows, 'confirmed')} />\n        <StatCard label=\"Completed\" value={count(rows, 'completed')} />\n        <StatCard label=\"Cancelled\" value={count(rows, 'cancelled')} />\n      </div>\n\n      <SegmentedTabs\n        aria-label=\"Booking perspective\"\n        value={view}\n        onChange={(id) => setView(id as View)}\n        tabs={[\n          { id: 'provider', label: 'Requests for my services', count: asProvider.length },\n          { id: 'client', label: 'My bookings', count: asClient.length },\n        ]}\n      />\n\n      {!marketplaceLoaded && !loadError ? (\n        <div className=\"flex min-h-[240px] items-center justify-center\">\n          <Spinner size=\"lg\" />\n        </div>\n      ) : rows.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={view === 'provider' ? 'No booking requests yet' : \"You haven't booked anything\"}\n          description={\n            view === 'provider'\n              ? 'Requests appear here when a colleague books one of your services.'\n              : 'Browse the marketplace to book a colleague or contractor.'\n          }\n          action={\n            <Button size=\"sm\" onClick={() => navigate('../marketplace/marketplace-page')}>\n              Browse the marketplace\n            </Button>\n          }\n        />\n      ) : (\n        <Card>\n          <CardContent className=\"pt-6\">\n            <ResponsiveTable<CrewBooking>\n              data={rows}\n              rowKey={(booking) => booking.id}\n              columns={columns}\n            />\n          </CardContent>\n        </Card>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAiCA,IAAM,IAAiF;CACrF,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACZ;AAED,SAAgB,IAAuC;CACrD,IAAM,IAAW,GAAa,EACxB,EAAE,aAAU,sBAAmB,qBAAkB,wBAAqB,kBAC1E,GAAqB,EACjB,IAAY,EAAgB,GAAmB,EAAiB,EAChE,CAAC,GAAM,KAAW,EAAe,WAAW,EAC5C,CAAC,GAAa,KAAkB,EAAwB,KAAK,EAC7D,CAAC,GAAW,KAAgB,EAAwB,KAAK,EAEzD,IAAU,EAAW,SACrB,IAAa,EAAS,QAAQ,MAAY,EAAQ,oBAAoB,EAAQ,EAC9E,IAAW,EAAS,QAAQ,MAAY,EAAQ,kBAAkB,EAAQ,EAC1E,IAAO,MAAS,aAAa,IAAa,GAC1C,KAAS,GAAqB,MAClC,EAAK,QAAQ,MAAY,EAAQ,WAAW,EAAO,CAAC,QAEhD,IAAa,OAAO,GAAsB,MAA8B;AAE5E,EADA,EAAe,KAAK,EACpB,EAAa,EAAQ,GAAG;AACxB,MAAI;AACF,SAAM,EAAoB,EAAQ,IAAI,EAAO;WACtC,GAAO;AACd,KAAe,aAAiB,QAAQ,EAAM,UAAU,2BAA2B;YAC3E;AACR,KAAa,KAAK;;IAIhB,IAAgD;EACpD;GACE,KAAK;GACL,QAAQ;GACR,UAAU;GACV,OAAO,MACL,kBAAC,UAAD;IACE,MAAK;IACL,WAAU;IACV,eACE,EACE,0CAA0C,mBAAmB,EAAQ,UAAU,GAChF;cAGF,EAAQ;IACF,CAAA;GAEZ;EACD;GACE,KAAK;GACL,QAAQ,MAAS,aAAa,cAAc;GAC5C,OAAO,MACL,kBAAC,QAAD,EAAA,UAAO,MAAS,aAAa,EAAQ,aAAa,EAAQ,cAAoB,CAAA;GAEjF;EACD;GACE,KAAK;GACL,QAAQ;GACR,OAAO,MACL,kBAAC,QAAD;IAAM,WAAU;cACb,EAAQ,iBACL,GAAG,EAAW,EAAQ,eAAe,GAAG,EAAQ,eAAe,MAAM,EAAW,EAAQ,aAAa,KAAK,OAC1G;IACC,CAAA;GAEV;EACD;GACE,KAAK;GACL,QAAQ;GACR,OAAO,MAAY,kBAAC,QAAD;IAAM,WAAU;cAAgB,EAAW,EAAQ;IAAQ,CAAA;GAC/E;EACD;GACE,KAAK;GACL,QAAQ;GACR,OAAO,MACL,kBAAC,GAAD;IAAO,SAAS,EAAe,EAAQ;IAAS,WAAU;cACvD,EAAqB,EAAQ;IACxB,CAAA;GAEX;EACD;GACE,KAAK;GACL,QAAQ;GACR,eAAe;GACf,OAAO,MAAY;IACjB,IAAM,IAAO,EAA0B,GAAS,EAAQ;AAIxD,WAHI,EAAK,WAAW,IACX,kBAAC,QAAD;KAAM,WAAU;eAA0B;KAAQ,CAAA,GAGzD,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAK,KAAK,MACT,kBAAC,GAAD;MAEE,MAAK;MACL,SAAS,MAAW,cAAc,UAAU;MAC5C,UAAU,MAAc,EAAQ;MAChC,eAAe,KAAK,EAAW,GAAS,EAAO;gBAE9C,EAAqB;MACf,EAPF,EAOE,CACT;KACE,CAAA;;GAGX;EACF;AAED,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD,EAAA,UAAA;IACE,kBAAC,MAAD;KAAI,WAAU;eACZ,kBAAC,GAAD,EAAA,UAAc,YAAuB,CAAA;KAClC,CAAA;IACL,kBAAC,KAAD;KAAG,WAAU;eAAb;MACG,EAAW;MAAO;MAAsB,EAAS;MAAO;MACvD;;IACJ,kBAAC,GAAD;KAAa,WAAU;eAAO;KAGhB,CAAA;IACV,EAAA,CAAA;GAEN,kBAAC,GAAD,EAAiB,OAAM,YAAa,CAAA;GAEpC,kBAAC,GAAD,EAAa,SAAS,KAAa,GAAe,CAAA;GAElD,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD;MAAU,OAAM;MAAY,OAAO,EAAM,GAAM,YAAY;MAAI,CAAA;KAC/D,kBAAC,GAAD;MAAU,OAAM;MAAY,OAAO,EAAM,GAAM,YAAY;MAAI,CAAA;KAC/D,kBAAC,GAAD;MAAU,OAAM;MAAY,OAAO,EAAM,GAAM,YAAY;MAAI,CAAA;KAC/D,kBAAC,GAAD;MAAU,OAAM;MAAY,OAAO,EAAM,GAAM,YAAY;MAAI,CAAA;KAC3D;;GAEN,kBAAC,GAAD;IACE,cAAW;IACX,OAAO;IACP,WAAW,MAAO,EAAQ,EAAW;IACrC,MAAM,CACJ;KAAE,IAAI;KAAY,OAAO;KAA4B,OAAO,EAAW;KAAQ,EAC/E;KAAE,IAAI;KAAU,OAAO;KAAe,OAAO,EAAS;KAAQ,CAC/D;IACD,CAAA;GAED,CAAC,KAAqB,CAAC,IACtB,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD,EAAS,MAAK,MAAO,CAAA;IACjB,CAAA,GACJ,EAAK,WAAW,IAClB,kBAAC,GAAD;IACE,cAAa;IACb,OAAO,MAAS,aAAa,4BAA4B;IACzD,aACE,MAAS,aACL,sEACA;IAEN,QACE,kBAAC,GAAD;KAAQ,MAAK;KAAK,eAAe,EAAS,kCAAkC;eAAE;KAErE,CAAA;IAEX,CAAA,GAEF,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IAAa,WAAU;cACrB,kBAAC,GAAD;KACE,MAAM;KACN,SAAS,MAAY,EAAQ;KACpB;KACT,CAAA;IACU,CAAA,EACT,CAAA;GAEL"}

package/dist/crewfoundry/pages/MarketplaceEscrowPagePage.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Escrow ledger for marketplace bookings. These rows are bookkeeping only —
+ * wspace-crewfoundry-svc records the amount that should be held and when it is
+ * released; no money is moved or held by the platform.
+ */
+export declare function MarketplaceEscrowPagePage(): import("react").JSX.Element;
+//# sourceMappingURL=MarketplaceEscrowPagePage.d.ts.map

package/dist/crewfoundry/pages/MarketplaceEscrowPagePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarketplaceEscrowPagePage.d.ts","sourceRoot":"","sources":["../../../src/crewfoundry/pages/MarketplaceEscrowPagePage.tsx"],"names":[],"mappings":"AA2BA;;;;GAIG;AACH,wBAAgB,yBAAyB,gCAkLxC"}

package/dist/crewfoundry/pages/MarketplaceEscrowPagePage.js

@@ -0,0 +1,175 @@
+import { useCrewFoundryStore as e } from "../store/crewfoundryStore.js";
+import { StatCard as t } from "../components/viz/StatCard.js";
+import "../components/viz/index.js";
+import { formatDate as n } from "../utils/dateUtils.js";
+import { InlineError as r } from "../components/InlineError.js";
+import { useEnsureLoaded as i } from "../lib/useEnsureLoaded.js";
+import { MarketplaceTabs as a } from "../components/marketplace/MarketplaceTabs.js";
+import { ESCROW_STATUS_LABEL as o, formatMoney as s, isEscrowOpen as c, sumByCurrency as l } from "../lib/marketplace.js";
+import { useMemo as u, useState as d } from "react";
+import { Info as f } from "lucide-react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { Badge as h, Button as g, Card as _, CardContent as v, GradientText as y, IllustratedEmptyState as b, PagePurpose as x, ResponsiveTable as S, Spinner as C } from "@burdenoff/fe-libs/ui";
+//#region src/crewfoundry/pages/MarketplaceEscrowPagePage.tsx
+var w = {
+	ON_BOOKING_COMPLETION: "When the booking completes",
+	ON_MANUAL_APPROVAL: "On manual approval"
+};
+function T() {
+	let { escrowRecords: T, escrowLoaded: E, escrowError: D, fetchEscrowRecords: O, bookings: k, marketplaceLoaded: A, fetchMarketplace: j, releaseEscrowRecord: M, cancelEscrowRecord: N } = e();
+	i(E, O);
+	let P = i(A, j), [F, I] = d(null), [L, R] = d(null), z = u(() => new Map(k.map((e) => [e.id, e])), [k]), B = T.filter((e) => c(e.status)), V = T.filter((e) => e.status === "released"), H = async (e, t) => {
+		I(null), R(e.id);
+		try {
+			await t(e.id);
+		} catch (e) {
+			I(e instanceof Error ? e.message : "Unable to update escrow");
+		} finally {
+			R(null);
+		}
+	};
+	return /* @__PURE__ */ m("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ m("div", { children: [
+				/* @__PURE__ */ p("h1", {
+					className: "text-2xl font-semibold",
+					children: /* @__PURE__ */ p(y, { children: "Escrow Ledger" })
+				}),
+				/* @__PURE__ */ m("p", {
+					className: "text-sm text-text-secondary",
+					children: [
+						T.length,
+						" records · ",
+						B.length,
+						" awaiting release"
+					]
+				}),
+				/* @__PURE__ */ p(x, {
+					className: "mt-1",
+					children: "Every marketplace booking records the agreed amount that should be held until the work is done. Release it when the work is approved, or cancel it if the booking falls through."
+				})
+			] }),
+			/* @__PURE__ */ p(a, { value: "escrow" }),
+			/* @__PURE__ */ m("div", {
+				className: "flex items-start gap-2 rounded-[var(--radius-card)] border border-border-default bg-status-info-bg p-3 text-sm text-status-info-text",
+				children: [/* @__PURE__ */ p(f, {
+					className: "mt-0.5 h-4 w-4 shrink-0",
+					"aria-hidden": !0
+				}), /* @__PURE__ */ p("span", { children: "This is a bookkeeping ledger. CrewFoundry records what should be held and released; it does not collect, hold or transfer funds. Settle payments through your usual payment process." })]
+			}),
+			/* @__PURE__ */ p(r, { message: D ? `Escrow records are unavailable: ${D}. Viewing escrow requires payroll access in this workspace.` : P ?? F }),
+			/* @__PURE__ */ m("div", {
+				className: "grid gap-4 sm:grid-cols-3",
+				children: [
+					/* @__PURE__ */ p(t, {
+						label: "Awaiting Release",
+						value: l(B)
+					}),
+					/* @__PURE__ */ p(t, {
+						label: "Released",
+						value: l(V)
+					}),
+					/* @__PURE__ */ p(t, {
+						label: "Records",
+						value: T.length
+					})
+				]
+			}),
+			E ? D ? null : T.length === 0 ? /* @__PURE__ */ p(b, {
+				illustration: "empty-data",
+				title: "No escrow records yet",
+				description: "An escrow record is created automatically each time a service is booked."
+			}) : /* @__PURE__ */ p(_, { children: /* @__PURE__ */ p(v, {
+				className: "pt-6",
+				children: /* @__PURE__ */ p(S, {
+					data: T,
+					rowKey: (e) => e.id,
+					columns: [
+						{
+							key: "booking",
+							header: "Booking",
+							priority: "primary",
+							cell: (e) => {
+								let t = z.get(e.bookingId);
+								return /* @__PURE__ */ m("div", {
+									className: "min-w-0",
+									children: [/* @__PURE__ */ p("p", {
+										className: "font-medium",
+										children: t?.listingTitle ?? "Booking"
+									}), t && /* @__PURE__ */ m("p", {
+										className: "text-xs text-text-secondary",
+										children: [
+											t.providerName,
+											" → ",
+											t.clientName
+										]
+									})]
+								});
+							}
+						},
+						{
+							key: "amount",
+							header: "Amount",
+							cell: (e) => /* @__PURE__ */ p("span", {
+								className: "tabular-nums font-medium",
+								children: s(e.amount, e.currency)
+							})
+						},
+						{
+							key: "condition",
+							header: "Releases",
+							cell: (e) => /* @__PURE__ */ p("span", {
+								className: "text-text-secondary",
+								children: w[e.releaseCondition] ?? e.releaseCondition
+							})
+						},
+						{
+							key: "status",
+							header: "Status",
+							cell: (e) => /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p(h, {
+								variant: c(e.status) ? "default" : "secondary",
+								className: "text-[10px]",
+								children: o[e.status]
+							}), e.releasedAt && /* @__PURE__ */ p("p", {
+								className: "mt-1 text-xs text-text-secondary",
+								children: n(e.releasedAt)
+							})] })
+						},
+						{
+							key: "actions",
+							header: "",
+							cellClassName: "md:text-right",
+							cell: (e) => c(e.status) ? /* @__PURE__ */ m("div", {
+								className: "flex justify-end gap-1",
+								children: [/* @__PURE__ */ p(g, {
+									size: "sm",
+									variant: "outline",
+									disabled: L === e.id,
+									onClick: () => void H(e, M),
+									children: "Release"
+								}), /* @__PURE__ */ p(g, {
+									size: "sm",
+									variant: "ghost",
+									disabled: L === e.id,
+									onClick: () => void H(e, N),
+									children: "Cancel"
+								})]
+							}) : /* @__PURE__ */ p("span", {
+								className: "text-xs text-text-muted",
+								children: "—"
+							})
+						}
+					]
+				})
+			}) }) : /* @__PURE__ */ p("div", {
+				className: "flex min-h-[240px] items-center justify-center",
+				children: /* @__PURE__ */ p(C, { size: "lg" })
+			})
+		]
+	});
+}
+//#endregion
+export { T as MarketplaceEscrowPagePage };
+
+//# sourceMappingURL=MarketplaceEscrowPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MarketplaceEscrowPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/MarketplaceEscrowPagePage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  GradientText,\n  IllustratedEmptyState,\n  PagePurpose,\n  ResponsiveTable,\n  Spinner,\n  type ResponsiveTableColumn,\n} from '@burdenoff/fe-libs/ui';\nimport { Info } from 'lucide-react';\nimport { InlineError } from '../components/InlineError';\nimport { MarketplaceTabs } from '../components/marketplace/MarketplaceTabs';\nimport { StatCard } from '../components/viz';\nimport { useCrewFoundryStore, type CrewEscrowRecord } from '../store/crewfoundryStore';\nimport { ESCROW_STATUS_LABEL, formatMoney, isEscrowOpen, sumByCurrency } from '../lib/marketplace';\nimport { useEnsureLoaded } from '../lib/useEnsureLoaded';\nimport { formatDate } from '../utils/dateUtils';\n\nconst RELEASE_CONDITION_LABEL: Record<string, string> = {\n  ON_BOOKING_COMPLETION: 'When the booking completes',\n  ON_MANUAL_APPROVAL: 'On manual approval',\n};\n\n/**\n * Escrow ledger for marketplace bookings. These rows are bookkeeping only —\n * wspace-crewfoundry-svc records the amount that should be held and when it is\n * released; no money is moved or held by the platform.\n */\nexport function MarketplaceEscrowPagePage() {\n  const {\n    escrowRecords,\n    escrowLoaded,\n    escrowError,\n    fetchEscrowRecords,\n    bookings,\n    marketplaceLoaded,\n    fetchMarketplace,\n    releaseEscrowRecord,\n    cancelEscrowRecord,\n  } = useCrewFoundryStore();\n  useEnsureLoaded(escrowLoaded, fetchEscrowRecords);\n  const marketplaceError = useEnsureLoaded(marketplaceLoaded, fetchMarketplace);\n  const [actionError, setActionError] = useState<string | null>(null);\n  const [pendingId, setPendingId] = useState<string | null>(null);\n\n  const bookingById = useMemo(() => new Map(bookings.map((b) => [b.id, b])), [bookings]);\n  const held = escrowRecords.filter((row) => isEscrowOpen(row.status));\n  const released = escrowRecords.filter((row) => row.status === 'released');\n\n  const run = async (row: CrewEscrowRecord, action: (id: string) => Promise<void>) => {\n    setActionError(null);\n    setPendingId(row.id);\n    try {\n      await action(row.id);\n    } catch (error) {\n      setActionError(error instanceof Error ? error.message : 'Unable to update escrow');\n    } finally {\n      setPendingId(null);\n    }\n  };\n\n  const columns: ResponsiveTableColumn<CrewEscrowRecord>[] = [\n    {\n      key: 'booking',\n      header: 'Booking',\n      priority: 'primary',\n      cell: (row) => {\n        const booking = bookingById.get(row.bookingId);\n        return (\n          <div className=\"min-w-0\">\n            <p className=\"font-medium\">{booking?.listingTitle ?? 'Booking'}</p>\n            {booking && (\n              <p className=\"text-xs text-text-secondary\">\n                {booking.providerName} → {booking.clientName}\n              </p>\n            )}\n          </div>\n        );\n      },\n    },\n    {\n      key: 'amount',\n      header: 'Amount',\n      cell: (row) => (\n        <span className=\"tabular-nums font-medium\">{formatMoney(row.amount, row.currency)}</span>\n      ),\n    },\n    {\n      key: 'condition',\n      header: 'Releases',\n      cell: (row) => (\n        <span className=\"text-text-secondary\">\n          {RELEASE_CONDITION_LABEL[row.releaseCondition] ?? row.releaseCondition}\n        </span>\n      ),\n    },\n    {\n      key: 'status',\n      header: 'Status',\n      cell: (row) => (\n        <div>\n          <Badge\n            variant={isEscrowOpen(row.status) ? 'default' : 'secondary'}\n            className=\"text-[10px]\"\n          >\n            {ESCROW_STATUS_LABEL[row.status]}\n          </Badge>\n          {row.releasedAt && (\n            <p className=\"mt-1 text-xs text-text-secondary\">{formatDate(row.releasedAt)}</p>\n          )}\n        </div>\n      ),\n    },\n    {\n      key: 'actions',\n      header: '',\n      cellClassName: 'md:text-right',\n      cell: (row) =>\n        isEscrowOpen(row.status) ? (\n          <div className=\"flex justify-end gap-1\">\n            <Button\n              size=\"sm\"\n              variant=\"outline\"\n              disabled={pendingId === row.id}\n              onClick={() => void run(row, releaseEscrowRecord)}\n            >\n              Release\n            </Button>\n            <Button\n              size=\"sm\"\n              variant=\"ghost\"\n              disabled={pendingId === row.id}\n              onClick={() => void run(row, cancelEscrowRecord)}\n            >\n              Cancel\n            </Button>\n          </div>\n        ) : (\n          <span className=\"text-xs text-text-muted\">—</span>\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>Escrow Ledger</GradientText>\n        </h1>\n        <p className=\"text-sm text-text-secondary\">\n          {escrowRecords.length} records · {held.length} awaiting release\n        </p>\n        <PagePurpose className=\"mt-1\">\n          Every marketplace booking records the agreed amount that should be held until the work is\n          done. Release it when the work is approved, or cancel it if the booking falls through.\n        </PagePurpose>\n      </div>\n\n      <MarketplaceTabs value=\"escrow\" />\n\n      <div className=\"flex items-start gap-2 rounded-[var(--radius-card)] border border-border-default bg-status-info-bg p-3 text-sm text-status-info-text\">\n        <Info className=\"mt-0.5 h-4 w-4 shrink-0\" aria-hidden />\n        <span>\n          This is a bookkeeping ledger. CrewFoundry records what should be held and released; it\n          does not collect, hold or transfer funds. Settle payments through your usual payment\n          process.\n        </span>\n      </div>\n\n      <InlineError\n        message={\n          escrowError\n            ? `Escrow records are unavailable: ${escrowError}. Viewing escrow requires payroll access in this workspace.`\n            : (marketplaceError ?? actionError)\n        }\n      />\n\n      <div className=\"grid gap-4 sm:grid-cols-3\">\n        <StatCard label=\"Awaiting Release\" value={sumByCurrency(held)} />\n        <StatCard label=\"Released\" value={sumByCurrency(released)} />\n        <StatCard label=\"Records\" value={escrowRecords.length} />\n      </div>\n\n      {!escrowLoaded ? (\n        <div className=\"flex min-h-[240px] items-center justify-center\">\n          <Spinner size=\"lg\" />\n        </div>\n      ) : escrowError ? null : escrowRecords.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title=\"No escrow records yet\"\n          description=\"An escrow record is created automatically each time a service is booked.\"\n        />\n      ) : (\n        <Card>\n          <CardContent className=\"pt-6\">\n            <ResponsiveTable<CrewEscrowRecord>\n              data={escrowRecords}\n              rowKey={(row) => row.id}\n              columns={columns}\n            />\n          </CardContent>\n        </Card>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/crewfoundry/pages/MarketplaceMarketplacePagePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MarketplaceMarketplacePagePage.d.ts","sourceRoot":"","sources":["../../../src/crewfoundry/pages/MarketplaceMarketplacePagePage.tsx"],"names":[],"mappings":"AAgDA,wBAAgB,8BAA8B,gCAsO7C"}
+{"version":3,"file":"MarketplaceMarketplacePagePage.d.ts","sourceRoot":"","sources":["../../../src/crewfoundry/pages/MarketplaceMarketplacePagePage.tsx"],"names":[],"mappings":"AAiCA,wBAAgB,8BAA8B,gCA2N7C"}