@burdenoff/microfe-ecoimpacthub 2026.525.1 → 2026.704.2

package/dist/ecoimpacthub/pages/habitat/HabitatProjectsPage.js

@@ -0,0 +1,361 @@
+import { useEcoImpactHub as e } from "../../context/EcoImpactHubContext.js";
+import { PageLayout as t } from "../../components/PageLayout.js";
+import { formatDate as n, formatNumber as r, formatRelativeTime as i } from "../../utils/formatters.js";
+import { StatusBadge as a } from "../../components/StatusBadge.js";
+import { ErrorView as o, LoadingView as s } from "../../components/StateViews.js";
+import { EmptyState as c } from "../../components/EmptyState.js";
+import "../../context/index.js";
+import { useEcoCreateHabitatProject as l, useEcoHabitatProjects as u, useEcoSites as d } from "../../hooks/useEcoImpactHubApi.js";
+import "../../hooks/index.js";
+import { DataTable as f } from "../../components/DataTable.js";
+import { FilterTabs as p } from "../../components/FilterTabs.js";
+import { useMemo as m, useState as h } from "react";
+import { Plus as g, Trees as _ } from "lucide-react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { Button as b, Input as x, Label as S, ResponsiveDialog as C, ResponsiveDialogContent as w, ResponsiveDialogDescription as ee, ResponsiveDialogFooter as te, ResponsiveDialogHeader as T, ResponsiveDialogTitle as E, Select as D, SelectContent as O, SelectItem as k, SelectTrigger as A, SelectValue as j, Textarea as M } from "@burdenoff/fe-libs/ui";
+//#region src/ecoimpacthub/pages/habitat/HabitatProjectsPage.tsx
+var N = [
+	{
+		value: "ALL",
+		label: "All"
+	},
+	{
+		value: "PLANNED",
+		label: "Planned"
+	},
+	{
+		value: "IN_PROGRESS",
+		label: "In progress"
+	},
+	{
+		value: "MONITORING",
+		label: "Monitoring"
+	},
+	{
+		value: "COMPLETED",
+		label: "Completed"
+	},
+	{
+		value: "ON_HOLD",
+		label: "On hold"
+	},
+	{
+		value: "CANCELLED",
+		label: "Cancelled"
+	}
+], P = "NONE", F = {
+	name: "",
+	description: "",
+	siteId: P,
+	targetHectares: "",
+	budgetAmount: "",
+	currency: "USD",
+	startDate: "",
+	endDate: ""
+}, I = (e) => e ? new Date(e).toISOString() : null;
+function L() {
+	let { navigateTo: L } = e(), [R, z] = h("ALL"), [B, V] = h(!1), [H, U] = h(F), [W, G] = h(null), { data: K, isLoading: q, isError: J, refetch: Y } = u(R === "ALL" ? void 0 : R), X = d({ pagination: {
+		limit: 100,
+		offset: 0
+	} }), Z = l(), Q = m(() => K ?? [], [K]), ne = X.data?.items ?? [], re = [
+		{
+			key: "name",
+			header: "Project",
+			render: (e) => /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+				className: "font-semibold text-text-primary",
+				children: e.name
+			}), e.description && /* @__PURE__ */ v("p", {
+				className: "max-w-xs truncate text-xs text-text-tertiary",
+				children: e.description
+			})] })
+		},
+		{
+			key: "status",
+			header: "Status",
+			render: (e) => /* @__PURE__ */ v(a, { status: e.status })
+		},
+		{
+			key: "target",
+			header: "Target",
+			align: "right",
+			hideOnMobile: !0,
+			sortValue: (e) => e.targetHectares ?? 0,
+			render: (e) => e.targetHectares == null ? /* @__PURE__ */ v("span", {
+				className: "text-text-tertiary",
+				children: "—"
+			}) : /* @__PURE__ */ y("span", {
+				className: "tabular-nums text-text-secondary",
+				children: [r(e.targetHectares), " ha"]
+			})
+		},
+		{
+			key: "budget",
+			header: "Budget",
+			align: "right",
+			hideOnMobile: !0,
+			sortValue: (e) => e.budgetAmount,
+			render: (e) => /* @__PURE__ */ y("span", {
+				className: "tabular-nums text-text-secondary",
+				children: [
+					r(e.budgetAmount),
+					" ",
+					e.currency
+				]
+			})
+		},
+		{
+			key: "timeline",
+			header: "Timeline",
+			hideOnMobile: !0,
+			render: (e) => /* @__PURE__ */ y("span", {
+				className: "text-text-secondary",
+				children: [
+					n(e.startDate),
+					" – ",
+					n(e.endDate)
+				]
+			})
+		},
+		{
+			key: "updated",
+			header: "Updated",
+			align: "right",
+			hideOnMobile: !0,
+			render: (e) => /* @__PURE__ */ v("span", {
+				className: "text-text-tertiary",
+				children: i(e.updatedAt)
+			})
+		}
+	], $ = () => {
+		U(F), G(null);
+	};
+	return /* @__PURE__ */ y(t, {
+		title: "Habitat projects",
+		description: "Restoration & conservation projects — planting, rewilding, invasive removal & monitoring.",
+		actions: /* @__PURE__ */ y(b, {
+			onClick: () => V(!0),
+			children: [/* @__PURE__ */ v(g, { className: "mr-1.5 h-4 w-4" }), " New project"]
+		}),
+		children: [
+			/* @__PURE__ */ v("div", {
+				className: "mb-5 flex flex-wrap items-center gap-3",
+				children: /* @__PURE__ */ v(p, {
+					options: N,
+					value: R,
+					onChange: z
+				})
+			}),
+			q ? /* @__PURE__ */ v(s, { label: "Loading habitat projects…" }) : J ? /* @__PURE__ */ v(o, {
+				message: "Couldn't load habitat projects.",
+				onRetry: () => Y()
+			}) : Q.length === 0 ? /* @__PURE__ */ v(c, {
+				illustration: "empty-data",
+				icon: /* @__PURE__ */ v(_, { className: "h-10 w-10" }),
+				title: "No habitat projects yet",
+				description: R === "ALL" ? "Create your first restoration project to plan work, budget and track activities." : "No projects match this filter.",
+				action: /* @__PURE__ */ y(b, {
+					onClick: () => V(!0),
+					children: [/* @__PURE__ */ v(g, { className: "mr-1.5 h-4 w-4" }), " New project"]
+				})
+			}) : /* @__PURE__ */ v(f, {
+				columns: re,
+				rows: Q,
+				rowKey: (e) => e.id,
+				onRowClick: (e) => L(`habitat/${e.id}`)
+			}),
+			/* @__PURE__ */ v(C, {
+				open: B,
+				onOpenChange: (e) => {
+					V(e), e || $();
+				},
+				children: /* @__PURE__ */ y(w, { children: [
+					/* @__PURE__ */ y(T, { children: [/* @__PURE__ */ v(E, { children: "New habitat project" }), /* @__PURE__ */ v(ee, { children: "Plan a restoration or conservation project and track its activities over time." })] }),
+					/* @__PURE__ */ y("div", {
+						className: "grid gap-4 py-2",
+						children: [
+							/* @__PURE__ */ y("div", {
+								className: "grid gap-1.5",
+								children: [/* @__PURE__ */ v(S, {
+									htmlFor: "name",
+									children: "Name *"
+								}), /* @__PURE__ */ v(x, {
+									id: "name",
+									value: H.name,
+									onChange: (e) => U({
+										...H,
+										name: e.target.value
+									}),
+									placeholder: "Palar mangrove restoration"
+								})]
+							}),
+							/* @__PURE__ */ y("div", {
+								className: "grid gap-1.5",
+								children: [/* @__PURE__ */ v(S, {
+									htmlFor: "description",
+									children: "Description"
+								}), /* @__PURE__ */ v(M, {
+									id: "description",
+									value: H.description,
+									onChange: (e) => U({
+										...H,
+										description: e.target.value
+									}),
+									placeholder: "Optional context about the project's goals.",
+									rows: 2
+								})]
+							}),
+							/* @__PURE__ */ y("div", {
+								className: "grid gap-1.5",
+								children: [/* @__PURE__ */ v(S, {
+									htmlFor: "site",
+									children: "Site"
+								}), /* @__PURE__ */ y(D, {
+									value: H.siteId,
+									onValueChange: (e) => U({
+										...H,
+										siteId: e
+									}),
+									children: [/* @__PURE__ */ v(A, {
+										id: "site",
+										children: /* @__PURE__ */ v(j, { placeholder: "No site" })
+									}), /* @__PURE__ */ y(O, { children: [/* @__PURE__ */ v(k, {
+										value: P,
+										children: "No site"
+									}), ne.map((e) => /* @__PURE__ */ v(k, {
+										value: e.id,
+										children: e.name
+									}, e.id))] })]
+								})]
+							}),
+							/* @__PURE__ */ y("div", {
+								className: "grid gap-2 sm:grid-cols-2",
+								children: [/* @__PURE__ */ y("div", {
+									className: "grid gap-1.5",
+									children: [/* @__PURE__ */ v(S, {
+										htmlFor: "target",
+										children: "Target (hectares)"
+									}), /* @__PURE__ */ v(x, {
+										id: "target",
+										type: "number",
+										min: "0",
+										step: "any",
+										value: H.targetHectares,
+										onChange: (e) => U({
+											...H,
+											targetHectares: e.target.value
+										}),
+										placeholder: "12.5"
+									})]
+								}), /* @__PURE__ */ y("div", {
+									className: "grid gap-2 sm:grid-cols-[1fr_auto]",
+									children: [/* @__PURE__ */ y("div", {
+										className: "grid gap-1.5",
+										children: [/* @__PURE__ */ v(S, {
+											htmlFor: "budget",
+											children: "Budget"
+										}), /* @__PURE__ */ v(x, {
+											id: "budget",
+											type: "number",
+											min: "0",
+											step: "any",
+											value: H.budgetAmount,
+											onChange: (e) => U({
+												...H,
+												budgetAmount: e.target.value
+											}),
+											placeholder: "50000"
+										})]
+									}), /* @__PURE__ */ y("div", {
+										className: "grid gap-1.5",
+										children: [/* @__PURE__ */ v(S, {
+											htmlFor: "currency",
+											children: "Currency"
+										}), /* @__PURE__ */ v(x, {
+											id: "currency",
+											value: H.currency,
+											onChange: (e) => U({
+												...H,
+												currency: e.target.value
+											}),
+											placeholder: "USD",
+											className: "w-24"
+										})]
+									})]
+								})]
+							}),
+							/* @__PURE__ */ y("div", {
+								className: "grid gap-2 sm:grid-cols-2",
+								children: [/* @__PURE__ */ y("div", {
+									className: "grid gap-1.5",
+									children: [/* @__PURE__ */ v(S, {
+										htmlFor: "startDate",
+										children: "Start date"
+									}), /* @__PURE__ */ v(x, {
+										id: "startDate",
+										type: "date",
+										value: H.startDate,
+										onChange: (e) => U({
+											...H,
+											startDate: e.target.value
+										})
+									})]
+								}), /* @__PURE__ */ y("div", {
+									className: "grid gap-1.5",
+									children: [/* @__PURE__ */ v(S, {
+										htmlFor: "endDate",
+										children: "End date"
+									}), /* @__PURE__ */ v(x, {
+										id: "endDate",
+										type: "date",
+										value: H.endDate,
+										onChange: (e) => U({
+											...H,
+											endDate: e.target.value
+										})
+									})]
+								})]
+							}),
+							W && /* @__PURE__ */ v("p", {
+								className: "text-sm text-status-error-text",
+								children: W
+							})
+						]
+					}),
+					/* @__PURE__ */ y(te, { children: [/* @__PURE__ */ v(b, {
+						variant: "outline",
+						onClick: () => V(!1),
+						children: "Cancel"
+					}), /* @__PURE__ */ v(b, {
+						onClick: async () => {
+							if (!H.name.trim()) {
+								G("Project name is required.");
+								return;
+							}
+							try {
+								let e = await Z.mutateAsync({
+									name: H.name.trim(),
+									description: H.description.trim() || null,
+									siteId: H.siteId && H.siteId !== P ? H.siteId : null,
+									targetHectares: H.targetHectares ? Number(H.targetHectares) : null,
+									budgetAmount: H.budgetAmount ? Number(H.budgetAmount) : null,
+									currency: H.currency.trim() || null,
+									startDate: I(H.startDate),
+									endDate: I(H.endDate)
+								});
+								V(!1), $(), L(`habitat/${e.id}`);
+							} catch (e) {
+								G(e instanceof Error ? e.message : "Failed to create project.");
+							}
+						},
+						disabled: Z.isPending,
+						children: Z.isPending ? "Creating…" : "Create project"
+					})] })
+				] })
+			})
+		]
+	});
+}
+//#endregion
+export { L as HabitatProjectsPage };
+
+//# sourceMappingURL=HabitatProjectsPage.js.map

