@burdenoff/microfe-theglobalfuel 2026.1031.1 → 2026.1102.1

package/dist/theglobalfuel/components/AllocateProductionSheet.d.ts

@@ -0,0 +1,13 @@
+import { TheProductionRecord } from '../types';
+
+interface AllocateProductionSheetProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    /** The measured record being allocated; the sheet renders nothing without one. */
+    record: TheProductionRecord | null;
+    /** Display name of the record's measurement asset. */
+    measurementAssetName?: string;
+}
+export declare function AllocateProductionSheet({ open, onOpenChange, record, measurementAssetName, }: AllocateProductionSheetProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=AllocateProductionSheet.d.ts.map

package/dist/theglobalfuel/components/AllocateProductionSheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AllocateProductionSheet.d.ts","sourceRoot":"","sources":["../../../src/theglobalfuel/components/AllocateProductionSheet.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AA8BH,OAAO,KAAK,EAAuB,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAEzE,UAAU,4BAA4B;IACpC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,kFAAkF;IAClF,MAAM,EAAE,mBAAmB,GAAG,IAAI,CAAC;IACnC,sDAAsD;IACtD,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,wBAAgB,uBAAuB,CAAC,EACtC,IAAI,EACJ,YAAY,EACZ,MAAM,EACN,oBAAoB,GACrB,EAAE,4BAA4B,+BAiS9B"}

package/dist/theglobalfuel/components/AllocateProductionSheet.js

@@ -0,0 +1,274 @@
+import { cn as e } from "../utils/cn.js";
+import { formatDate as t, formatNumber as n, formatVolume as r } from "../utils/formatters.js";
+import { useTheAllAssets as i, useTheCreateProductionAllocation as a } from "../hooks/useTheGlobalFuelApi.js";
+import { useNotify as ee } from "../hooks/useNotify.js";
+import "../hooks/index.js";
+import { buildAllocationInput as o, newAllocationRow as s, previewAllocation as c } from "../utils/allocationForm.js";
+import { useMemo as l, useState as u } from "react";
+import { Plus as d, Trash2 as te } from "lucide-react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Button as m, Input as h, Label as g, ResponsiveDialog as _, ResponsiveDialogContent as v, ResponsiveDialogDescription as y, ResponsiveDialogFooter as b, ResponsiveDialogHeader as x, ResponsiveDialogTitle as S, Select as C, SelectContent as w, SelectItem as T, SelectTrigger as E, SelectValue as D, Textarea as O } from "@burdenoff/fe-libs/ui";
+//#region src/theglobalfuel/components/AllocateProductionSheet.tsx
+function k({ open: k, onOpenChange: A, record: j, measurementAssetName: M }) {
+	let N = ee(), P = i({ enabled: k }), F = a(), I = l(() => [...P.data?.items ?? []].sort((e, t) => e.name.localeCompare(t.name)), [P.data]), L = l(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of I) e.set(t.id, t.workingInterestPct);
+		return e;
+	}, [I]), [R, z] = u("MANUAL"), [B, V] = u(() => [s()]), [H, U] = u(""), [W, G] = u(null), K = k && j ? `open:${j.id}` : "closed", [q, J] = u(K);
+	K !== q && (J(K), k && j && (z("MANUAL"), V([s()]), U(""), G(null)));
+	let Y = j?.volume ?? 0, X = j?.unit ?? "BARRELS", Z = c(R, Y, B, (e) => L.get(e) ?? 100), Q = (e, t) => V((n) => n.map((n) => n.key === e ? {
+		...n,
+		...t
+	} : n)), ne = (e) => V((t) => t.length > 1 ? t.filter((t) => t.key !== e) : t), $ = () => A(!1), re = async () => {
+		if (!j) return;
+		let e = o({
+			productionRecordId: j.id,
+			method: R,
+			measuredVolume: Y,
+			rows: B,
+			notes: H
+		});
+		if (!e.ok) {
+			G(e.error), N.error(e.error);
+			return;
+		}
+		G(null);
+		try {
+			await F.mutateAsync(e.input), N.success("Allocation drafted — approve it to lock the split"), $();
+		} catch (e) {
+			G(e instanceof Error ? e.message : "Failed to allocate production."), N.fromError(e);
+		}
+	}, ie = R === "PRO_RATA" ? "Factor" : "Volume";
+	return /* @__PURE__ */ f(_, {
+		open: k && !!j,
+		onOpenChange: A,
+		children: /* @__PURE__ */ p(v, {
+			"data-testid": "allocate-production-sheet",
+			className: "md:max-w-3xl",
+			children: [/* @__PURE__ */ p(x, { children: [/* @__PURE__ */ f(S, { children: "Allocate production" }), /* @__PURE__ */ f(y, { children: j ? `${r(j.volume, j.unit)} measured at ${M ?? "this asset"}, ${t(j.periodStart)} – ${t(j.periodEnd)}.` : "" })] }), /* @__PURE__ */ p("form", {
+				onSubmit: (e) => {
+					e.preventDefault(), re();
+				},
+				children: [/* @__PURE__ */ p("div", {
+					className: "grid gap-4 py-2",
+					children: [
+						/* @__PURE__ */ p("div", {
+							className: "grid gap-1.5",
+							children: [
+								/* @__PURE__ */ f(g, {
+									htmlFor: "alMethod",
+									children: "Method"
+								}),
+								/* @__PURE__ */ p(C, {
+									value: R,
+									onValueChange: (e) => z(e),
+									children: [/* @__PURE__ */ f(E, {
+										id: "alMethod",
+										className: "h-11 md:h-10 md:w-72",
+										children: /* @__PURE__ */ f(D, {})
+									}), /* @__PURE__ */ p(w, { children: [/* @__PURE__ */ f(T, {
+										value: "MANUAL",
+										children: "Manual — enter each asset’s volume"
+									}), /* @__PURE__ */ f(T, {
+										value: "PRO_RATA",
+										children: "Pro rata — split by factor"
+									})] })]
+								}),
+								/* @__PURE__ */ f("p", {
+									className: "text-xs text-text-tertiary",
+									children: R === "PRO_RATA" ? "Factors can be well-test rates, theoretical volumes or metered shares. The measured volume is split in proportion." : "The volumes must add up to the measured volume."
+								})
+							]
+						}),
+						/* @__PURE__ */ p("div", {
+							className: "grid gap-3",
+							children: [
+								P.data?.truncated && /* @__PURE__ */ p("p", {
+									className: "text-xs text-status-warning-text",
+									children: [
+										"Showing the first ",
+										I.length,
+										" assets of this workspace."
+									]
+								}),
+								B.map((e, t) => {
+									let i = Z.rows[t], a = L.get(e.assetId);
+									return /* @__PURE__ */ p("div", {
+										className: "grid gap-2 rounded-lg border border-border-seam p-3",
+										"data-testid": "allocation-row",
+										children: [/* @__PURE__ */ p("div", {
+											className: "grid grid-cols-1 gap-2 md:grid-cols-[minmax(0,2fr)_minmax(0,1fr)_minmax(0,1fr)_minmax(0,1fr)_auto]",
+											children: [
+												/* @__PURE__ */ p("div", {
+													className: "grid gap-1",
+													children: [/* @__PURE__ */ f(g, {
+														htmlFor: `${e.key}-asset`,
+														className: "text-xs",
+														children: "Contributing asset"
+													}), /* @__PURE__ */ p(C, {
+														value: e.assetId,
+														onValueChange: (t) => Q(e.key, { assetId: t }),
+														children: [/* @__PURE__ */ f(E, {
+															id: `${e.key}-asset`,
+															className: "h-10",
+															children: /* @__PURE__ */ f(D, { placeholder: "Select an asset" })
+														}), /* @__PURE__ */ f(w, { children: I.map((e) => /* @__PURE__ */ f(T, {
+															value: e.id,
+															children: e.name
+														}, e.id)) })]
+													})]
+												}),
+												/* @__PURE__ */ p("div", {
+													className: "grid gap-1",
+													children: [/* @__PURE__ */ f(g, {
+														htmlFor: `${e.key}-amount`,
+														className: "text-xs",
+														children: ie
+													}), /* @__PURE__ */ f(h, {
+														id: `${e.key}-amount`,
+														type: "number",
+														inputMode: "decimal",
+														min: "0",
+														step: "any",
+														className: "h-10 tabular-nums",
+														value: e.amount,
+														onChange: (t) => Q(e.key, { amount: t.target.value })
+													})]
+												}),
+												/* @__PURE__ */ p("div", {
+													className: "grid gap-1",
+													children: [/* @__PURE__ */ f(g, {
+														htmlFor: `${e.key}-wi`,
+														className: "text-xs",
+														children: "Working interest %"
+													}), /* @__PURE__ */ f(h, {
+														id: `${e.key}-wi`,
+														type: "number",
+														inputMode: "decimal",
+														min: "0",
+														max: "100",
+														step: "any",
+														className: "h-10 tabular-nums",
+														placeholder: a == null ? "100" : n(a),
+														value: e.workingInterestPct,
+														onChange: (t) => Q(e.key, { workingInterestPct: t.target.value })
+													})]
+												}),
+												/* @__PURE__ */ p("div", {
+													className: "grid gap-1",
+													children: [/* @__PURE__ */ f(g, {
+														htmlFor: `${e.key}-royalty`,
+														className: "text-xs",
+														children: "Royalty %"
+													}), /* @__PURE__ */ f(h, {
+														id: `${e.key}-royalty`,
+														type: "number",
+														inputMode: "decimal",
+														min: "0",
+														max: "100",
+														step: "any",
+														className: "h-10 tabular-nums",
+														placeholder: "0",
+														value: e.royaltyPct,
+														onChange: (t) => Q(e.key, { royaltyPct: t.target.value })
+													})]
+												}),
+												/* @__PURE__ */ f("div", {
+													className: "flex items-end",
+													children: /* @__PURE__ */ f(m, {
+														type: "button",
+														variant: "ghost",
+														size: "icon",
+														"aria-label": `Remove row ${t + 1}`,
+														disabled: B.length === 1,
+														onClick: () => ne(e.key),
+														children: /* @__PURE__ */ f(te, { className: "h-4 w-4" })
+													})
+												})
+											]
+										}), i && /* @__PURE__ */ p("p", {
+											className: "text-xs tabular-nums text-text-secondary",
+											children: [
+												"Gross ",
+												r(i.allocatedVolume, X),
+												" (",
+												n(i.sharePct, { maximumFractionDigits: 2 }),
+												"%) · Net WI",
+												" ",
+												r(i.netWorkingInterestVolume, X),
+												" · Royalty",
+												" ",
+												r(i.royaltyVolume, X),
+												" · Net revenue",
+												" ",
+												r(i.netRevenueVolume, X)
+											]
+										})]
+									}, e.key);
+								}),
+								/* @__PURE__ */ f("div", { children: /* @__PURE__ */ p(m, {
+									type: "button",
+									variant: "outline",
+									size: "sm",
+									onClick: () => V((e) => [...e, s()]),
+									children: [/* @__PURE__ */ f(d, { className: "mr-1.5 h-4 w-4" }), " Add asset"]
+								}) })
+							]
+						}),
+						/* @__PURE__ */ p("div", {
+							className: e("rounded-lg px-3 py-2 text-sm tabular-nums", Z.balanced ? "bg-status-success-bg-subtle text-status-success-text" : "bg-status-warning-bg-subtle text-status-warning-text"),
+							"data-testid": "allocation-balance",
+							children: [
+								"Allocated ",
+								r(Z.allocatedTotal, X),
+								" of",
+								" ",
+								r(Y, X),
+								R === "MANUAL" && !Z.balanced ? ` — ${r(Math.abs(Z.difference), X)} ${Z.difference > 0 ? "left to allocate" : "over-allocated"}` : "",
+								" · ",
+								"Net revenue ",
+								r(Z.netRevenueTotal, X)
+							]
+						}),
+						/* @__PURE__ */ p("div", {
+							className: "grid gap-1.5",
+							children: [/* @__PURE__ */ f(g, {
+								htmlFor: "alNotes",
+								children: "Notes"
+							}), /* @__PURE__ */ f(O, {
+								id: "alNotes",
+								rows: 2,
+								value: H,
+								onChange: (e) => U(e.target.value),
+								placeholder: "Basis for the split (well tests, meter proving, agreements)."
+							})]
+						}),
+						W && /* @__PURE__ */ f("p", {
+							role: "alert",
+							className: "text-sm text-status-error-text",
+							children: W
+						})
+					]
+				}), /* @__PURE__ */ p(b, {
+					className: "max-md:flex-col-reverse max-md:gap-2",
+					children: [/* @__PURE__ */ f(m, {
+						type: "button",
+						variant: "outline",
+						className: "max-md:h-11",
+						onClick: $,
+						children: "Cancel"
+					}), /* @__PURE__ */ f(m, {
+						type: "submit",
+						className: "max-md:h-11",
+						disabled: F.isPending,
+						children: F.isPending ? "Saving…" : "Save draft allocation"
+					})]
+				})]
+			})]
+		})
+	});
+}
+//#endregion
+export { k as AllocateProductionSheet };
+
+//# sourceMappingURL=AllocateProductionSheet.js.map

