npm - @burdenoff/microfe-theglobalfuel - Versions diffs - 2026.1031.1 → 2026.1101.1 - Mend

@burdenoff/microfe-theglobalfuel 2026.1031.1 → 2026.1101.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (69) hide show

package/dist/theglobalfuel/components/PageLayout.js CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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~~"}
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-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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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

package/dist/theglobalfuel/components/RecordProductionSheet.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"RecordProductionSheet.js","names":[],"sources":["../../../src/theglobalfuel/components/RecordProductionSheet.tsx"],"sourcesContent":["/**\n * RecordProductionSheet — the \"Record production\" form (BOFF-3956).\n * @module theglobalfuel/components\n *\n * One form for every entry point (Production page, mobile dashboard, mobile\n * asset cards). Built on fe-libs `ResponsiveDialog`, so it is a centred modal on\n * tablet/desktop and a bottom sheet with a drag handle on phones (mock 21). On\n * phones the fields stack in a single column with full-width, thumb-sized\n * actions. Writes `theRecordProduction`; validation is the shared pure\n * `buildRecordProductionInput` so all entry points enforce identical rules.\n */\n\nimport { useState } from '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 { useTheAsset, useTheAssets, useTheRecordProduction, useNotify } from '../hooks';\nimport { formatEnumLabel } from '../utils/formatters';\nimport {\n PRODUCTION_UNITS,\n autoUnitForAsset,\n buildRecordProductionInput,\n emptyRecordProductionForm,\n withSelectedAssetOption,\n type RecordProductionFormState,\n} from '../utils/productionForm';\nimport type { TheProductionRecord, TheUnit } from '../types';\n\ninterface RecordProductionSheetProps {\n open: boolean;\n onOpenChange: (open: boolean) => void;\n /** Pre-select an asset (e.g. when opened from an asset card). */\n defaultAssetId?: string;\n /** Called after a record is saved. */\n onRecorded?: (record: TheProductionRecord) => void;\n}\n\n/** Asset picker page — same query key as the Production page, so it is shared from cache. */\nconst ASSET_PICKER_PAGE = { pagination: { limit: 100 } } as const;\n\nexport function RecordProductionSheet({\n open,\n onOpenChange,\n defaultAssetId,\n onRecorded,\n}: RecordProductionSheetProps) {\n const notify = useNotify();\n const assetsQuery = useTheAssets(ASSET_PICKER_PAGE);\n const recordProduction = useTheRecordProduction();\n const pickerAssets = assetsQuery.data?.items ?? [];\n\n const [form, setForm] = useState<RecordProductionFormState>(() =>\n emptyRecordProductionForm(defaultAssetId)\n );\n const [unitChosenByUser, setUnitChosenByUser] = useState(false);\n const [formError, setFormError] = useState<string | null>(null);\n\n // Every time the sheet opens it starts from a clean form for the requested\n // asset. Re-seeding is done while rendering (React's \"adjust state on prop\n // change\" pattern) rather than in an effect, so the first painted frame\n // already shows the fresh form.\n const seedKey = open ? `open:${defaultAssetId ?? ''}` : 'closed';\n const [prevSeedKey, setPrevSeedKey] = useState(seedKey);\n if (seedKey !== prevSeedKey) {\n setPrevSeedKey(seedKey);\n if (open) {\n setForm(emptyRecordProductionForm(defaultAssetId ?? ''));\n setUnitChosenByUser(false);\n setFormError(null);\n }\n }\n\n // The picker shows one page of assets. An asset selected from a card or deep\n // link may sit outside it, so it is resolved by id; the query only runs\n // while the selection is missing from the page.\n const pickedFromPage = pickerAssets.find((a) => a.id === form.assetId);\n const selectedById = useTheAsset(\n open && form.assetId && !pickedFromPage ? form.assetId : undefined\n );\n const selectedAsset = pickedFromPage ?? selectedById.data ?? null;\n const assetOptions = withSelectedAssetOption(pickerAssets, selectedAsset);\n\n // The unit defaults to the selected asset's capacity unit until the user picks\n // one. It is derived on every render rather than written into state, so it\n // also applies when the asset only resolves after the sheet opened, and the\n // value shown is always the value submitted.\n const autoUnit = autoUnitForAsset(selectedAsset, form.unit, unitChosenByUser);\n const effectiveUnit: TheUnit = autoUnit ?? form.unit;\n\n const close = () => onOpenChange(false);\n\n const handleRecord = async () => {\n const result = buildRecordProductionInput({ ...form, unit: effectiveUnit });\n if (!result.ok) {\n setFormError(result.error);\n notify.error(result.error);\n return;\n }\n setFormError(null);\n try {\n const record = await recordProduction.mutateAsync(result.input);\n notify.success('Production recorded');\n onRecorded?.(record);\n close();\n } catch (err) {\n setFormError(err instanceof Error ? err.message : 'Failed to record production.');\n notify.fromError(err);\n }\n };\n\n return (\n <ResponsiveDialog open={open} onOpenChange={onOpenChange}>\n <ResponsiveDialogContent data-testid=\"record-production-sheet\">\n <ResponsiveDialogHeader>\n <ResponsiveDialogTitle>Record production</ResponsiveDialogTitle>\n <ResponsiveDialogDescription>\n Log the volume produced by an asset over a reporting period.\n </ResponsiveDialogDescription>\n </ResponsiveDialogHeader>\n\n <form\n onSubmit={(e) => {\n e.preventDefault();\n void handleRecord();\n }}\n >\n <div className=\"grid gap-4 py-2\">\n <div className=\"grid gap-1.5\">\n <Label htmlFor=\"prAsset\">Asset *</Label>\n <Select value={form.assetId} onValueChange={(v) => setForm({ ...form, assetId: v })}>\n <SelectTrigger id=\"prAsset\" className=\"h-11 md:h-10\">\n <SelectValue placeholder=\"Select an asset\" />\n </SelectTrigger>\n <SelectContent>\n {assetOptions.map((a) => (\n <SelectItem key={a.id} value={a.id}>\n {a.name}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n </div>\n\n <div className=\"grid grid-cols-2 gap-2\">\n <div className=\"grid gap-1.5\">\n <Label htmlFor=\"prStart\">Period start *</Label>\n <Input\n id=\"prStart\"\n type=\"date\"\n className=\"h-11 md:h-10\"\n value={form.periodStart}\n onChange={(e) => setForm({ ...form, periodStart: e.target.value })}\n />\n </div>\n <div className=\"grid gap-1.5\">\n <Label htmlFor=\"prEnd\">Period end *</Label>\n <Input\n id=\"prEnd\"\n type=\"date\"\n className=\"h-11 md:h-10\"\n value={form.periodEnd}\n onChange={(e) => setForm({ ...form, periodEnd: e.target.value })}\n />\n </div>\n </div>\n\n <div className=\"grid grid-cols-[minmax(0,1fr)_8rem] gap-2 md:grid-cols-2\">\n <div className=\"grid gap-1.5\">\n <Label htmlFor=\"prVolume\">Volume *</Label>\n <Input\n id=\"prVolume\"\n type=\"number\"\n inputMode=\"decimal\"\n min=\"0\"\n step=\"any\"\n className=\"h-11 text-lg tabular-nums md:h-10 md:text-sm\"\n value={form.volume}\n onChange={(e) => setForm({ ...form, volume: e.target.value })}\n placeholder=\"12500\"\n />\n </div>\n <div className=\"grid gap-1.5\">\n <Label htmlFor=\"prUnit\">Unit</Label>\n <Select\n value={effectiveUnit}\n onValueChange={(v) => {\n setUnitChosenByUser(true);\n setForm({ ...form, unit: v as TheUnit });\n }}\n >\n <SelectTrigger id=\"prUnit\" className=\"h-11 md:h-10\">\n <SelectValue />\n </SelectTrigger>\n <SelectContent>\n {PRODUCTION_UNITS.map((u) => (\n <SelectItem key={u} value={u}>\n {formatEnumLabel(u)}\n </SelectItem>\n ))}\n </SelectContent>\n </Select>\n </div>\n </div>\n\n <div className=\"grid grid-cols-2 gap-2\">\n <div className=\"grid gap-1.5\">\n <Label htmlFor=\"prGrade\">Grade</Label>\n <Input\n id=\"prGrade\"\n type=\"number\"\n inputMode=\"decimal\"\n step=\"any\"\n className=\"h-11 md:h-10\"\n value={form.grade}\n onChange={(e) => setForm({ ...form, grade: e.target.value })}\n placeholder=\"Quality\"\n />\n </div>\n <div className=\"grid gap-1.5\">\n <Label htmlFor=\"prDowntime\">Downtime (hours)</Label>\n <Input\n id=\"prDowntime\"\n type=\"number\"\n inputMode=\"decimal\"\n min=\"0\"\n step=\"any\"\n className=\"h-11 md:h-10\"\n value={form.downtimeHours}\n onChange={(e) => setForm({ ...form, downtimeHours: e.target.value })}\n placeholder=\"0\"\n />\n </div>\n </div>\n\n <div className=\"grid gap-1.5\">\n <Label htmlFor=\"prSource\">Source</Label>\n <Input\n id=\"prSource\"\n className=\"h-11 md:h-10\"\n value={form.source}\n onChange={(e) => setForm({ ...form, source: e.target.value })}\n placeholder=\"SCADA, Manual, Meter…\"\n />\n </div>\n\n <div className=\"grid gap-1.5\">\n <Label htmlFor=\"prNotes\">Notes</Label>\n <Textarea\n id=\"prNotes\"\n rows={2}\n value={form.notes}\n onChange={(e) => setForm({ ...form, notes: e.target.value })}\n placeholder=\"Optional context about this period.\"\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={recordProduction.isPending}>\n {recordProduction.isPending ? 'Recording…' : 'Record production'}\n </Button>\n </ResponsiveDialogFooter>\n </form>\n </ResponsiveDialogContent>\n </ResponsiveDialog>\n );\n}\n"],"mappings":"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"}