package/dist/ecoimpacthub/pages/habitat/HabitatProjectsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HabitatProjectsPage.js","names":[],"sources":["../../../../src/ecoimpacthub/pages/habitat/HabitatProjectsPage.tsx"],"sourcesContent":["/**\n * Habitat projects — list, filter, and create restoration & conservation projects.\n * @module ecoimpacthub/pages/habitat\n *\n * Reads `ecoListHabitatProjects` (plain array); writes `ecoCreateHabitatProject`.\n */\n\nimport { useMemo, useState } from 'react';\nimport { Plus, Trees } from 'lucide-react';\nimport {\n  Button,\n  Input,\n  Label,\n  Textarea,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  ResponsiveDialogDescription,\n  ResponsiveDialogFooter,\n} from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { DataTable, type Column } from '../../components/DataTable';\nimport { FilterTabs, type FilterOption } from '../../components/FilterTabs';\nimport { LoadingView, ErrorView } from '../../components/StateViews';\nimport { EmptyState } from '../../components/EmptyState';\nimport { useEcoImpactHub } from '../../context';\nimport { useEcoHabitatProjects, useEcoCreateHabitatProject, useEcoSites } from '../../hooks';\nimport { formatDate, formatNumber, formatRelativeTime } from '../../utils/formatters';\nimport type { EcoHabitatProject, EcoHabitatProjectStatus } from '../../types';\n\nconst STATUS_FILTERS: FilterOption<EcoHabitatProjectStatus | 'ALL'>[] = [\n  { value: 'ALL', label: 'All' },\n  { value: 'PLANNED', label: 'Planned' },\n  { value: 'IN_PROGRESS', label: 'In progress' },\n  { value: 'MONITORING', label: 'Monitoring' },\n  { value: 'COMPLETED', label: 'Completed' },\n  { value: 'ON_HOLD', label: 'On hold' },\n  { value: 'CANCELLED', label: 'Cancelled' },\n];\n\nconst NO_SITE = 'NONE';\n\ninterface CreateFormState {\n  name: string;\n  description: string;\n  siteId: string;\n  targetHectares: string;\n  budgetAmount: string;\n  currency: string;\n  startDate: string;\n  endDate: string;\n}\n\nconst EMPTY_FORM: CreateFormState = {\n  name: '',\n  description: '',\n  siteId: NO_SITE,\n  targetHectares: '',\n  budgetAmount: '',\n  currency: 'USD',\n  startDate: '',\n  endDate: '',\n};\n\nconst toIso = (value: string): string | null => (value ? new Date(value).toISOString() : null);\n\nexport function HabitatProjectsPage() {\n  const { navigateTo } = useEcoImpactHub();\n  const [status, setStatus] = useState<EcoHabitatProjectStatus | 'ALL'>('ALL');\n  const [dialogOpen, setDialogOpen] = useState(false);\n  const [form, setForm] = useState<CreateFormState>(EMPTY_FORM);\n  const [formError, setFormError] = useState<string | null>(null);\n\n  const { data, isLoading, isError, refetch } = useEcoHabitatProjects(\n    status === 'ALL' ? undefined : status\n  );\n  const sites = useEcoSites({ pagination: { limit: 100, offset: 0 } });\n  const createProject = useEcoCreateHabitatProject();\n\n  const rows = useMemo(() => data ?? [], [data]);\n  const siteOptions = sites.data?.items ?? [];\n\n  const columns: Column<EcoHabitatProject>[] = [\n    {\n      key: 'name',\n      header: 'Project',\n      render: (p) => (\n        <div>\n          <p className=\"font-semibold text-text-primary\">{p.name}</p>\n          {p.description && (\n            <p className=\"max-w-xs truncate text-xs text-text-tertiary\">{p.description}</p>\n          )}\n        </div>\n      ),\n    },\n    {\n      key: 'status',\n      header: 'Status',\n      render: (p) => <StatusBadge status={p.status} />,\n    },\n    {\n      key: 'target',\n      header: 'Target',\n      align: 'right',\n      hideOnMobile: true,\n      sortValue: (p) => p.targetHectares ?? 0,\n      render: (p) =>\n        p.targetHectares != null ? (\n          <span className=\"tabular-nums text-text-secondary\">\n            {formatNumber(p.targetHectares)} ha\n          </span>\n        ) : (\n          <span className=\"text-text-tertiary\">—</span>\n        ),\n    },\n    {\n      key: 'budget',\n      header: 'Budget',\n      align: 'right',\n      hideOnMobile: true,\n      sortValue: (p) => p.budgetAmount,\n      render: (p) => (\n        <span className=\"tabular-nums text-text-secondary\">\n          {formatNumber(p.budgetAmount)} {p.currency}\n        </span>\n      ),\n    },\n    {\n      key: 'timeline',\n      header: 'Timeline',\n      hideOnMobile: true,\n      render: (p) => (\n        <span className=\"text-text-secondary\">\n          {formatDate(p.startDate)} – {formatDate(p.endDate)}\n        </span>\n      ),\n    },\n    {\n      key: 'updated',\n      header: 'Updated',\n      align: 'right',\n      hideOnMobile: true,\n      render: (p) => <span className=\"text-text-tertiary\">{formatRelativeTime(p.updatedAt)}</span>,\n    },\n  ];\n\n  const resetForm = () => {\n    setForm(EMPTY_FORM);\n    setFormError(null);\n  };\n\n  const handleCreate = async () => {\n    if (!form.name.trim()) {\n      setFormError('Project name is required.');\n      return;\n    }\n    try {\n      const created = await createProject.mutateAsync({\n        name: form.name.trim(),\n        description: form.description.trim() || null,\n        siteId: form.siteId && form.siteId !== NO_SITE ? form.siteId : null,\n        targetHectares: form.targetHectares ? Number(form.targetHectares) : null,\n        budgetAmount: form.budgetAmount ? Number(form.budgetAmount) : null,\n        currency: form.currency.trim() || null,\n        startDate: toIso(form.startDate),\n        endDate: toIso(form.endDate),\n      });\n      setDialogOpen(false);\n      resetForm();\n      navigateTo(`habitat/${created.id}`);\n    } catch (err) {\n      setFormError(err instanceof Error ? err.message : 'Failed to create project.');\n    }\n  };\n\n  return (\n    <PageLayout\n      title=\"Habitat projects\"\n      description=\"Restoration & conservation projects — planting, rewilding, invasive removal & monitoring.\"\n      actions={\n        <Button onClick={() => setDialogOpen(true)}>\n          <Plus className=\"mr-1.5 h-4 w-4\" /> New project\n        </Button>\n      }\n    >\n      <div className=\"mb-5 flex flex-wrap items-center gap-3\">\n        <FilterTabs options={STATUS_FILTERS} value={status} onChange={setStatus} />\n      </div>\n\n      {isLoading ? (\n        <LoadingView label=\"Loading habitat projects…\" />\n      ) : isError ? (\n        <ErrorView message=\"Couldn't load habitat projects.\" onRetry={() => refetch()} />\n      ) : rows.length === 0 ? (\n        <EmptyState\n          illustration=\"empty-data\"\n          icon={<Trees className=\"h-10 w-10\" />}\n          title=\"No habitat projects yet\"\n          description={\n            status === 'ALL'\n              ? 'Create your first restoration project to plan work, budget and track activities.'\n              : 'No projects match this filter.'\n          }\n          action={\n            <Button onClick={() => setDialogOpen(true)}>\n              <Plus className=\"mr-1.5 h-4 w-4\" /> New project\n            </Button>\n          }\n        />\n      ) : (\n        <DataTable\n          columns={columns}\n          rows={rows}\n          rowKey={(p) => p.id}\n          onRowClick={(p) => navigateTo(`habitat/${p.id}`)}\n        />\n      )}\n\n      <ResponsiveDialog\n        open={dialogOpen}\n        onOpenChange={(open) => {\n          setDialogOpen(open);\n          if (!open) resetForm();\n        }}\n      >\n        <ResponsiveDialogContent>\n          <ResponsiveDialogHeader>\n            <ResponsiveDialogTitle>New habitat project</ResponsiveDialogTitle>\n            <ResponsiveDialogDescription>\n              Plan a restoration or conservation project and track its activities over time.\n            </ResponsiveDialogDescription>\n          </ResponsiveDialogHeader>\n\n          <div className=\"grid gap-4 py-2\">\n            <div className=\"grid gap-1.5\">\n              <Label htmlFor=\"name\">Name *</Label>\n              <Input\n                id=\"name\"\n                value={form.name}\n                onChange={(e) => setForm({ ...form, name: e.target.value })}\n                placeholder=\"Palar mangrove restoration\"\n              />\n            </div>\n\n            <div className=\"grid gap-1.5\">\n              <Label htmlFor=\"description\">Description</Label>\n              <Textarea\n                id=\"description\"\n                value={form.description}\n                onChange={(e) => setForm({ ...form, description: e.target.value })}\n                placeholder=\"Optional context about the project's goals.\"\n                rows={2}\n              />\n            </div>\n\n            <div className=\"grid gap-1.5\">\n              <Label htmlFor=\"site\">Site</Label>\n              <Select value={form.siteId} onValueChange={(v) => setForm({ ...form, siteId: v })}>\n                <SelectTrigger id=\"site\">\n                  <SelectValue placeholder=\"No site\" />\n                </SelectTrigger>\n                <SelectContent>\n                  <SelectItem value={NO_SITE}>No site</SelectItem>\n                  {siteOptions.map((s) => (\n                    <SelectItem key={s.id} value={s.id}>\n                      {s.name}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n            </div>\n\n            <div className=\"grid gap-2 sm:grid-cols-2\">\n              <div className=\"grid gap-1.5\">\n                <Label htmlFor=\"target\">Target (hectares)</Label>\n                <Input\n                  id=\"target\"\n                  type=\"number\"\n                  min=\"0\"\n                  step=\"any\"\n                  value={form.targetHectares}\n                  onChange={(e) => setForm({ ...form, targetHectares: e.target.value })}\n                  placeholder=\"12.5\"\n                />\n              </div>\n              <div className=\"grid gap-2 sm:grid-cols-[1fr_auto]\">\n                <div className=\"grid gap-1.5\">\n                  <Label htmlFor=\"budget\">Budget</Label>\n                  <Input\n                    id=\"budget\"\n                    type=\"number\"\n                    min=\"0\"\n                    step=\"any\"\n                    value={form.budgetAmount}\n                    onChange={(e) => setForm({ ...form, budgetAmount: e.target.value })}\n                    placeholder=\"50000\"\n                  />\n                </div>\n                <div className=\"grid gap-1.5\">\n                  <Label htmlFor=\"currency\">Currency</Label>\n                  <Input\n                    id=\"currency\"\n                    value={form.currency}\n                    onChange={(e) => setForm({ ...form, currency: e.target.value })}\n                    placeholder=\"USD\"\n                    className=\"w-24\"\n                  />\n                </div>\n              </div>\n            </div>\n\n            <div className=\"grid gap-2 sm:grid-cols-2\">\n              <div className=\"grid gap-1.5\">\n                <Label htmlFor=\"startDate\">Start date</Label>\n                <Input\n                  id=\"startDate\"\n                  type=\"date\"\n                  value={form.startDate}\n                  onChange={(e) => setForm({ ...form, startDate: e.target.value })}\n                />\n              </div>\n              <div className=\"grid gap-1.5\">\n                <Label htmlFor=\"endDate\">End date</Label>\n                <Input\n                  id=\"endDate\"\n                  type=\"date\"\n                  value={form.endDate}\n                  onChange={(e) => setForm({ ...form, endDate: e.target.value })}\n                />\n              </div>\n            </div>\n\n            {formError && <p className=\"text-sm text-status-error-text\">{formError}</p>}\n          </div>\n\n          <ResponsiveDialogFooter>\n            <Button variant=\"outline\" onClick={() => setDialogOpen(false)}>\n              Cancel\n            </Button>\n            <Button onClick={handleCreate} disabled={createProject.isPending}>\n              {createProject.isPending ? 'Creating…' : 'Create project'}\n            </Button>\n          </ResponsiveDialogFooter>\n        </ResponsiveDialogContent>\n      </ResponsiveDialog>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}