package/dist/theglobalfuel/components/AllocateProductionSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AllocateProductionSheet.js","names":[],"sources":["../../../src/theglobalfuel/components/AllocateProductionSheet.tsx"],"sourcesContent":["/**\n * AllocateProductionSheet — split one measured production record across the\n * assets that contributed to it (BOFF-4180).\n * @module theglobalfuel/components\n *\n * MANUAL: the operator enters each asset's volume; the rows must add up to the\n * measured volume. PRO_RATA: the operator enters a factor per asset (well-test\n * rate, theoretical volume, metered share) and the measured volume is split in\n * proportion. Each row can override the asset's working interest and add a\n * royalty burden; the live preview shows the split and the net volumes before\n * anything is saved. Writes `theCreateProductionAllocation` (creates a DRAFT).\n */\n\nimport { useMemo, useState } from 'react';\nimport { Plus, Trash2 } 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 { useNotify, useTheAllAssets, useTheCreateProductionAllocation } from '../hooks';\nimport { cn } from '../utils/cn';\nimport { formatDate, formatNumber, formatVolume } from '../utils/formatters';\nimport {\n  buildAllocationInput,\n  newAllocationRow,\n  previewAllocation,\n  type AllocationRowState,\n} from '../utils/allocationForm';\nimport type { TheAllocationMethod, TheProductionRecord } from '../types';\n\ninterface AllocateProductionSheetProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  /** The measured record being allocated; the sheet renders nothing without one. */\n  record: TheProductionRecord | null;\n  /** Display name of the record's measurement asset. */\n  measurementAssetName?: string;\n}\n\nexport function AllocateProductionSheet({\n  open,\n  onOpenChange,\n  record,\n  measurementAssetName,\n}: AllocateProductionSheetProps) {\n  const notify = useNotify();\n  // Every workspace asset, not just the first page: any of them can contribute.\n  const assetsQuery = useTheAllAssets({ enabled: open });\n  const createAllocation = useTheCreateProductionAllocation();\n  const assets = useMemo(\n    () => [...(assetsQuery.data?.items ?? [])].sort((a, b) => a.name.localeCompare(b.name)),\n    [assetsQuery.data]\n  );\n  const workingInterestByAsset = useMemo(() => {\n    const map = new Map<string, number>();\n    for (const a of assets) map.set(a.id, a.workingInterestPct);\n    return map;\n  }, [assets]);\n\n  const [method, setMethod] = useState<TheAllocationMethod>('MANUAL');\n  const [rows, setRows] = useState<AllocationRowState[]>(() => [newAllocationRow()]);\n  const [notes, setNotes] = useState('');\n  const [formError, setFormError] = useState<string | null>(null);\n\n  // Start from a clean form every time the sheet opens for a record (\"adjust\n  // state on prop change\" while rendering, so the first frame is already fresh).\n  const seedKey = open && record ? `open:${record.id}` : 'closed';\n  const [prevSeedKey, setPrevSeedKey] = useState(seedKey);\n  if (seedKey !== prevSeedKey) {\n    setPrevSeedKey(seedKey);\n    if (open && record) {\n      setMethod('MANUAL');\n      setRows([newAllocationRow()]);\n      setNotes('');\n      setFormError(null);\n    }\n  }\n\n  const measured = record?.volume ?? 0;\n  const unit = record?.unit ?? 'BARRELS';\n  const preview = previewAllocation(\n    method,\n    measured,\n    rows,\n    (assetId) => workingInterestByAsset.get(assetId) ?? 100\n  );\n\n  const updateRow = (key: string, patch: Partial<AllocationRowState>) =>\n    setRows((current) => current.map((r) => (r.key === key ? { ...r, ...patch } : r)));\n  const removeRow = (key: string) =>\n    setRows((current) => (current.length > 1 ? current.filter((r) => r.key !== key) : current));\n\n  const close = () => onOpenChange(false);\n\n  const handleSubmit = async () => {\n    if (!record) return;\n    const result = buildAllocationInput({\n      productionRecordId: record.id,\n      method,\n      measuredVolume: measured,\n      rows,\n      notes,\n    });\n    if (!result.ok) {\n      setFormError(result.error);\n      notify.error(result.error);\n      return;\n    }\n    setFormError(null);\n    try {\n      await createAllocation.mutateAsync(result.input);\n      notify.success('Allocation drafted — approve it to lock the split');\n      close();\n    } catch (err) {\n      setFormError(err instanceof Error ? err.message : 'Failed to allocate production.');\n      notify.fromError(err);\n    }\n  };\n\n  const amountLabel = method === 'PRO_RATA' ? 'Factor' : 'Volume';\n\n  return (\n    <ResponsiveDialog open={open && Boolean(record)} onOpenChange={onOpenChange}>\n      <ResponsiveDialogContent data-testid=\"allocate-production-sheet\" className=\"md:max-w-3xl\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>Allocate production</ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>\n            {record\n              ? `${formatVolume(record.volume, record.unit)} measured at ${\n                  measurementAssetName ?? 'this asset'\n                }, ${formatDate(record.periodStart)} – ${formatDate(record.periodEnd)}.`\n              : ''}\n          </ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n\n        <form\n          onSubmit={(e) => {\n            e.preventDefault();\n            void handleSubmit();\n          }}\n        >\n          <div className=\"grid gap-4 py-2\">\n            <div className=\"grid gap-1.5\">\n              <Label htmlFor=\"alMethod\">Method</Label>\n              <Select value={method} onValueChange={(v) => setMethod(v as TheAllocationMethod)}>\n                <SelectTrigger id=\"alMethod\" className=\"h-11 md:h-10 md:w-72\">\n                  <SelectValue />\n                </SelectTrigger>\n                <SelectContent>\n                  <SelectItem value=\"MANUAL\">Manual — enter each asset&rsquo;s volume</SelectItem>\n                  <SelectItem value=\"PRO_RATA\">Pro rata — split by factor</SelectItem>\n                </SelectContent>\n              </Select>\n              <p className=\"text-xs text-text-tertiary\">\n                {method === 'PRO_RATA'\n                  ? 'Factors can be well-test rates, theoretical volumes or metered shares. The measured volume is split in proportion.'\n                  : 'The volumes must add up to the measured volume.'}\n              </p>\n            </div>\n\n            <div className=\"grid gap-3\">\n              {assetsQuery.data?.truncated && (\n                <p className=\"text-xs text-status-warning-text\">\n                  Showing the first {assets.length} assets of this workspace.\n                </p>\n              )}\n              {rows.map((row, i) => {\n                const p = preview.rows[i];\n                const assetWi = workingInterestByAsset.get(row.assetId);\n                return (\n                  <div\n                    key={row.key}\n                    className=\"grid gap-2 rounded-lg border border-border-seam p-3\"\n                    data-testid=\"allocation-row\"\n                  >\n                    <div className=\"grid grid-cols-1 gap-2 md:grid-cols-[minmax(0,2fr)_minmax(0,1fr)_minmax(0,1fr)_minmax(0,1fr)_auto]\">\n                      <div className=\"grid gap-1\">\n                        <Label htmlFor={`${row.key}-asset`} className=\"text-xs\">\n                          Contributing asset\n                        </Label>\n                        <Select\n                          value={row.assetId}\n                          onValueChange={(v) => updateRow(row.key, { assetId: v })}\n                        >\n                          <SelectTrigger id={`${row.key}-asset`} className=\"h-10\">\n                            <SelectValue placeholder=\"Select an asset\" />\n                          </SelectTrigger>\n                          <SelectContent>\n                            {assets.map((a) => (\n                              <SelectItem key={a.id} value={a.id}>\n                                {a.name}\n                              </SelectItem>\n                            ))}\n                          </SelectContent>\n                        </Select>\n                      </div>\n                      <div className=\"grid gap-1\">\n                        <Label htmlFor={`${row.key}-amount`} className=\"text-xs\">\n                          {amountLabel}\n                        </Label>\n                        <Input\n                          id={`${row.key}-amount`}\n                          type=\"number\"\n                          inputMode=\"decimal\"\n                          min=\"0\"\n                          step=\"any\"\n                          className=\"h-10 tabular-nums\"\n                          value={row.amount}\n                          onChange={(e) => updateRow(row.key, { amount: e.target.value })}\n                        />\n                      </div>\n                      <div className=\"grid gap-1\">\n                        <Label htmlFor={`${row.key}-wi`} className=\"text-xs\">\n                          Working interest %\n                        </Label>\n                        <Input\n                          id={`${row.key}-wi`}\n                          type=\"number\"\n                          inputMode=\"decimal\"\n                          min=\"0\"\n                          max=\"100\"\n                          step=\"any\"\n                          className=\"h-10 tabular-nums\"\n                          placeholder={assetWi != null ? formatNumber(assetWi) : '100'}\n                          value={row.workingInterestPct}\n                          onChange={(e) =>\n                            updateRow(row.key, { workingInterestPct: e.target.value })\n                          }\n                        />\n                      </div>\n                      <div className=\"grid gap-1\">\n                        <Label htmlFor={`${row.key}-royalty`} className=\"text-xs\">\n                          Royalty %\n                        </Label>\n                        <Input\n                          id={`${row.key}-royalty`}\n                          type=\"number\"\n                          inputMode=\"decimal\"\n                          min=\"0\"\n                          max=\"100\"\n                          step=\"any\"\n                          className=\"h-10 tabular-nums\"\n                          placeholder=\"0\"\n                          value={row.royaltyPct}\n                          onChange={(e) => updateRow(row.key, { royaltyPct: e.target.value })}\n                        />\n                      </div>\n                      <div className=\"flex items-end\">\n                        <Button\n                          type=\"button\"\n                          variant=\"ghost\"\n                          size=\"icon\"\n                          aria-label={`Remove row ${i + 1}`}\n                          disabled={rows.length === 1}\n                          onClick={() => removeRow(row.key)}\n                        >\n                          <Trash2 className=\"h-4 w-4\" />\n                        </Button>\n                      </div>\n                    </div>\n                    {p && (\n                      <p className=\"text-xs tabular-nums text-text-secondary\">\n                        Gross {formatVolume(p.allocatedVolume, unit)} (\n                        {formatNumber(p.sharePct, { maximumFractionDigits: 2 })}%) · Net WI{' '}\n                        {formatVolume(p.netWorkingInterestVolume, unit)} · Royalty{' '}\n                        {formatVolume(p.royaltyVolume, unit)} · Net revenue{' '}\n                        {formatVolume(p.netRevenueVolume, unit)}\n                      </p>\n                    )}\n                  </div>\n                );\n              })}\n              <div>\n                <Button\n                  type=\"button\"\n                  variant=\"outline\"\n                  size=\"sm\"\n                  onClick={() => setRows((current) => [...current, newAllocationRow()])}\n                >\n                  <Plus className=\"mr-1.5 h-4 w-4\" /> Add asset\n                </Button>\n              </div>\n            </div>\n\n            <div\n              className={cn(\n                'rounded-lg px-3 py-2 text-sm tabular-nums',\n                preview.balanced\n                  ? 'bg-status-success-bg-subtle text-status-success-text'\n                  : 'bg-status-warning-bg-subtle text-status-warning-text'\n              )}\n              data-testid=\"allocation-balance\"\n            >\n              Allocated {formatVolume(preview.allocatedTotal, unit)} of{' '}\n              {formatVolume(measured, unit)}\n              {method === 'MANUAL' && !preview.balanced\n                ? ` — ${formatVolume(Math.abs(preview.difference), unit)} ${\n                    preview.difference > 0 ? 'left to allocate' : 'over-allocated'\n                  }`\n                : ''}\n              {' · '}Net revenue {formatVolume(preview.netRevenueTotal, unit)}\n            </div>\n\n            <div className=\"grid gap-1.5\">\n              <Label htmlFor=\"alNotes\">Notes</Label>\n              <Textarea\n                id=\"alNotes\"\n                rows={2}\n                value={notes}\n                onChange={(e) => setNotes(e.target.value)}\n                placeholder=\"Basis for the split (well tests, meter proving, agreements).\"\n              />\n            </div>\n\n            {formError && (\n              <p role=\"alert\" className=\"text-sm text-status-error-text\">\n                {formError}\n              </p>\n            )}\n          </div>\n\n          <ResponsiveDialogFooter className=\"max-md:flex-col-reverse max-md:gap-2\">\n            <Button type=\"button\" variant=\"outline\" className=\"max-md:h-11\" onClick={close}>\n              Cancel\n            </Button>\n            <Button type=\"submit\" className=\"max-md:h-11\" disabled={createAllocation.isPending}>\n              {createAllocation.isPending ? 'Saving…' : 'Save draft allocation'}\n            </Button>\n          </ResponsiveDialogFooter>\n        </form>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n"],"mappings":"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"}

package/dist/theglobalfuel/components/PageLayout.js

@@ -6,7 +6,7 @@ var a = ({ title: a, description: o, actions: s, children: c, className: l, titl
 	className: e("flex flex-col h-full", l),
 	"data-tour": f,
 	children: [/* @__PURE__ */ n("div", {
-		className: e("relative flex flex-col gap-3 px-6 py-4 border-b border-border-seam sm:flex-row sm:items-center sm:justify-between sm:gap-4", d ? "overflow-hidden bg-gloss-card" : "bg-bg-surface"),
+		className: e("relative flex flex-col gap-3 px-4 py-4 sm:px-6 border-b border-border-seam sm:flex-row sm:items-center sm:justify-between sm:gap-4", d ? "overflow-hidden bg-gloss-card" : "bg-bg-surface"),
 		children: [
 			d && /* @__PURE__ */ t(r, { intensity: "subtle" }),
 			/* @__PURE__ */ n("div", {
@@ -29,7 +29,7 @@ var a = ({ title: a, description: o, actions: s, children: c, className: l, titl
 			})
 		]
 	}), /* @__PURE__ */ t("div", {
-		className: "flex-1 overflow-auto p-6",
+		className: "flex-1 overflow-auto p-4 sm:p-6",
 		children: c
 	})]
 });

package/dist/theglobalfuel/components/PageLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageLayout.js","names":[],"sources":["../../../src/theglobalfuel/components/PageLayout.tsx"],"sourcesContent":["/**\n * Page Layout Component\n * @module theglobalfuel/components\n *\n * Boff UI 2.0 page wrapper. Supports a living-glass {@link AuroraBackground}\n * hero backdrop and a gradient hero title for the MFE's primary page.\n */\n\nimport type { FC, ReactNode } from 'react';\nimport { AuroraBackground, GradientText } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\n\ninterface PageLayoutProps {\n  title: ReactNode;\n  description?: string;\n  actions?: ReactNode;\n  children: ReactNode;\n  className?: string;\n  /** Render the title as a gradient hero heading (reserve for the ONE primary page). */\n  titleGradient?: boolean;\n  /** Drop a subtle living-glass aurora behind the header (primary page only). */\n  aurora?: boolean;\n  /** Tour anchor id applied to the page wrapper for guided tours. */\n  dataTour?: string;\n}\n\nexport const PageLayout: FC<PageLayoutProps> = ({\n  title,\n  description,\n  actions,\n  children,\n  className,\n  titleGradient = false,\n  aurora = false,\n  dataTour,\n}) => {\n  return (\n    <div className={cn('flex flex-col h-full', className)} data-tour={dataTour}>\n      <div\n        className={cn(\n          'relative flex flex-col gap-3 px-6 py-4 border-b border-border-seam sm:flex-row sm:items-center sm:justify-between sm:gap-4',\n          aurora ? 'overflow-hidden bg-gloss-card' : 'bg-bg-surface'\n        )}\n      >\n        {aurora && <AuroraBackground intensity=\"subtle\" />}\n        <div className=\"min-w-0\">\n          {titleGradient && typeof title === 'string' ? (\n            <GradientText as=\"h1\" className=\"text-2xl font-semibold tracking-tight\">\n              {title}\n            </GradientText>\n          ) : (\n            <h1 className=\"text-2xl font-semibold text-text-primary\">{title}</h1>\n          )}\n          {description && <p className=\"mt-1 text-sm text-text-secondary\">{description}</p>}\n        </div>\n        {actions && (\n          <div className=\"flex flex-wrap items-center gap-3 shrink-0 max-sm:w-full\">{actions}</div>\n        )}\n      </div>\n\n      <div className=\"flex-1 overflow-auto p-6\">{children}</div>\n    </div>\n  );\n};\n"],"mappings":";;;;AA0BA,IAAa,KAAmC,EAC9C,UACA,gBACA,YACA,aACA,cACA,mBAAgB,IAChB,YAAS,IACT,kBAGE,kBAAC,OAAD;CAAK,WAAW,EAAG,wBAAwB,EAAU;CAAE,aAAW;WAAlE,CACE,kBAAC,OAAD;EACE,WAAW,EACT,8HACA,IAAS,kCAAkC,gBAC5C;YAJH;GAMG,KAAU,kBAAC,GAAD,EAAkB,WAAU,UAAW,CAAA;GAClD,kBAAC,OAAD;IAAK,WAAU;cAAf,CACG,KAAiB,OAAO,KAAU,WACjC,kBAAC,GAAD;KAAc,IAAG;KAAK,WAAU;eAC7B;KACY,CAAA,GAEf,kBAAC,MAAD;KAAI,WAAU;eAA4C;KAAW,CAAA,EAEtE,KAAe,kBAAC,KAAD;KAAG,WAAU;eAAoC;KAAgB,CAAA,CAC7E;;GACL,KACC,kBAAC,OAAD;IAAK,WAAU;cAA4D;IAAc,CAAA;GAEvF;KAEN,kBAAC,OAAD;EAAK,WAAU;EAA4B;EAAe,CAAA,CACtD"}
+{"version":3,"file":"PageLayout.js","names":[],"sources":["../../../src/theglobalfuel/components/PageLayout.tsx"],"sourcesContent":["/**\n * Page Layout Component\n * @module theglobalfuel/components\n *\n * Boff UI 2.0 page wrapper. Supports a living-glass {@link AuroraBackground}\n * hero backdrop and a gradient hero title for the MFE's primary page.\n */\n\nimport type { FC, ReactNode } from 'react';\nimport { AuroraBackground, GradientText } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\n\ninterface PageLayoutProps {\n  title: ReactNode;\n  description?: string;\n  actions?: ReactNode;\n  children: ReactNode;\n  className?: string;\n  /** Render the title as a gradient hero heading (reserve for the ONE primary page). */\n  titleGradient?: boolean;\n  /** Drop a subtle living-glass aurora behind the header (primary page only). */\n  aurora?: boolean;\n  /** Tour anchor id applied to the page wrapper for guided tours. */\n  dataTour?: string;\n}\n\nexport const PageLayout: FC<PageLayoutProps> = ({\n  title,\n  description,\n  actions,\n  children,\n  className,\n  titleGradient = false,\n  aurora = false,\n  dataTour,\n}) => {\n  return (\n    <div className={cn('flex flex-col h-full', className)} data-tour={dataTour}>\n      <div\n        className={cn(\n          'relative flex flex-col gap-3 px-4 py-4 sm:px-6 border-b border-border-seam sm:flex-row sm:items-center sm:justify-between sm:gap-4',\n          aurora ? 'overflow-hidden bg-gloss-card' : 'bg-bg-surface'\n        )}\n      >\n        {aurora && <AuroraBackground intensity=\"subtle\" />}\n        <div className=\"min-w-0\">\n          {titleGradient && typeof title === 'string' ? (\n            <GradientText as=\"h1\" className=\"text-2xl font-semibold tracking-tight\">\n              {title}\n            </GradientText>\n          ) : (\n            <h1 className=\"text-2xl font-semibold text-text-primary\">{title}</h1>\n          )}\n          {description && <p className=\"mt-1 text-sm text-text-secondary\">{description}</p>}\n        </div>\n        {actions && (\n          <div className=\"flex flex-wrap items-center gap-3 shrink-0 max-sm:w-full\">{actions}</div>\n        )}\n      </div>\n\n      <div className=\"flex-1 overflow-auto p-4 sm:p-6\">{children}</div>\n    </div>\n  );\n};\n"],"mappings":";;;;AA0BA,IAAa,KAAmC,EAC9C,UACA,gBACA,YACA,aACA,cACA,mBAAgB,IAChB,YAAS,IACT,kBAGE,kBAAC,OAAD;CAAK,WAAW,EAAG,wBAAwB,EAAU;CAAE,aAAW;WAAlE,CACE,kBAAC,OAAD;EACE,WAAW,EACT,sIACA,IAAS,kCAAkC,gBAC5C;YAJH;GAMG,KAAU,kBAAC,GAAD,EAAkB,WAAU,UAAW,CAAA;GAClD,kBAAC,OAAD;IAAK,WAAU;cAAf,CACG,KAAiB,OAAO,KAAU,WACjC,kBAAC,GAAD;KAAc,IAAG;KAAK,WAAU;eAC7B;KACY,CAAA,GAEf,kBAAC,MAAD;KAAI,WAAU;eAA4C;KAAW,CAAA,EAEtE,KAAe,kBAAC,KAAD;KAAG,WAAU;eAAoC;KAAgB,CAAA,CAC7E;;GACL,KACC,kBAAC,OAAD;IAAK,WAAU;cAA4D;IAAc,CAAA;GAEvF;KAEN,kBAAC,OAAD;EAAK,WAAU;EAAmC;EAAe,CAAA,CAC7D"}

package/dist/theglobalfuel/components/RecordProductionSheet.d.ts

@@ -0,0 +1,13 @@
+import { TheProductionRecord } from '../types';
+
+interface RecordProductionSheetProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    /** Pre-select an asset (e.g. when opened from an asset card). */
+    defaultAssetId?: string;
+    /** Called after a record is saved. */
+    onRecorded?: (record: TheProductionRecord) => void;
+}
+export declare function RecordProductionSheet({ open, onOpenChange, defaultAssetId, onRecorded, }: RecordProductionSheetProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=RecordProductionSheet.d.ts.map

package/dist/theglobalfuel/components/RecordProductionSheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecordProductionSheet.d.ts","sourceRoot":"","sources":["../../../src/theglobalfuel/components/RecordProductionSheet.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AA8BH,OAAO,KAAK,EAAE,mBAAmB,EAAW,MAAM,UAAU,CAAC;AAE7D,UAAU,0BAA0B;IAClC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,iEAAiE;IACjE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sCAAsC;IACtC,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAC;CACpD;AAKD,wBAAgB,qBAAqB,CAAC,EACpC,IAAI,EACJ,YAAY,EACZ,cAAc,EACd,UAAU,GACX,EAAE,0BAA0B,+BAsO5B"}

package/dist/theglobalfuel/components/RecordProductionSheet.js

@@ -0,0 +1,244 @@
+import { formatEnumLabel as e } from "../utils/formatters.js";
+import { useTheAsset as t, useTheAssets as n, useTheRecordProduction as r } from "../hooks/useTheGlobalFuelApi.js";
+import { useNotify as i } from "../hooks/useNotify.js";
+import "../hooks/index.js";
+import { PRODUCTION_UNITS as a, autoUnitForAsset as o, buildRecordProductionInput as s, emptyRecordProductionForm as c, withSelectedAssetOption as l } from "../utils/productionForm.js";
+import { useState as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { Button as p, Input as m, Label as h, ResponsiveDialog as g, ResponsiveDialogContent as _, ResponsiveDialogDescription as v, ResponsiveDialogFooter as y, ResponsiveDialogHeader as b, ResponsiveDialogTitle as x, Select as S, SelectContent as C, SelectItem as w, SelectTrigger as T, SelectValue as E, Textarea as D } from "@burdenoff/fe-libs/ui";
+//#region src/theglobalfuel/components/RecordProductionSheet.tsx
+var O = { pagination: { limit: 100 } };
+function k({ open: k, onOpenChange: A, defaultAssetId: j, onRecorded: M }) {
+	let N = i(), P = n(O), F = r(), I = P.data?.items ?? [], [L, R] = u(() => c(j)), [z, B] = u(!1), [V, H] = u(null), U = k ? `open:${j ?? ""}` : "closed", [W, G] = u(U);
+	U !== W && (G(U), k && (R(c(j ?? "")), B(!1), H(null)));
+	let K = I.find((e) => e.id === L.assetId), q = t(k && L.assetId && !K ? L.assetId : void 0), J = K ?? q.data ?? null, Y = l(I, J), X = o(J, L.unit, z) ?? L.unit, Z = () => A(!1), Q = async () => {
+		let e = s({
+			...L,
+			unit: X
+		});
+		if (!e.ok) {
+			H(e.error), N.error(e.error);
+			return;
+		}
+		H(null);
+		try {
+			let t = await F.mutateAsync(e.input);
+			N.success("Production recorded"), M?.(t), Z();
+		} catch (e) {
+			H(e instanceof Error ? e.message : "Failed to record production."), N.fromError(e);
+		}
+	};
+	return /* @__PURE__ */ d(g, {
+		open: k,
+		onOpenChange: A,
+		children: /* @__PURE__ */ f(_, {
+			"data-testid": "record-production-sheet",
+			children: [/* @__PURE__ */ f(b, { children: [/* @__PURE__ */ d(x, { children: "Record production" }), /* @__PURE__ */ d(v, { children: "Log the volume produced by an asset over a reporting period." })] }), /* @__PURE__ */ f("form", {
+				onSubmit: (e) => {
+					e.preventDefault(), Q();
+				},
+				children: [/* @__PURE__ */ f("div", {
+					className: "grid gap-4 py-2",
+					children: [
+						/* @__PURE__ */ f("div", {
+							className: "grid gap-1.5",
+							children: [/* @__PURE__ */ d(h, {
+								htmlFor: "prAsset",
+								children: "Asset *"
+							}), /* @__PURE__ */ f(S, {
+								value: L.assetId,
+								onValueChange: (e) => R({
+									...L,
+									assetId: e
+								}),
+								children: [/* @__PURE__ */ d(T, {
+									id: "prAsset",
+									className: "h-11 md:h-10",
+									children: /* @__PURE__ */ d(E, { placeholder: "Select an asset" })
+								}), /* @__PURE__ */ d(C, { children: Y.map((e) => /* @__PURE__ */ d(w, {
+									value: e.id,
+									children: e.name
+								}, e.id)) })]
+							})]
+						}),
+						/* @__PURE__ */ f("div", {
+							className: "grid grid-cols-2 gap-2",
+							children: [/* @__PURE__ */ f("div", {
+								className: "grid gap-1.5",
+								children: [/* @__PURE__ */ d(h, {
+									htmlFor: "prStart",
+									children: "Period start *"
+								}), /* @__PURE__ */ d(m, {
+									id: "prStart",
+									type: "date",
+									className: "h-11 md:h-10",
+									value: L.periodStart,
+									onChange: (e) => R({
+										...L,
+										periodStart: e.target.value
+									})
+								})]
+							}), /* @__PURE__ */ f("div", {
+								className: "grid gap-1.5",
+								children: [/* @__PURE__ */ d(h, {
+									htmlFor: "prEnd",
+									children: "Period end *"
+								}), /* @__PURE__ */ d(m, {
+									id: "prEnd",
+									type: "date",
+									className: "h-11 md:h-10",
+									value: L.periodEnd,
+									onChange: (e) => R({
+										...L,
+										periodEnd: e.target.value
+									})
+								})]
+							})]
+						}),
+						/* @__PURE__ */ f("div", {
+							className: "grid grid-cols-[minmax(0,1fr)_8rem] gap-2 md:grid-cols-2",
+							children: [/* @__PURE__ */ f("div", {
+								className: "grid gap-1.5",
+								children: [/* @__PURE__ */ d(h, {
+									htmlFor: "prVolume",
+									children: "Volume *"
+								}), /* @__PURE__ */ d(m, {
+									id: "prVolume",
+									type: "number",
+									inputMode: "decimal",
+									min: "0",
+									step: "any",
+									className: "h-11 text-lg tabular-nums md:h-10 md:text-sm",
+									value: L.volume,
+									onChange: (e) => R({
+										...L,
+										volume: e.target.value
+									}),
+									placeholder: "12500"
+								})]
+							}), /* @__PURE__ */ f("div", {
+								className: "grid gap-1.5",
+								children: [/* @__PURE__ */ d(h, {
+									htmlFor: "prUnit",
+									children: "Unit"
+								}), /* @__PURE__ */ f(S, {
+									value: X,
+									onValueChange: (e) => {
+										B(!0), R({
+											...L,
+											unit: e
+										});
+									},
+									children: [/* @__PURE__ */ d(T, {
+										id: "prUnit",
+										className: "h-11 md:h-10",
+										children: /* @__PURE__ */ d(E, {})
+									}), /* @__PURE__ */ d(C, { children: a.map((t) => /* @__PURE__ */ d(w, {
+										value: t,
+										children: e(t)
+									}, t)) })]
+								})]
+							})]
+						}),
+						/* @__PURE__ */ f("div", {
+							className: "grid grid-cols-2 gap-2",
+							children: [/* @__PURE__ */ f("div", {
+								className: "grid gap-1.5",
+								children: [/* @__PURE__ */ d(h, {
+									htmlFor: "prGrade",
+									children: "Grade"
+								}), /* @__PURE__ */ d(m, {
+									id: "prGrade",
+									type: "number",
+									inputMode: "decimal",
+									step: "any",
+									className: "h-11 md:h-10",
+									value: L.grade,
+									onChange: (e) => R({
+										...L,
+										grade: e.target.value
+									}),
+									placeholder: "Quality"
+								})]
+							}), /* @__PURE__ */ f("div", {
+								className: "grid gap-1.5",
+								children: [/* @__PURE__ */ d(h, {
+									htmlFor: "prDowntime",
+									children: "Downtime (hours)"
+								}), /* @__PURE__ */ d(m, {
+									id: "prDowntime",
+									type: "number",
+									inputMode: "decimal",
+									min: "0",
+									step: "any",
+									className: "h-11 md:h-10",
+									value: L.downtimeHours,
+									onChange: (e) => R({
+										...L,
+										downtimeHours: e.target.value
+									}),
+									placeholder: "0"
+								})]
+							})]
+						}),
+						/* @__PURE__ */ f("div", {
+							className: "grid gap-1.5",
+							children: [/* @__PURE__ */ d(h, {
+								htmlFor: "prSource",
+								children: "Source"
+							}), /* @__PURE__ */ d(m, {
+								id: "prSource",
+								className: "h-11 md:h-10",
+								value: L.source,
+								onChange: (e) => R({
+									...L,
+									source: e.target.value
+								}),
+								placeholder: "SCADA, Manual, Meter…"
+							})]
+						}),
+						/* @__PURE__ */ f("div", {
+							className: "grid gap-1.5",
+							children: [/* @__PURE__ */ d(h, {
+								htmlFor: "prNotes",
+								children: "Notes"
+							}), /* @__PURE__ */ d(D, {
+								id: "prNotes",
+								rows: 2,
+								value: L.notes,
+								onChange: (e) => R({
+									...L,
+									notes: e.target.value
+								}),
+								placeholder: "Optional context about this period."
+							})]
+						}),
+						V && /* @__PURE__ */ d("p", {
+							role: "alert",
+							className: "text-sm text-status-error-text",
+							children: V
+						})
+					]
+				}), /* @__PURE__ */ f(y, {
+					className: "max-md:flex-col-reverse max-md:gap-2",
+					children: [/* @__PURE__ */ d(p, {
+						type: "button",
+						variant: "outline",
+						className: "max-md:h-11",
+						onClick: Z,
+						children: "Cancel"
+					}), /* @__PURE__ */ d(p, {
+						type: "submit",
+						className: "max-md:h-11",
+						disabled: F.isPending,
+						children: F.isPending ? "Recording…" : "Record production"
+					})]
+				})]
+			})]
+		})
+	});
+}
+//#endregion
+export { k as RecordProductionSheet };
+
+//# sourceMappingURL=RecordProductionSheet.js.map