package/dist/theglobalfuel/components/mobile/CommodityThumb.d.ts ADDED Viewed

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+import { LucideIcon } from 'lucide-react';
+import { TheCommodityType } from '../../types';
+export declare const COMMODITY_ICON: Record<TheCommodityType, LucideIcon>;
+interface CommodityThumbProps {
+    commodity: TheCommodityType;
+    size?: 'sm' | 'lg';
+    className?: string;
+}
+export declare const CommodityThumb: FC<CommodityThumbProps>;
+export {};
+//# sourceMappingURL=CommodityThumb.d.ts.map

package/dist/theglobalfuel/components/mobile/CommodityThumb.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CommodityThumb.d.ts","sourceRoot":"","sources":["../../../../src/theglobalfuel/components/mobile/CommodityThumb.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAcL,KAAK,UAAU,EAChB,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEpD,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,gBAAgB,EAAE,UAAU,CAc/D,CAAC;AAEF,UAAU,mBAAmB;IAC3B,SAAS,EAAE,gBAAgB,CAAC;IAC5B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAclD,CAAC"}

package/dist/theglobalfuel/components/mobile/CommodityThumb.js ADDED Viewed

@@ -0,0 +1,30 @@
+import { cn as e } from "../../utils/cn.js";
+import { Atom as t, BatteryCharging as n, CircuitBoard as r, Coins as i, Flame as a, Fuel as o, Gem as s, Layers as c, Leaf as l, Mountain as u, Pickaxe as d, Snowflake as f, Zap as p } from "lucide-react";
+import { jsx as m } from "react/jsx-runtime";
+//#region src/theglobalfuel/components/mobile/CommodityThumb.tsx
+var h = {
+	CRUDE_OIL: o,
+	NATURAL_GAS: a,
+	LNG: f,
+	COAL: u,
+	ELECTRICITY: p,
+	HYDROGEN: t,
+	BIOFUEL: l,
+	IRON_ORE: d,
+	COPPER: r,
+	BAUXITE: c,
+	GOLD: i,
+	LITHIUM: n,
+	RARE_EARTH: s
+}, g = ({ commodity: t, size: n = "lg", className: r }) => {
+	let i = h[t] ?? o;
+	return /* @__PURE__ */ m("span", {
+		"aria-hidden": "true",
+		className: e("grid shrink-0 place-items-center rounded-xl bg-bg-sunken text-text-secondary", n === "lg" ? "size-14" : "size-9", r),
+		children: /* @__PURE__ */ m(i, { className: n === "lg" ? "h-6 w-6" : "h-4 w-4" })
+	});
+};
+//#endregion
+export { g as CommodityThumb };
+//# sourceMappingURL=CommodityThumb.js.map

package/dist/theglobalfuel/components/mobile/CommodityThumb.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"CommodityThumb.js","names":[],"sources":["../../../../src/theglobalfuel/components/mobile/CommodityThumb.tsx"],"sourcesContent":["/**\n * CommodityThumb — square asset thumbnail for the phone layouts (BOFF-3956).\n * @module theglobalfuel/components/mobile\n *\n * Mock 21 shows a photo per asset. `TheAsset` carries no image today, so the\n * thumbnail is a commodity glyph on a sunken tile: it still lets an operator\n * tell an oil field from a copper mine at a glance, and it never shows a\n * fabricated photo.\n */\n\nimport type { FC } from 'react';\nimport {\n Atom,\n BatteryCharging,\n CircuitBoard,\n Coins,\n Flame,\n Fuel,\n Gem,\n Layers,\n Leaf,\n Mountain,\n Pickaxe,\n Snowflake,\n Zap,\n type LucideIcon,\n} from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport type { TheCommodityType } from '../../types';\n\nexport const COMMODITY_ICON: Record<TheCommodityType, LucideIcon> = {\n CRUDE_OIL: Fuel,\n NATURAL_GAS: Flame,\n LNG: Snowflake,\n COAL: Mountain,\n ELECTRICITY: Zap,\n HYDROGEN: Atom,\n BIOFUEL: Leaf,\n IRON_ORE: Pickaxe,\n COPPER: CircuitBoard,\n BAUXITE: Layers,\n GOLD: Coins,\n LITHIUM: BatteryCharging,\n RARE_EARTH: Gem,\n};\n\ninterface CommodityThumbProps {\n commodity: TheCommodityType;\n size?: 'sm' | 'lg';\n className?: string;\n}\n\nexport const CommodityThumb: FC<CommodityThumbProps> = ({ commodity, size = 'lg', className }) => {\n const Icon = COMMODITY_ICON[commodity] ?? Fuel;\n return (\n <span\n aria-hidden=\"true\"\n className={cn(\n 'grid shrink-0 place-items-center rounded-xl bg-bg-sunken text-text-secondary',\n size === 'lg' ? 'size-14' : 'size-9',\n className\n )}\n >\n <Icon className={size === 'lg' ? 'h-6 w-6' : 'h-4 w-4'} />\n </span>\n );\n};\n"],"mappings":";;;;AA8BA,IAAa,IAAuD;CAClE,WAAW;CACX,aAAa;CACb,KAAK;CACL,MAAM;CACN,aAAa;CACb,UAAU;CACV,SAAS;CACT,UAAU;CACV,QAAQ;CACR,SAAS;CACT,MAAM;CACN,SAAS;CACT,YAAY;CACb,EAQY,KAA2C,EAAE,cAAW,UAAO,MAAM,mBAAgB;CAChG,IAAM,IAAO,EAAe,MAAc;AAC1C,QACE,kBAAC,QAAD;EACE,eAAY;EACZ,WAAW,EACT,gFACA,MAAS,OAAO,YAAY,UAC5B,EACD;YAED,kBAAC,GAAD,EAAM,WAAW,MAAS,OAAO,YAAY,WAAa,CAAA;EACrD,CAAA"}

package/dist/theglobalfuel/components/mobile/MobileAssetList.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { TheAsset } from '../../types';
+interface MobileAssetListProps {
+    rows: readonly TheAsset[];
+    onOpen: (asset: TheAsset) => void;
+    onRecordProduction: (asset: TheAsset) => void;
+}
+export declare const MobileAssetList: FC<MobileAssetListProps>;
+export {};
+//# sourceMappingURL=MobileAssetList.d.ts.map

package/dist/theglobalfuel/components/mobile/MobileAssetList.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MobileAssetList.d.ts","sourceRoot":"","sources":["../../../../src/theglobalfuel/components/mobile/MobileAssetList.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAmBhC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAiE5C,UAAU,oBAAoB;IAC5B,IAAI,EAAE,SAAS,QAAQ,EAAE,CAAC;IAC1B,MAAM,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAC;IAClC,kBAAkB,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,IAAI,CAAC;CAC/C;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CA8EpD,CAAC"}

package/dist/theglobalfuel/components/mobile/MobileAssetList.js ADDED Viewed

@@ -0,0 +1,102 @@
+import { formatEnumLabel as e, formatVolume as t } from "../../utils/formatters.js";
+import { StatusBadge as n } from "../StatusBadge.js";
+import { useTheAssetProductionHistory as r, useTheProductionRecords as i, useTheReserveEstimates as a } from "../../hooks/useTheGlobalFuelApi.js";
+import { latestDailyProductionByAsset as o, latestReserveByAsset as s } from "../../utils/mobile.js";
+import "../../hooks/index.js";
+import { CommodityThumb as c } from "./CommodityThumb.js";
+import { MobileChip as l } from "./MobileChip.js";
+import { useMemo as u } from "react";
+import { ChevronRight as d, MapPin as f, Plus as p } from "lucide-react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { Button as g } from "@burdenoff/fe-libs/ui";
+//#region src/theglobalfuel/components/mobile/MobileAssetList.tsx
+var _ = { pagination: { limit: 200 } }, v = { limit: 200 }, y = { limit: 1 }, b = ({ assetId: e, sharedDaily: n, sharedReserve: i, productionTruncated: c, reservesTruncated: l }) => {
+	let u = r(e, { enabled: c }), d = a(e, "PROVED", y, { enabled: !i && l }), f = u.data ? o(u.data.items).get(e) : void 0, p = u.data ? f : n, g = i ?? s(d.data?.items ?? []).get(e);
+	return /* @__PURE__ */ h("dl", {
+		className: "grid min-w-0 flex-1 grid-cols-2 gap-3 text-xs",
+		children: [/* @__PURE__ */ h("div", {
+			className: "min-w-0",
+			children: [/* @__PURE__ */ m("dt", {
+				className: "text-text-tertiary",
+				children: "Daily production"
+			}), /* @__PURE__ */ m("dd", {
+				className: "truncate font-medium tabular-nums text-text-primary",
+				children: p ? `${t(p.perDay, p.unit)}/day` : "—"
+			})]
+		}), /* @__PURE__ */ h("div", {
+			className: "min-w-0",
+			children: [/* @__PURE__ */ m("dt", {
+				className: "text-text-tertiary",
+				children: "Reserves (1P)"
+			}), /* @__PURE__ */ m("dd", {
+				className: "truncate font-medium tabular-nums text-text-primary",
+				children: g ? t(g.recoverable, g.unit) : "—"
+			})]
+		})]
+	});
+}, x = ({ rows: t, onOpen: r, onRecordProduction: y }) => {
+	let x = i(_), S = a(void 0, "PROVED", v), C = u(() => o(x.data?.items ?? []), [x.data]), w = u(() => s(S.data?.items ?? []), [S.data]), T = x.data?.pageInfo.hasMore === !0, E = S.data?.pageInfo.hasMore === !0;
+	return /* @__PURE__ */ m("ul", {
+		className: "flex flex-col gap-3",
+		"data-testid": "theglobalfuel-mobile-assets",
+		children: t.map((t) => /* @__PURE__ */ h("li", {
+			className: "rounded-2xl border border-border-seam bg-bg-surface shadow-sm",
+			"data-testid": "theglobalfuel-mobile-asset-card",
+			children: [/* @__PURE__ */ h("button", {
+				type: "button",
+				onClick: () => r(t),
+				"aria-label": `Open ${t.name}`,
+				className: "flex w-full items-start gap-3 rounded-t-2xl p-4 text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--color-focus-ring)]",
+				children: [
+					/* @__PURE__ */ m(c, { commodity: t.commodity }),
+					/* @__PURE__ */ h("div", {
+						className: "min-w-0 flex-1",
+						children: [/* @__PURE__ */ h("div", {
+							className: "flex items-start justify-between gap-2",
+							children: [/* @__PURE__ */ h("div", {
+								className: "min-w-0",
+								children: [/* @__PURE__ */ m("p", {
+									className: "truncate font-semibold text-text-primary",
+									children: t.name
+								}), t.code && /* @__PURE__ */ m("p", {
+									className: "truncate text-xs text-text-tertiary",
+									children: t.code
+								})]
+							}), /* @__PURE__ */ m(n, {
+								status: t.status,
+								className: "shrink-0"
+							})]
+						}), /* @__PURE__ */ h("div", {
+							className: "mt-2 flex flex-wrap gap-1.5",
+							children: [/* @__PURE__ */ m(l, { children: e(t.commodity) }), t.location && /* @__PURE__ */ m(l, {
+								icon: /* @__PURE__ */ m(f, { className: "h-3 w-3 shrink-0" }),
+								children: t.location
+							})]
+						})]
+					}),
+					/* @__PURE__ */ m(d, { className: "mt-1 h-4 w-4 shrink-0 text-text-tertiary" })
+				]
+			}), /* @__PURE__ */ h("div", {
+				className: "flex items-end justify-between gap-3 border-t border-border-seam px-4 py-3",
+				children: [/* @__PURE__ */ m(b, {
+					assetId: t.id,
+					sharedDaily: C.get(t.id),
+					sharedReserve: w.get(t.id),
+					productionTruncated: T,
+					reservesTruncated: E
+				}), /* @__PURE__ */ h(g, {
+					size: "sm",
+					variant: "outline",
+					className: "h-9 shrink-0",
+					onClick: () => y(t),
+					"aria-label": `Record production for ${t.name}`,
+					children: [/* @__PURE__ */ m(p, { className: "mr-1 h-3.5 w-3.5" }), " Record"]
+				})]
+			})]
+		}, t.id))
+	});
+};
+//#endregion
+export { x as MobileAssetList };
+//# sourceMappingURL=MobileAssetList.js.map

package/dist/theglobalfuel/components/mobile/MobileAssetList.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MobileAssetList.js","names":[],"sources":["../../../../src/theglobalfuel/components/mobile/MobileAssetList.tsx"],"sourcesContent":["/**\n * MobileAssetList — the phone assets list from mock 21 (BOFF-3956).\n * @module theglobalfuel/components/mobile\n *\n * One card per asset: commodity thumbnail, name + code, commodity / location\n * chips, latest daily production, booked PROVED reserves and lifecycle status,\n * plus a one-tap \"Record\" action that opens the record-production sheet for\n * that asset. Production and reserves come first from the same workspace-wide\n * list queries (and React Query cache keys) the dashboard uses. Those are one\n * page each. When the production page is truncated (`hasMore`), each card\n * reads its own asset's production history; when the reserves page is\n * truncated, a card whose asset is missing from it reads its own latest\n * estimate. A busy workspace therefore never shows a blank or stale figure for\n * an asset that has data.\n */\n\nimport type { FC } from 'react';\nimport { useMemo } from 'react';\nimport { ChevronRight, MapPin, Plus } from 'lucide-react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { StatusBadge } from '../StatusBadge';\nimport { CommodityThumb } from './CommodityThumb';\nimport { MobileChip } from './MobileChip';\nimport {\n useTheAssetProductionHistory,\n useTheProductionRecords,\n useTheReserveEstimates,\n} from '../../hooks';\nimport { formatEnumLabel, formatVolume } from '../../utils/formatters';\nimport {\n latestDailyProductionByAsset,\n latestReserveByAsset,\n type DailyProduction,\n type LatestReserve,\n} from '../../utils/mobile';\nimport type { TheAsset } from '../../types';\n\n/** Same page sizes/keys as the dashboard so the phone list reads from cache. */\nconst PRODUCTION_PAGE = { pagination: { limit: 200 } } as const;\nconst RESERVES_PAGE = { limit: 200 } as const;\n/**\n * Per-asset reserves fallback: reserves are listed newest `asOfDate` first, so\n * one row is the latest. Production has no such order (it is listed by\n * `periodStart` while the card shows the latest `periodEnd`), so its fallback\n * reads the asset's full history via `useTheAssetProductionHistory`.\n */\nconst ASSET_RESERVES_PAGE = { limit: 1 } as const;\n\ninterface AssetFiguresProps {\n assetId: string;\n sharedDaily: DailyProduction | undefined;\n sharedReserve: LatestReserve | undefined;\n /** True when the shared production page may not hold this asset's latest record. */\n productionTruncated: boolean;\n /** True when the shared page may have left this asset's reserves out. */\n reservesTruncated: boolean;\n}\n\nconst AssetFigures: FC<AssetFiguresProps> = ({\n assetId,\n sharedDaily,\n sharedReserve,\n productionTruncated,\n reservesTruncated,\n}) => {\n // The shared production page is ordered by periodStart, so once it is\n // truncated even an asset that appears in it may have a later-ending record\n // off the page: read that asset's own history and prefer it once loaded.\n const ownProduction = useTheAssetProductionHistory(assetId, {\n enabled: productionTruncated,\n });\n // Reserves are listed newest asOfDate first workspace-wide, so an asset that\n // appears on the shared page already shows its latest estimate.\n const ownReserves = useTheReserveEstimates(assetId, 'PROVED', ASSET_RESERVES_PAGE, {\n enabled: !sharedReserve && reservesTruncated,\n });\n const ownDaily = ownProduction.data\n ? latestDailyProductionByAsset(ownProduction.data.items).get(assetId)\n : undefined;\n const daily = ownProduction.data ? ownDaily : sharedDaily;\n const reserve = sharedReserve ?? latestReserveByAsset(ownReserves.data?.items ?? []).get(assetId);\n\n return (\n <dl className=\"grid min-w-0 flex-1 grid-cols-2 gap-3 text-xs\">\n <div className=\"min-w-0\">\n <dt className=\"text-text-tertiary\">Daily production</dt>\n <dd className=\"truncate font-medium tabular-nums text-text-primary\">\n {daily ? `${formatVolume(daily.perDay, daily.unit)}/day` : '—'}\n </dd>\n </div>\n <div className=\"min-w-0\">\n <dt className=\"text-text-tertiary\">Reserves (1P)</dt>\n <dd className=\"truncate font-medium tabular-nums text-text-primary\">\n {reserve ? formatVolume(reserve.recoverable, reserve.unit) : '—'}\n </dd>\n </div>\n </dl>\n );\n};\n\ninterface MobileAssetListProps {\n rows: readonly TheAsset[];\n onOpen: (asset: TheAsset) => void;\n onRecordProduction: (asset: TheAsset) => void;\n}\n\nexport const MobileAssetList: FC<MobileAssetListProps> = ({ rows, onOpen, onRecordProduction }) => {\n const production = useTheProductionRecords(PRODUCTION_PAGE);\n const reserves = useTheReserveEstimates(undefined, 'PROVED', RESERVES_PAGE);\n\n const dailyByAsset = useMemo(\n () => latestDailyProductionByAsset(production.data?.items ?? []),\n [production.data]\n );\n const reserveByAsset = useMemo(\n () => latestReserveByAsset(reserves.data?.items ?? []),\n [reserves.data]\n );\n\n // Only fall back per asset once the shared page has loaded and reported\n // that it did not include everything.\n const productionTruncated = production.data?.pageInfo.hasMore === true;\n const reservesTruncated = reserves.data?.pageInfo.hasMore === true;\n\n return (\n <ul className=\"flex flex-col gap-3\" data-testid=\"theglobalfuel-mobile-assets\">\n {rows.map((asset) => {\n return (\n <li\n key={asset.id}\n className=\"rounded-2xl border border-border-seam bg-bg-surface shadow-sm\"\n data-testid=\"theglobalfuel-mobile-asset-card\"\n >\n <button\n type=\"button\"\n onClick={() => onOpen(asset)}\n aria-label={`Open ${asset.name}`}\n className=\"flex w-full items-start gap-3 rounded-t-2xl p-4 text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--color-focus-ring)]\"\n >\n <CommodityThumb commodity={asset.commodity} />\n <div className=\"min-w-0 flex-1\">\n <div className=\"flex items-start justify-between gap-2\">\n <div className=\"min-w-0\">\n <p className=\"truncate font-semibold text-text-primary\">{asset.name}</p>\n {asset.code && (\n <p className=\"truncate text-xs text-text-tertiary\">{asset.code}</p>\n )}\n </div>\n <StatusBadge status={asset.status} className=\"shrink-0\" />\n </div>\n <div className=\"mt-2 flex flex-wrap gap-1.5\">\n <MobileChip>{formatEnumLabel(asset.commodity)}</MobileChip>\n {asset.location && (\n <MobileChip icon={<MapPin className=\"h-3 w-3 shrink-0\" />}>\n {asset.location}\n </MobileChip>\n )}\n </div>\n </div>\n <ChevronRight className=\"mt-1 h-4 w-4 shrink-0 text-text-tertiary\" />\n </button>\n <div className=\"flex items-end justify-between gap-3 border-t border-border-seam px-4 py-3\">\n <AssetFigures\n assetId={asset.id}\n sharedDaily={dailyByAsset.get(asset.id)}\n sharedReserve={reserveByAsset.get(asset.id)}\n productionTruncated={productionTruncated}\n reservesTruncated={reservesTruncated}\n />\n <Button\n size=\"sm\"\n variant=\"outline\"\n className=\"h-9 shrink-0\"\n onClick={() => onRecordProduction(asset)}\n aria-label={`Record production for ${asset.name}`}\n >\n <Plus className=\"mr-1 h-3.5 w-3.5\" /> Record\n </Button>\n </div>\n </li>\n );\n })}\n </ul>\n );\n};\n"],"mappings":"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"}

package/dist/theglobalfuel/components/mobile/MobileChip.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import { FC, ReactNode } from 'react';
+interface MobileChipProps {
+    icon?: ReactNode;
+    children: ReactNode;
+    className?: string;
+}
+export declare const MobileChip: FC<MobileChipProps>;
+export {};
+//# sourceMappingURL=MobileChip.d.ts.map

package/dist/theglobalfuel/components/mobile/MobileChip.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"MobileChip.d.ts","sourceRoot":"","sources":["../../../../src/theglobalfuel/components/mobile/MobileChip.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3C,UAAU,eAAe;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAU1C,CAAC"}

package/dist/theglobalfuel/components/mobile/MobileChip.js ADDED Viewed

@@ -0,0 +1,14 @@
+import { cn as e } from "../../utils/cn.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/theglobalfuel/components/mobile/MobileChip.tsx
+var r = ({ icon: r, children: i, className: a }) => /* @__PURE__ */ n("span", {
+	className: e("inline-flex max-w-full items-center gap-1 rounded-full border border-border-seam bg-bg-surface px-2 py-0.5 text-xs text-text-secondary", a),
+	children: [r, /* @__PURE__ */ t("span", {
+		className: "truncate",
+		children: i
+	})]
+});
+//#endregion
+export { r as MobileChip };
+//# sourceMappingURL=MobileChip.js.map

package/dist/theglobalfuel/components/mobile/MobileChip.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MobileChip.js","names":[],"sources":["../../../../src/theglobalfuel/components/mobile/MobileChip.tsx"],"sourcesContent":["/**\n * MobileChip — compact metadata chip (commodity, location, side) for the phone\n * cards in mock 21 (BOFF-3956).\n * @module theglobalfuel/components/mobile\n */\n\nimport type { FC, ReactNode } from 'react';\nimport { cn } from '../../utils/cn';\n\ninterface MobileChipProps {\n icon?: ReactNode;\n children: ReactNode;\n className?: string;\n}\n\nexport const MobileChip: FC<MobileChipProps> = ({ icon, children, className }) => (\n <span\n className={cn(\n 'inline-flex max-w-full items-center gap-1 rounded-full border border-border-seam bg-bg-surface px-2 py-0.5 text-xs text-text-secondary',\n className\n )}\n >\n {icon}\n <span className=\"truncate\">{children}</span>\n </span>\n);\n"],"mappings":";;;AAeA,IAAa,KAAmC,EAAE,SAAM,aAAU,mBAChE,kBAAC,QAAD;CACE,WAAW,EACT,0IACA,EACD;WAJH,CAMG,GACD,kBAAC,QAAD;EAAM,WAAU;EAAY;EAAgB,CAAA,CACvC"}

package/dist/theglobalfuel/components/mobile/MobileContractList.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { TheOfftakeContract } from '../../types';
+interface MobileContractListProps {
+    rows: readonly TheOfftakeContract[];
+    onOpen: (contract: TheOfftakeContract) => void;
+}
+export declare const MobileContractList: FC<MobileContractListProps>;
+export {};
+//# sourceMappingURL=MobileContractList.d.ts.map

package/dist/theglobalfuel/components/mobile/MobileContractList.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MobileContractList.d.ts","sourceRoot":"","sources":["../../../../src/theglobalfuel/components/mobile/MobileContractList.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAQhC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEtD,UAAU,uBAAuB;IAC/B,IAAI,EAAE,SAAS,kBAAkB,EAAE,CAAC;IACpC,MAAM,EAAE,CAAC,QAAQ,EAAE,kBAAkB,KAAK,IAAI,CAAC;CAChD;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CA2C1D,CAAC"}