@burdenoff/microfe-assethandler 2026.826.2 → 2026.826.4

package/dist/assethandler/ops/MaintenancePlanDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"MaintenancePlanDialog.js","names":[],"sources":["../../../src/assethandler/ops/MaintenancePlanDialog.tsx"],"sourcesContent":["import { 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 { Loader2, Plus, X } from 'lucide-react';\nimport { useAssetHandlerStore } from '../store/assethandlerStore';\nimport { notify } from '../utils/toast';\nimport {\n  PLAN_PRIORITIES,\n  PLAN_TYPES,\n  type MaintenancePlan,\n  useMaintenancePlans,\n} from '../hooks/useMaintenancePlans';\n\n/**\n * Create or edit a recurring maintenance plan (BOFF-6031).\n *\n * The one rule this form has to get right: a plan needs AT LEAST ONE interval.\n * The backend refuses a plan without one — such a plan can never come due, which\n * is the exact gap the feature closes — so the form says so up front rather than\n * letting someone fill in eight fields and be rejected on submit.\n *\n * Only the four backend plan types are offered. The one-off \"Schedule\n * Maintenance\" dialog also lists CALIBRATION and EMERGENCY, which a free-form\n * MaintenanceRecord.type accepts but a plan does not.\n */\n\nconst humanize = (value: string) =>\n  value\n    .toLowerCase()\n    .replace(/_/g, ' ')\n    .replace(/^\\w/, (c) => c.toUpperCase());\n\n/** `<input type=\"date\">` wants YYYY-MM-DD; the API speaks ISO-8601. */\nconst toDateInput = (iso: string | null): string => (iso ? iso.slice(0, 10) : '');\n\nconst numberOrNull = (raw: string): number | null => {\n  const trimmed = raw.trim();\n  if (trimmed === '') return null;\n  const parsed = Number(trimmed);\n  return Number.isFinite(parsed) ? parsed : null;\n};\n\nconst checklistTasks = (plan?: MaintenancePlan | null): string[] => {\n  const tasks = (plan?.checklistTemplate ?? [])\n    .map((item) => (typeof item?.task === 'string' ? item.task : ''))\n    .filter((task) => task !== '');\n  return tasks.length > 0 ? tasks : [''];\n};\n\n/**\n * The dialog is a thin shell; the form below is REMOUNTED per plan via `key`.\n *\n * That is what keeps the fields correct when you edit one plan, close, then edit\n * another. Re-seeding the same mounted form from an effect would do the same job\n * but through a cascade of setState calls during render — which React (and this\n * repo's lint) rightly rejects. A fresh mount reads its initial state straight\n * from props, with no synchronisation to get wrong.\n */\nexport function MaintenancePlanDialog({\n  open,\n  onOpenChange,\n  plan,\n}: {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  /** Present when editing; absent when creating. */\n  plan?: MaintenancePlan | null;\n}) {\n  return (\n    <ResponsiveDialog open={open} onOpenChange={onOpenChange}>\n      <ResponsiveDialogContent className=\"max-h-[85vh] overflow-y-auto sm:max-w-2xl\">\n        {open && (\n          <MaintenancePlanForm\n            key={plan?.id ?? 'new'}\n            plan={plan ?? null}\n            onOpenChange={onOpenChange}\n          />\n        )}\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n\nfunction MaintenancePlanForm({\n  plan,\n  onOpenChange,\n}: {\n  plan: MaintenancePlan | null;\n  onOpenChange: (open: boolean) => void;\n}) {\n  const { assets } = useAssetHandlerStore();\n  const { createPlan, updatePlan, busy } = useMaintenancePlans();\n  const isEdit = Boolean(plan);\n\n  const [assetId, setAssetId] = useState(plan?.assetId ?? '');\n  const [title, setTitle] = useState(plan?.title ?? '');\n  const [description, setDescription] = useState(plan?.description ?? '');\n  const [type, setType] = useState<string>(plan?.type ?? 'PREVENTIVE');\n  const [priority, setPriority] = useState<string>(plan?.priority ?? 'MEDIUM');\n  const [intervalDays, setIntervalDays] = useState(\n    plan?.intervalDays != null ? String(plan.intervalDays) : ''\n  );\n  const [intervalMeter, setIntervalMeter] = useState(\n    plan?.intervalMeter != null ? String(plan.intervalMeter) : ''\n  );\n  const [startAt, setStartAt] = useState(toDateInput(plan?.startAt ?? null));\n  const [startMeter, setStartMeter] = useState(\n    plan?.startMeter != null ? String(plan.startMeter) : ''\n  );\n  const [leadTimeDays, setLeadTimeDays] = useState(\n    plan?.leadTimeDays != null ? String(plan.leadTimeDays) : ''\n  );\n  const [estimatedCost, setEstimatedCost] = useState(\n    plan?.estimatedCost != null ? String(plan.estimatedCost) : ''\n  );\n  const [checklist, setChecklist] = useState<string[]>(checklistTasks(plan));\n\n  const setChecklistItem = (index: number, value: string) =>\n    setChecklist((prev) => prev.map((task, i) => (i === index ? value : task)));\n  const addChecklistItem = () => setChecklist((prev) => [...prev, '']);\n  const removeChecklistItem = (index: number) =>\n    setChecklist((prev) => (prev.length === 1 ? prev : prev.filter((_, i) => i !== index)));\n\n  const handleSubmit = () => {\n    if (!isEdit && !assetId) {\n      notify.warning('Asset required', 'Pick the machine this plan is for.');\n      return;\n    }\n    if (!title.trim()) {\n      notify.warning('Title required', 'Give the plan a name, e.g. \"250-hour tractor service\".');\n      return;\n    }\n    const days = numberOrNull(intervalDays);\n    const meter = numberOrNull(intervalMeter);\n    if (days === null && meter === null) {\n      notify.warning(\n        'This plan needs an interval',\n        'Set a day interval, a usage interval, or both — otherwise it can never come due.'\n      );\n      return;\n    }\n\n    const cleanedChecklist = checklist\n      .map((task) => task.trim())\n      .filter((task) => task !== '')\n      .map((task) => ({ task, completed: false }));\n\n    const input = {\n      title: title.trim(),\n      description: description.trim() || null,\n      type,\n      priority,\n      intervalDays: days,\n      intervalMeter: meter,\n      startAt: startAt ? new Date(startAt).toISOString() : null,\n      startMeter: numberOrNull(startMeter),\n      leadTimeDays: numberOrNull(leadTimeDays),\n      estimatedCost: numberOrNull(estimatedCost),\n      checklistTemplate: cleanedChecklist,\n    };\n\n    const done = () => onOpenChange(false);\n    if (isEdit && plan) {\n      void updatePlan({ variables: { id: plan.id, input } }).then(done);\n    } else {\n      void createPlan({ variables: { input: { ...input, assetId } } }).then(done);\n    }\n  };\n\n  return (\n    <>\n      <ResponsiveDialogHeader>\n        <ResponsiveDialogTitle>\n          {isEdit ? 'Edit maintenance plan' : 'New maintenance plan'}\n        </ResponsiveDialogTitle>\n        <ResponsiveDialogDescription>\n          A recurring schedule. When it falls due it raises a maintenance job, and completing that\n          job starts the next cycle.\n        </ResponsiveDialogDescription>\n      </ResponsiveDialogHeader>\n\n      <div className=\"space-y-4\">\n        {!isEdit && (\n          <div className=\"space-y-2\">\n            <Label>Asset *</Label>\n            <Select value={assetId} onValueChange={setAssetId}>\n              <SelectTrigger>\n                <SelectValue placeholder=\"Select an asset\" />\n              </SelectTrigger>\n              <SelectContent>\n                {assets.map((asset) => (\n                  <SelectItem key={asset.id} value={asset.id}>\n                    {asset.name}\n                    {asset.assetTag ? ` · ${asset.assetTag}` : ''}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n          </div>\n        )}\n\n        <div className=\"space-y-2\">\n          <Label>Title *</Label>\n          <Input\n            placeholder=\"e.g., 250-hour tractor service\"\n            value={title}\n            onChange={(e) => setTitle(e.target.value)}\n          />\n        </div>\n\n        <div className=\"space-y-2\">\n          <Label>Description</Label>\n          <Textarea\n            placeholder=\"What does this service involve?\"\n            value={description}\n            onChange={(e) => setDescription(e.target.value)}\n            rows={2}\n          />\n        </div>\n\n        <div className=\"grid gap-4 md:grid-cols-2\">\n          <div className=\"space-y-2\">\n            <Label>Type</Label>\n            <Select value={type} onValueChange={setType}>\n              <SelectTrigger>\n                <SelectValue />\n              </SelectTrigger>\n              <SelectContent>\n                {PLAN_TYPES.map((t) => (\n                  <SelectItem key={t} value={t}>\n                    {humanize(t)}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n          </div>\n          <div className=\"space-y-2\">\n            <Label>Priority</Label>\n            <Select value={priority} onValueChange={setPriority}>\n              <SelectTrigger>\n                <SelectValue />\n              </SelectTrigger>\n              <SelectContent>\n                {PLAN_PRIORITIES.map((p) => (\n                  <SelectItem key={p} value={p}>\n                    {humanize(p)}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n          </div>\n        </div>\n\n        <div className=\"rounded-lg border border-border-subtle bg-bg-sunken p-4\">\n          <p className=\"text-sm font-medium text-text-primary\">How often? *</p>\n          <p className=\"mt-1 text-xs text-text-secondary\">\n            Set at least one. With both, the plan comes due at whichever arrives first — the way a\n            service book reads &ldquo;every 90 days or 250 hours&rdquo;.\n          </p>\n          <div className=\"mt-3 grid gap-4 md:grid-cols-2\">\n            <div className=\"space-y-2\">\n              <Label>Every N days</Label>\n              <Input\n                type=\"number\"\n                min={1}\n                placeholder=\"90\"\n                value={intervalDays}\n                onChange={(e) => setIntervalDays(e.target.value)}\n              />\n            </div>\n            <div className=\"space-y-2\">\n              <Label>Every N usage units</Label>\n              <Input\n                type=\"number\"\n                min={1}\n                placeholder=\"250\"\n                value={intervalMeter}\n                onChange={(e) => setIntervalMeter(e.target.value)}\n              />\n              <p className=\"text-xs text-text-tertiary\">\n                Counts against the asset&rsquo;s usage meter. Assets without one never come due this\n                way.\n              </p>\n            </div>\n          </div>\n        </div>\n\n        <div className=\"grid gap-4 md:grid-cols-3\">\n          <div className=\"space-y-2\">\n            <Label>Start counting from</Label>\n            <Input type=\"date\" value={startAt} onChange={(e) => setStartAt(e.target.value)} />\n            <p className=\"text-xs text-text-tertiary\">Defaults to today.</p>\n          </div>\n          <div className=\"space-y-2\">\n            <Label>Meter at start</Label>\n            <Input\n              type=\"number\"\n              min={0}\n              placeholder=\"e.g. 1200\"\n              value={startMeter}\n              onChange={(e) => setStartMeter(e.target.value)}\n            />\n            {/*\n              This writes the PLAN's anchor, not the asset's meter. Its placeholder used\n              to read \"Current reading\", which made it look like the field where you\n              record the tractor's hours — type 1200 there and the plan anchors at 1200,\n              computes a next-due of 1450, and then never comes due because the ASSET's\n              meter is still empty. Two inputs that looked identical and behaved\n              completely differently (BOFF-6032).\n            */}\n            <p className=\"text-xs text-text-tertiary\">\n              Where this plan starts counting from — not the asset&rsquo;s reading. Record that on\n              the asset itself.\n            </p>\n          </div>\n          <div className=\"space-y-2\">\n            <Label>Raise work N days early</Label>\n            <Input\n              type=\"number\"\n              min={0}\n              placeholder=\"0\"\n              value={leadTimeDays}\n              onChange={(e) => setLeadTimeDays(e.target.value)}\n            />\n          </div>\n        </div>\n\n        <div className=\"space-y-2\">\n          <Label>Estimated cost</Label>\n          <Input\n            type=\"number\"\n            min={0}\n            placeholder=\"0.00\"\n            value={estimatedCost}\n            onChange={(e) => setEstimatedCost(e.target.value)}\n          />\n        </div>\n\n        <div className=\"space-y-2\">\n          <Label>Checklist template</Label>\n          <p className=\"text-xs text-text-tertiary\">\n            Copied onto every job this plan raises, so the procedure travels with the schedule.\n          </p>\n          {checklist.map((task, index) => (\n            <div key={index} className=\"flex items-center gap-2\">\n              <Input\n                placeholder={`Step ${index + 1}`}\n                value={task}\n                onChange={(e) => setChecklistItem(index, e.target.value)}\n              />\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"icon\"\n                onClick={() => removeChecklistItem(index)}\n                aria-label={`Remove step ${index + 1}`}\n              >\n                <X className=\"size-4\" />\n              </Button>\n            </div>\n          ))}\n          <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={addChecklistItem}>\n            <Plus className=\"mr-1 size-4\" /> Add step\n          </Button>\n        </div>\n      </div>\n\n      <ResponsiveDialogFooter>\n        <Button variant=\"outline\" onClick={() => onOpenChange(false)}>\n          Cancel\n        </Button>\n        <Button onClick={handleSubmit} disabled={busy}>\n          {busy && <Loader2 className=\"mr-2 size-4 animate-spin\" />}\n          {isEdit ? 'Save plan' : 'Create plan'}\n        </Button>\n      </ResponsiveDialogFooter>\n    </>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"MaintenancePlanDialog.js","names":[],"sources":["../../../src/assethandler/ops/MaintenancePlanDialog.tsx"],"sourcesContent":["import { 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 { Loader2, Plus, X } from 'lucide-react';\nimport { useAssetHandlerStore } from '../store/assethandlerStore';\nimport { notify } from '../utils/toast';\nimport {\n  PLAN_PRIORITIES,\n  PLAN_TYPES,\n  type MaintenancePlan,\n  useMaintenancePlans,\n} from '../hooks/useMaintenancePlans';\n\n/**\n * Create or edit a recurring maintenance plan (BOFF-6031).\n *\n * The one rule this form has to get right: a plan needs AT LEAST ONE interval.\n * The backend refuses a plan without one — such a plan can never come due, which\n * is the exact gap the feature closes — so the form says so up front rather than\n * letting someone fill in eight fields and be rejected on submit.\n *\n * Only the four backend plan types are offered. The one-off \"Schedule\n * Maintenance\" dialog also lists CALIBRATION and EMERGENCY, which a free-form\n * MaintenanceRecord.type accepts but a plan does not.\n */\n\nconst humanize = (value: string) =>\n  value\n    .toLowerCase()\n    .replace(/_/g, ' ')\n    .replace(/^\\w/, (c) => c.toUpperCase());\n\n/** `<input type=\"date\">` wants YYYY-MM-DD; the API speaks ISO-8601. */\nconst toDateInput = (iso: string | null): string => (iso ? iso.slice(0, 10) : '');\n\nconst numberOrNull = (raw: string): number | null => {\n  const trimmed = raw.trim();\n  if (trimmed === '') return null;\n  const parsed = Number(trimmed);\n  return Number.isFinite(parsed) ? parsed : null;\n};\n\nconst checklistTasks = (plan?: MaintenancePlan | null): string[] => {\n  const tasks = (plan?.checklistTemplate ?? [])\n    .map((item) => (typeof item?.task === 'string' ? item.task : ''))\n    .filter((task) => task !== '');\n  return tasks.length > 0 ? tasks : [''];\n};\n\n/**\n * The dialog is a thin shell; the form below is REMOUNTED per plan via `key`.\n *\n * That is what keeps the fields correct when you edit one plan, close, then edit\n * another. Re-seeding the same mounted form from an effect would do the same job\n * but through a cascade of setState calls during render — which React (and this\n * repo's lint) rightly rejects. A fresh mount reads its initial state straight\n * from props, with no synchronisation to get wrong.\n */\nexport function MaintenancePlanDialog({\n  open,\n  onOpenChange,\n  plan,\n}: {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  /** Present when editing; absent when creating. */\n  plan?: MaintenancePlan | null;\n}) {\n  return (\n    <ResponsiveDialog open={open} onOpenChange={onOpenChange}>\n      <ResponsiveDialogContent className=\"max-h-[85vh] overflow-y-auto sm:max-w-2xl\">\n        {open && (\n          <MaintenancePlanForm\n            key={plan?.id ?? 'new'}\n            plan={plan ?? null}\n            onOpenChange={onOpenChange}\n          />\n        )}\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n\nfunction MaintenancePlanForm({\n  plan,\n  onOpenChange,\n}: {\n  plan: MaintenancePlan | null;\n  onOpenChange: (open: boolean) => void;\n}) {\n  const { assets } = useAssetHandlerStore();\n  const { createPlan, updatePlan, busy } = useMaintenancePlans();\n  const isEdit = Boolean(plan);\n\n  const [assetId, setAssetId] = useState(plan?.assetId ?? '');\n  const [title, setTitle] = useState(plan?.title ?? '');\n  const [description, setDescription] = useState(plan?.description ?? '');\n  const [type, setType] = useState<string>(plan?.type ?? 'PREVENTIVE');\n  const [priority, setPriority] = useState<string>(plan?.priority ?? 'MEDIUM');\n  const [intervalDays, setIntervalDays] = useState(\n    plan?.intervalDays != null ? String(plan.intervalDays) : ''\n  );\n  const [intervalMeter, setIntervalMeter] = useState(\n    plan?.intervalMeter != null ? String(plan.intervalMeter) : ''\n  );\n  const [startAt, setStartAt] = useState(toDateInput(plan?.startAt ?? null));\n  const [startMeter, setStartMeter] = useState(\n    plan?.startMeter != null ? String(plan.startMeter) : ''\n  );\n  const [leadTimeDays, setLeadTimeDays] = useState(\n    plan?.leadTimeDays != null ? String(plan.leadTimeDays) : ''\n  );\n  const [estimatedCost, setEstimatedCost] = useState(\n    plan?.estimatedCost != null ? String(plan.estimatedCost) : ''\n  );\n  const [checklist, setChecklist] = useState<string[]>(checklistTasks(plan));\n\n  const setChecklistItem = (index: number, value: string) =>\n    setChecklist((prev) => prev.map((task, i) => (i === index ? value : task)));\n  const addChecklistItem = () => setChecklist((prev) => [...prev, '']);\n  const removeChecklistItem = (index: number) =>\n    setChecklist((prev) => (prev.length === 1 ? prev : prev.filter((_, i) => i !== index)));\n\n  const handleSubmit = () => {\n    if (!isEdit && !assetId) {\n      notify.warning('Asset required', 'Pick the machine this plan is for.');\n      return;\n    }\n    if (!title.trim()) {\n      notify.warning('Title required', 'Give the plan a name, e.g. \"250-hour tractor service\".');\n      return;\n    }\n    const days = numberOrNull(intervalDays);\n    const meter = numberOrNull(intervalMeter);\n    if (days === null && meter === null) {\n      notify.warning(\n        'This plan needs an interval',\n        'Set a day interval, a usage interval, or both — otherwise it can never come due.'\n      );\n      return;\n    }\n\n    const cleanedChecklist = checklist\n      .map((task) => task.trim())\n      .filter((task) => task !== '')\n      .map((task) => ({ task, completed: false }));\n\n    const input = {\n      title: title.trim(),\n      description: description.trim() || null,\n      type,\n      priority,\n      intervalDays: days,\n      intervalMeter: meter,\n      startAt: startAt ? new Date(startAt).toISOString() : null,\n      startMeter: numberOrNull(startMeter),\n      leadTimeDays: numberOrNull(leadTimeDays),\n      estimatedCost: numberOrNull(estimatedCost),\n      checklistTemplate: cleanedChecklist,\n    };\n\n    const done = () => onOpenChange(false);\n    if (isEdit && plan) {\n      void updatePlan({ variables: { id: plan.id, input } }).then(done);\n    } else {\n      void createPlan({ variables: { input: { ...input, assetId } } }).then(done);\n    }\n  };\n\n  return (\n    <>\n      <ResponsiveDialogHeader>\n        <ResponsiveDialogTitle>\n          {isEdit ? 'Edit maintenance plan' : 'New maintenance plan'}\n        </ResponsiveDialogTitle>\n        <ResponsiveDialogDescription>\n          A recurring schedule. When it falls due it raises a maintenance job, and completing that\n          job starts the next cycle.\n        </ResponsiveDialogDescription>\n      </ResponsiveDialogHeader>\n\n      <div className=\"space-y-4\">\n        {!isEdit && (\n          <div className=\"space-y-2\">\n            <Label>Asset *</Label>\n            <Select value={assetId} onValueChange={setAssetId}>\n              <SelectTrigger>\n                <SelectValue placeholder=\"Select an asset\" />\n              </SelectTrigger>\n              <SelectContent>\n                {assets.map((asset) => (\n                  <SelectItem key={asset.id} value={asset.id}>\n                    {asset.name}\n                    {asset.assetTag ? ` · ${asset.assetTag}` : ''}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n          </div>\n        )}\n\n        <div className=\"space-y-2\">\n          <Label>Title *</Label>\n          <Input\n            placeholder=\"e.g., 250-hour tractor service\"\n            value={title}\n            onChange={(e) => setTitle(e.target.value)}\n          />\n        </div>\n\n        <div className=\"space-y-2\">\n          <Label>Description</Label>\n          <Textarea\n            placeholder=\"What does this service involve?\"\n            value={description}\n            onChange={(e) => setDescription(e.target.value)}\n            rows={2}\n          />\n        </div>\n\n        <div className=\"grid gap-4 md:grid-cols-2\">\n          <div className=\"space-y-2\">\n            <Label>Type</Label>\n            <Select value={type} onValueChange={setType}>\n              <SelectTrigger>\n                <SelectValue />\n              </SelectTrigger>\n              <SelectContent>\n                {PLAN_TYPES.map((t) => (\n                  <SelectItem key={t} value={t}>\n                    {humanize(t)}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n          </div>\n          <div className=\"space-y-2\">\n            <Label>Priority</Label>\n            <Select value={priority} onValueChange={setPriority}>\n              <SelectTrigger>\n                <SelectValue />\n              </SelectTrigger>\n              <SelectContent>\n                {PLAN_PRIORITIES.map((p) => (\n                  <SelectItem key={p} value={p}>\n                    {humanize(p)}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n          </div>\n        </div>\n\n        <div className=\"rounded-lg border border-border-subtle bg-bg-sunken p-4\">\n          <p className=\"text-sm font-medium text-text-primary\">How often? *</p>\n          <p className=\"mt-1 text-xs text-text-secondary\">\n            Set at least one. With both, the plan comes due at whichever arrives first — the way a\n            service book reads &ldquo;every 90 days or 250 hours&rdquo;.\n          </p>\n          <div className=\"mt-3 grid gap-4 md:grid-cols-2\">\n            <div className=\"space-y-2\">\n              <Label>Every N days</Label>\n              <Input\n                type=\"number\"\n                min={1}\n                placeholder=\"90\"\n                value={intervalDays}\n                onChange={(e) => setIntervalDays(e.target.value)}\n              />\n            </div>\n            <div className=\"space-y-2\">\n              <Label>Every N usage units</Label>\n              <Input\n                type=\"number\"\n                min={1}\n                placeholder=\"250\"\n                value={intervalMeter}\n                onChange={(e) => setIntervalMeter(e.target.value)}\n              />\n              <p className=\"text-xs text-text-tertiary\">\n                Counts against the asset&rsquo;s usage meter. Assets without one never come due this\n                way.\n              </p>\n            </div>\n          </div>\n        </div>\n\n        <div className=\"grid gap-4 md:grid-cols-3\">\n          <div className=\"space-y-2\">\n            <Label>Start counting from</Label>\n            <Input type=\"date\" value={startAt} onChange={(e) => setStartAt(e.target.value)} />\n            <p className=\"text-xs text-text-tertiary\">Defaults to today.</p>\n          </div>\n          <div className=\"space-y-2\">\n            <Label>Meter at start</Label>\n            <Input\n              type=\"number\"\n              min={0}\n              placeholder=\"e.g. 1200\"\n              value={startMeter}\n              onChange={(e) => setStartMeter(e.target.value)}\n            />\n            {/*\n              This writes the PLAN's anchor, not the asset's meter. Its placeholder used\n              to read \"Current reading\", which made it look like the field where you\n              record the tractor's hours — type 1200 there and the plan anchors at 1200,\n              computes a next-due of 1450, and then never comes due because the ASSET's\n              meter is still empty. Two inputs that looked identical and behaved\n              completely differently (BOFF-6032).\n            */}\n            <p className=\"text-xs text-text-tertiary\">\n              Where this plan starts counting from — not the asset&rsquo;s reading. Record that on\n              the asset itself.\n            </p>\n          </div>\n          <div className=\"space-y-2\">\n            <Label>Raise work N days early</Label>\n            <Input\n              type=\"number\"\n              min={0}\n              placeholder=\"0\"\n              value={leadTimeDays}\n              onChange={(e) => setLeadTimeDays(e.target.value)}\n            />\n          </div>\n        </div>\n\n        <div className=\"space-y-2\">\n          <Label>Estimated cost</Label>\n          <Input\n            type=\"number\"\n            min={0}\n            placeholder=\"0.00\"\n            value={estimatedCost}\n            onChange={(e) => setEstimatedCost(e.target.value)}\n          />\n        </div>\n\n        <div className=\"space-y-2\">\n          <Label>Checklist template</Label>\n          <p className=\"text-xs text-text-tertiary\">\n            Copied onto every job this plan raises, so the procedure travels with the schedule.\n          </p>\n          {checklist.map((task, index) => (\n            <div key={index} className=\"flex items-center gap-2\">\n              <Input\n                placeholder={`Step ${index + 1}`}\n                value={task}\n                onChange={(e) => setChecklistItem(index, e.target.value)}\n              />\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"icon\"\n                onClick={() => removeChecklistItem(index)}\n                aria-label={`Remove step ${index + 1}`}\n              >\n                <X className=\"size-4\" />\n              </Button>\n            </div>\n          ))}\n          <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={addChecklistItem}>\n            <Plus className=\"mr-1 size-4\" /> Add step\n          </Button>\n        </div>\n      </div>\n\n      <ResponsiveDialogFooter>\n        <Button variant=\"outline\" onClick={() => onOpenChange(false)}>\n          Cancel\n        </Button>\n        <Button onClick={handleSubmit} disabled={busy}>\n          {busy && <Loader2 className=\"mr-2 size-4 animate-spin\" />}\n          {isEdit ? 'Save plan' : 'Create plan'}\n        </Button>\n      </ResponsiveDialogFooter>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;AAyCA,IAAM,KAAY,MAChB,EACG,YAAY,EACZ,QAAQ,MAAM,GAAG,EACjB,QAAQ,QAAQ,MAAM,EAAE,YAAY,CAAC,GAGpC,KAAe,MAAgC,IAAM,EAAI,MAAM,GAAG,EAAE,IAAI,IAExE,KAAgB,MAA+B;CACnD,IAAM,IAAU,EAAI,KAAK;CACzB,IAAI,MAAY,IAAI,OAAO;CAC3B,IAAM,IAAS,OAAO,CAAO;CAC7B,OAAO,OAAO,SAAS,CAAM,IAAI,IAAS;AAC5C,GAEM,KAAkB,MAA4C;CAClE,IAAM,KAAS,GAAM,qBAAqB,CAAC,GACxC,KAAK,MAAU,OAAO,GAAM,QAAS,WAAW,EAAK,OAAO,EAAG,EAC/D,QAAQ,MAAS,MAAS,EAAE;CAC/B,OAAO,EAAM,SAAS,IAAI,IAAQ,CAAC,EAAE;AACvC;AAWA,SAAgB,EAAsB,EACpC,SACA,iBACA,WAMC;CACD,OACE,kBAAC,GAAD;EAAwB;EAAoB;YAC1C,kBAAC,GAAD;GAAyB,WAAU;aAChC,KACC,kBAAC,GAAD;IAEE,MAAM,KAAQ;IACA;GACf,GAHM,GAAM,MAAM,KAGlB;EAEoB,CAAA;CACT,CAAA;AAEtB;AAEA,SAAS,EAAoB,EAC3B,SACA,mBAIC;CACD,IAAM,EAAE,cAAW,EAAqB,GAClC,EAAE,eAAY,eAAY,YAAS,EAAoB,GACvD,IAAS,EAAQ,GAEjB,CAAC,GAAS,MAAc,EAAS,GAAM,WAAW,EAAE,GACpD,CAAC,GAAO,KAAY,EAAS,GAAM,SAAS,EAAE,GAC9C,CAAC,GAAa,KAAkB,EAAS,GAAM,eAAe,EAAE,GAChE,CAAC,GAAM,KAAW,EAAiB,GAAM,QAAQ,YAAY,GAC7D,CAAC,GAAU,KAAe,EAAiB,GAAM,YAAY,QAAQ,GACrE,CAAC,GAAc,KAAmB,EACtC,GAAM,gBAAgB,OAAmC,KAA5B,OAAO,EAAK,YAAY,CACvD,GACM,CAAC,GAAe,KAAoB,EACxC,GAAM,iBAAiB,OAAoC,KAA7B,OAAO,EAAK,aAAa,CACzD,GACM,CAAC,GAAS,KAAc,EAAS,EAAY,GAAM,WAAW,IAAI,CAAC,GACnE,CAAC,GAAY,KAAiB,EAClC,GAAM,cAAc,OAAiC,KAA1B,OAAO,EAAK,UAAU,CACnD,GACM,CAAC,GAAc,MAAmB,EACtC,GAAM,gBAAgB,OAAmC,KAA5B,OAAO,EAAK,YAAY,CACvD,GACM,CAAC,GAAe,MAAoB,EACxC,GAAM,iBAAiB,OAAoC,KAA7B,OAAO,EAAK,aAAa,CACzD,GACM,CAAC,GAAW,KAAgB,EAAmB,EAAe,CAAI,CAAC,GAEnE,MAAoB,GAAe,MACvC,GAAc,MAAS,EAAK,KAAK,GAAM,MAAO,MAAM,IAAQ,IAAQ,CAAK,CAAC,GACtE,WAAyB,GAAc,MAAS,CAAC,GAAG,GAAM,EAAE,CAAC,GAC7D,MAAuB,MAC3B,GAAc,MAAU,EAAK,WAAW,IAAI,IAAO,EAAK,QAAQ,GAAG,MAAM,MAAM,CAAK,CAAE;CAgDxF,OACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACG,IAAS,0BAA0B,uBACf,CAAA,GACvB,kBAAC,GAAD,EAAA,UAA6B,sHAGA,CAAA,CACP,EAAA,CAAA;EAExB,kBAAC,OAAD;GAAK,WAAU;aAAf;IACG,CAAC,KACA,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAA,UAAO,UAAc,CAAA,GACrB,kBAAC,GAAD;MAAQ,OAAO;MAAS,eAAe;gBAAvC,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAa,aAAY,kBAAmB,CAAA,EAC/B,CAAA,GACf,kBAAC,GAAD,EAAA,UACG,EAAO,KAAK,MACX,kBAAC,GAAD;OAA2B,OAAO,EAAM;iBAAxC,CACG,EAAM,MACN,EAAM,WAAW,MAAM,EAAM,aAAa,EACjC;SAHK,EAAM,EAGX,CACb,EACY,CAAA,CACT;OACL;;IAGP,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAA,UAAO,UAAc,CAAA,GACrB,kBAAC,GAAD;MACE,aAAY;MACZ,OAAO;MACP,WAAW,MAAM,EAAS,EAAE,OAAO,KAAK;KACzC,CAAA,CACE;;IAEL,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAA,UAAO,cAAkB,CAAA,GACzB,kBAAC,GAAD;MACE,aAAY;MACZ,OAAO;MACP,WAAW,MAAM,EAAe,EAAE,OAAO,KAAK;MAC9C,MAAM;KACP,CAAA,CACE;;IAEL,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD,EAAA,UAAO,OAAW,CAAA,GAClB,kBAAC,GAAD;OAAQ,OAAO;OAAM,eAAe;iBAApC,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,CAAc,CAAA,EACD,CAAA,GACf,kBAAC,GAAD,EAAA,UACG,EAAW,KAAK,MACf,kBAAC,GAAD;QAAoB,OAAO;kBACxB,EAAS,CAAC;OACD,GAFK,CAEL,CACb,EACY,CAAA,CACT;QACL;SACL,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD,EAAA,UAAO,WAAe,CAAA,GACtB,kBAAC,GAAD;OAAQ,OAAO;OAAU,eAAe;iBAAxC,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,CAAc,CAAA,EACD,CAAA,GACf,kBAAC,GAAD,EAAA,UACG,EAAgB,KAAK,MACpB,kBAAC,GAAD;QAAoB,OAAO;kBACxB,EAAS,CAAC;OACD,GAFK,CAEL,CACb,EACY,CAAA,CACT;QACL;OACF;;IAEL,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,KAAD;OAAG,WAAU;iBAAwC;MAAe,CAAA;MACpE,kBAAC,KAAD;OAAG,WAAU;iBAAmC;MAG7C,CAAA;MACH,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,GAAD,EAAA,UAAO,eAAmB,CAAA,GAC1B,kBAAC,GAAD;SACE,MAAK;SACL,KAAK;SACL,aAAY;SACZ,OAAO;SACP,WAAW,MAAM,EAAgB,EAAE,OAAO,KAAK;QAChD,CAAA,CACE;WACL,kBAAC,OAAD;QAAK,WAAU;kBAAf;SACE,kBAAC,GAAD,EAAA,UAAO,sBAA0B,CAAA;SACjC,kBAAC,GAAD;UACE,MAAK;UACL,KAAK;UACL,aAAY;UACZ,OAAO;UACP,WAAW,MAAM,EAAiB,EAAE,OAAO,KAAK;SACjD,CAAA;SACD,kBAAC,KAAD;UAAG,WAAU;oBAA6B;SAGvC,CAAA;QACA;SACF;;KACF;;IAEL,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,GAAD,EAAA,UAAO,sBAA0B,CAAA;QACjC,kBAAC,GAAD;SAAO,MAAK;SAAO,OAAO;SAAS,WAAW,MAAM,EAAW,EAAE,OAAO,KAAK;QAAI,CAAA;QACjF,kBAAC,KAAD;SAAG,WAAU;mBAA6B;QAAqB,CAAA;OAC5D;;MACL,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,GAAD,EAAA,UAAO,iBAAqB,CAAA;QAC5B,kBAAC,GAAD;SACE,MAAK;SACL,KAAK;SACL,aAAY;SACZ,OAAO;SACP,WAAW,MAAM,EAAc,EAAE,OAAO,KAAK;QAC9C,CAAA;QASD,kBAAC,KAAD;SAAG,WAAU;mBAA6B;QAGvC,CAAA;OACA;;MACL,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAA,UAAO,0BAA8B,CAAA,GACrC,kBAAC,GAAD;QACE,MAAK;QACL,KAAK;QACL,aAAY;QACZ,OAAO;QACP,WAAW,MAAM,GAAgB,EAAE,OAAO,KAAK;OAChD,CAAA,CACE;;KACF;;IAEL,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAA,UAAO,iBAAqB,CAAA,GAC5B,kBAAC,GAAD;MACE,MAAK;MACL,KAAK;MACL,aAAY;MACZ,OAAO;MACP,WAAW,MAAM,GAAiB,EAAE,OAAO,KAAK;KACjD,CAAA,CACE;;IAEL,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,GAAD,EAAA,UAAO,qBAAyB,CAAA;MAChC,kBAAC,KAAD;OAAG,WAAU;iBAA6B;MAEvC,CAAA;MACF,EAAU,KAAK,GAAM,MACpB,kBAAC,OAAD;OAAiB,WAAU;iBAA3B,CACE,kBAAC,GAAD;QACE,aAAa,QAAQ,IAAQ;QAC7B,OAAO;QACP,WAAW,MAAM,GAAiB,GAAO,EAAE,OAAO,KAAK;OACxD,CAAA,GACD,kBAAC,GAAD;QACE,MAAK;QACL,SAAQ;QACR,MAAK;QACL,eAAe,GAAoB,CAAK;QACxC,cAAY,eAAe,IAAQ;kBAEnC,kBAAC,IAAD,EAAG,WAAU,SAAU,CAAA;OACjB,CAAA,CACL;SAfK,CAeL,CACN;MACD,kBAAC,GAAD;OAAQ,MAAK;OAAS,SAAQ;OAAU,MAAK;OAAK,SAAS;iBAA3D,CACE,kBAAC,IAAD,EAAM,WAAU,cAAe,CAAA,GAAC,WAC1B;;KACL;;GACF;;EAEL,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;GAAQ,SAAQ;GAAU,eAAe,EAAa,EAAK;aAAG;EAEtD,CAAA,GACR,kBAAC,GAAD;GAAQ,eAxPa;IACzB,IAAI,CAAC,KAAU,CAAC,GAAS;KACvB,EAAO,QAAQ,kBAAkB,oCAAoC;KACrE;IACF;IACA,IAAI,CAAC,EAAM,KAAK,GAAG;KACjB,EAAO,QAAQ,kBAAkB,0DAAwD;KACzF;IACF;IACA,IAAM,IAAO,EAAa,CAAY,GAChC,IAAQ,EAAa,CAAa;IACxC,IAAI,MAAS,QAAQ,MAAU,MAAM;KACnC,EAAO,QACL,+BACA,kFACF;KACA;IACF;IAEA,IAAM,IAAmB,EACtB,KAAK,MAAS,EAAK,KAAK,CAAC,EACzB,QAAQ,MAAS,MAAS,EAAE,EAC5B,KAAK,OAAU;KAAE;KAAM,WAAW;IAAM,EAAE,GAEvC,IAAQ;KACZ,OAAO,EAAM,KAAK;KAClB,aAAa,EAAY,KAAK,KAAK;KACnC;KACA;KACA,cAAc;KACd,eAAe;KACf,SAAS,IAAU,IAAI,KAAK,CAAO,EAAE,YAAY,IAAI;KACrD,YAAY,EAAa,CAAU;KACnC,cAAc,EAAa,CAAY;KACvC,eAAe,EAAa,CAAa;KACzC,mBAAmB;IACrB,GAEM,UAAa,EAAa,EAAK;IACrC,AAAI,KAAU,IACZ,EAAgB,EAAE,WAAW;KAAE,IAAI,EAAK;KAAI;IAAM,EAAE,CAAC,EAAE,KAAK,CAAI,IAEhE,EAAgB,EAAE,WAAW,EAAE,OAAO;KAAE,GAAG;KAAO;IAAQ,EAAE,EAAE,CAAC,EAAE,KAAK,CAAI;GAE9E;GA4MqC,UAAU;aAAzC,CACG,KAAQ,kBAAC,IAAD,EAAS,WAAU,2BAA4B,CAAA,GACvD,IAAS,cAAc,aAClB;IACc,EAAA,CAAA;CACxB,EAAA,CAAA;AAEN"}

package/dist/assethandler/ops/NewWorkOrderDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"NewWorkOrderDialog.js","names":[],"sources":["../../../src/assethandler/ops/NewWorkOrderDialog.tsx"],"sourcesContent":["import { 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 { Loader2, Plus, X } from 'lucide-react';\nimport { gql } from '@apollo/client';\nimport { useMutation } from '@apollo/client/react';\nimport { useAssetHandlerStore } from '../store/assethandlerStore';\nimport { notify } from '../utils/toast';\n\n/**\n * Reusable \"New Work Order\" create dialog, wired to the real createWorkOrder\n * mutation (wspace-assethandler-svc). Used by the Operations Hub.\n */\nconst CREATE_WORK_ORDER_MUTATION = gql`\n  mutation AssetHandlerCreateWorkOrder($input: CreateWorkOrderInput!) {\n    createWorkOrder(input: $input) {\n      id\n      title\n    }\n  }\n`;\n\ninterface CreateWorkOrderResult {\n  createWorkOrder: { id: string; title: string };\n}\n\nconst WORK_ORDER_TYPES = ['CORRECTIVE', 'PREVENTIVE', 'PREDICTIVE', 'EMERGENCY'] as const;\nconst WORK_ORDER_STATUSES = [\n  'DRAFT',\n  'SCHEDULED',\n  'APPROVED',\n  'IN_PROGRESS',\n  'COMPLETED',\n  'CANCELLED',\n] as const;\nconst PRIORITIES = ['CRITICAL', 'HIGH', 'MEDIUM', 'LOW'] as const;\n\nconst humanize = (value: string) =>\n  value\n    .toLowerCase()\n    .replace(/_/g, ' ')\n    .replace(/^\\w/, (c) => c.toUpperCase());\n\nexport function NewWorkOrderDialog({\n  open,\n  onOpenChange,\n}: {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n}) {\n  const { assets } = useAssetHandlerStore();\n\n  const [title, setTitle] = useState('');\n  const [description, setDescription] = useState('');\n  const [assetId, setAssetId] = useState('');\n  const [assignedTo, setAssignedTo] = useState('');\n  const [type, setType] = useState<(typeof WORK_ORDER_TYPES)[number]>('CORRECTIVE');\n  const [priority, setPriority] = useState<(typeof PRIORITIES)[number]>('MEDIUM');\n  const [status, setStatus] = useState<(typeof WORK_ORDER_STATUSES)[number]>('DRAFT');\n  const [checklist, setChecklist] = useState<string[]>(['']);\n\n  const reset = () => {\n    setTitle('');\n    setDescription('');\n    setAssetId('');\n    setAssignedTo('');\n    setType('CORRECTIVE');\n    setPriority('MEDIUM');\n    setStatus('DRAFT');\n    setChecklist(['']);\n  };\n\n  const setChecklistItem = (index: number, value: string) =>\n    setChecklist((prev) => prev.map((task, i) => (i === index ? value : task)));\n  const addChecklistItem = () => setChecklist((prev) => [...prev, '']);\n  const removeChecklistItem = (index: number) =>\n    setChecklist((prev) => (prev.length === 1 ? prev : prev.filter((_, i) => i !== index)));\n\n  const [createWorkOrder, { loading }] = useMutation<CreateWorkOrderResult>(\n    CREATE_WORK_ORDER_MUTATION,\n    {\n      refetchQueries: ['AssetHandlerBootstrap'],\n      onCompleted: (data) => {\n        notify.success('Work order created', `${data.createWorkOrder.title} was raised.`);\n        reset();\n        onOpenChange(false);\n      },\n      onError: (error) => notify.error('Could not create work order', error.message),\n    }\n  );\n\n  const handleSubmit = () => {\n    if (!title.trim()) {\n      notify.warning('Title required', 'Give the work order a title.');\n      return;\n    }\n    const cleanedChecklist = checklist\n      .map((task) => task.trim())\n      .filter((task) => task !== '')\n      .map((task) => ({ task, completed: false }));\n    void createWorkOrder({\n      variables: {\n        input: {\n          title: title.trim(),\n          description: description.trim() || null,\n          assetId: assetId || null,\n          assignedTo: assignedTo.trim() || null,\n          type,\n          priority,\n          status,\n          checklist: cleanedChecklist,\n        },\n      },\n    });\n  };\n\n  return (\n    <ResponsiveDialog open={open} onOpenChange={onOpenChange}>\n      <ResponsiveDialogContent className=\"max-h-[85vh] overflow-y-auto sm:max-w-xl\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>New Work Order</ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>\n            Raise a work order when an asset needs repair, inspection or attention.\n          </ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n        <div className=\"space-y-4\">\n          <div className=\"space-y-2\">\n            <Label>Title *</Label>\n            <Input\n              placeholder=\"e.g., Replace worn drive belt\"\n              value={title}\n              onChange={(e) => setTitle(e.target.value)}\n            />\n          </div>\n          <div className=\"space-y-2\">\n            <Label>Description</Label>\n            <Textarea\n              placeholder=\"Describe the work required\"\n              value={description}\n              onChange={(e) => setDescription(e.target.value)}\n              rows={2}\n            />\n          </div>\n          <div className=\"grid gap-4 md:grid-cols-2\">\n            <div className=\"space-y-2\">\n              <Label>Asset</Label>\n              <Select value={assetId} onValueChange={setAssetId}>\n                <SelectTrigger>\n                  <SelectValue placeholder=\"Unassigned\" />\n                </SelectTrigger>\n                <SelectContent>\n                  {assets.map((asset) => (\n                    <SelectItem key={asset.id} value={asset.id}>\n                      {asset.name}\n                      {asset.assetTag ? ` · ${asset.assetTag}` : ''}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n            </div>\n            <div className=\"space-y-2\">\n              <Label>Assigned To</Label>\n              <Input\n                placeholder=\"e.g., Facilities team\"\n                value={assignedTo}\n                onChange={(e) => setAssignedTo(e.target.value)}\n              />\n            </div>\n          </div>\n          <div className=\"grid gap-4 md:grid-cols-3\">\n            <div className=\"space-y-2\">\n              <Label>Type</Label>\n              <Select value={type} onValueChange={(v) => setType(v as typeof type)}>\n                <SelectTrigger>\n                  <SelectValue />\n                </SelectTrigger>\n                <SelectContent>\n                  {WORK_ORDER_TYPES.map((t) => (\n                    <SelectItem key={t} value={t}>\n                      {humanize(t)}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n            </div>\n            <div className=\"space-y-2\">\n              <Label>Priority</Label>\n              <Select value={priority} onValueChange={(v) => setPriority(v as typeof priority)}>\n                <SelectTrigger>\n                  <SelectValue />\n                </SelectTrigger>\n                <SelectContent>\n                  {PRIORITIES.map((p) => (\n                    <SelectItem key={p} value={p}>\n                      {humanize(p)}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n            </div>\n            <div className=\"space-y-2\">\n              <Label>Status</Label>\n              <Select value={status} onValueChange={(v) => setStatus(v as typeof status)}>\n                <SelectTrigger>\n                  <SelectValue />\n                </SelectTrigger>\n                <SelectContent>\n                  {WORK_ORDER_STATUSES.map((s) => (\n                    <SelectItem key={s} value={s}>\n                      {humanize(s)}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n            </div>\n          </div>\n          <div className=\"space-y-2\">\n            <div className=\"flex items-center justify-between\">\n              <Label>Checklist</Label>\n              <Button type=\"button\" size=\"sm\" variant=\"ghost\" onClick={addChecklistItem}>\n                <Plus className=\"mr-1 h-3.5 w-3.5\" />\n                Add task\n              </Button>\n            </div>\n            <div className=\"space-y-2\">\n              {checklist.map((task, i) => (\n                <div key={i} className=\"flex items-center gap-2\">\n                  <Input\n                    placeholder={`Task ${i + 1}`}\n                    value={task}\n                    onChange={(e) => setChecklistItem(i, e.target.value)}\n                  />\n                  <Button\n                    type=\"button\"\n                    size=\"icon\"\n                    variant=\"ghost\"\n                    onClick={() => removeChecklistItem(i)}\n                    disabled={checklist.length === 1}\n                    aria-label=\"Remove task\"\n                  >\n                    <X className=\"h-4 w-4\" />\n                  </Button>\n                </div>\n              ))}\n            </div>\n          </div>\n        </div>\n        <ResponsiveDialogFooter>\n          <Button variant=\"outline\" onClick={() => onOpenChange(false)} disabled={loading}>\n            Cancel\n          </Button>\n          <Button onClick={handleSubmit} disabled={loading}>\n            {loading ? <Loader2 className=\"mr-2 h-4 w-4 animate-spin\" /> : null}\n            {loading ? 'Creating…' : 'Create Work Order'}\n          </Button>\n        </ResponsiveDialogFooter>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"NewWorkOrderDialog.js","names":[],"sources":["../../../src/assethandler/ops/NewWorkOrderDialog.tsx"],"sourcesContent":["import { 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 { Loader2, Plus, X } from 'lucide-react';\nimport { gql } from '@apollo/client';\nimport { useMutation } from '@apollo/client/react';\nimport { useAssetHandlerStore } from '../store/assethandlerStore';\nimport { notify } from '../utils/toast';\n\n/**\n * Reusable \"New Work Order\" create dialog, wired to the real createWorkOrder\n * mutation (wspace-assethandler-svc). Used by the Operations Hub.\n */\nconst CREATE_WORK_ORDER_MUTATION = gql`\n  mutation AssetHandlerCreateWorkOrder($input: CreateWorkOrderInput!) {\n    createWorkOrder(input: $input) {\n      id\n      title\n    }\n  }\n`;\n\ninterface CreateWorkOrderResult {\n  createWorkOrder: { id: string; title: string };\n}\n\nconst WORK_ORDER_TYPES = ['CORRECTIVE', 'PREVENTIVE', 'PREDICTIVE', 'EMERGENCY'] as const;\nconst WORK_ORDER_STATUSES = [\n  'DRAFT',\n  'SCHEDULED',\n  'APPROVED',\n  'IN_PROGRESS',\n  'COMPLETED',\n  'CANCELLED',\n] as const;\nconst PRIORITIES = ['CRITICAL', 'HIGH', 'MEDIUM', 'LOW'] as const;\n\nconst humanize = (value: string) =>\n  value\n    .toLowerCase()\n    .replace(/_/g, ' ')\n    .replace(/^\\w/, (c) => c.toUpperCase());\n\nexport function NewWorkOrderDialog({\n  open,\n  onOpenChange,\n}: {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n}) {\n  const { assets } = useAssetHandlerStore();\n\n  const [title, setTitle] = useState('');\n  const [description, setDescription] = useState('');\n  const [assetId, setAssetId] = useState('');\n  const [assignedTo, setAssignedTo] = useState('');\n  const [type, setType] = useState<(typeof WORK_ORDER_TYPES)[number]>('CORRECTIVE');\n  const [priority, setPriority] = useState<(typeof PRIORITIES)[number]>('MEDIUM');\n  const [status, setStatus] = useState<(typeof WORK_ORDER_STATUSES)[number]>('DRAFT');\n  const [checklist, setChecklist] = useState<string[]>(['']);\n\n  const reset = () => {\n    setTitle('');\n    setDescription('');\n    setAssetId('');\n    setAssignedTo('');\n    setType('CORRECTIVE');\n    setPriority('MEDIUM');\n    setStatus('DRAFT');\n    setChecklist(['']);\n  };\n\n  const setChecklistItem = (index: number, value: string) =>\n    setChecklist((prev) => prev.map((task, i) => (i === index ? value : task)));\n  const addChecklistItem = () => setChecklist((prev) => [...prev, '']);\n  const removeChecklistItem = (index: number) =>\n    setChecklist((prev) => (prev.length === 1 ? prev : prev.filter((_, i) => i !== index)));\n\n  const [createWorkOrder, { loading }] = useMutation<CreateWorkOrderResult>(\n    CREATE_WORK_ORDER_MUTATION,\n    {\n      refetchQueries: ['AssetHandlerBootstrap'],\n      onCompleted: (data) => {\n        notify.success('Work order created', `${data.createWorkOrder.title} was raised.`);\n        reset();\n        onOpenChange(false);\n      },\n      onError: (error) => notify.error('Could not create work order', error.message),\n    }\n  );\n\n  const handleSubmit = () => {\n    if (!title.trim()) {\n      notify.warning('Title required', 'Give the work order a title.');\n      return;\n    }\n    const cleanedChecklist = checklist\n      .map((task) => task.trim())\n      .filter((task) => task !== '')\n      .map((task) => ({ task, completed: false }));\n    void createWorkOrder({\n      variables: {\n        input: {\n          title: title.trim(),\n          description: description.trim() || null,\n          assetId: assetId || null,\n          assignedTo: assignedTo.trim() || null,\n          type,\n          priority,\n          status,\n          checklist: cleanedChecklist,\n        },\n      },\n    });\n  };\n\n  return (\n    <ResponsiveDialog open={open} onOpenChange={onOpenChange}>\n      <ResponsiveDialogContent className=\"max-h-[85vh] overflow-y-auto sm:max-w-xl\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>New Work Order</ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>\n            Raise a work order when an asset needs repair, inspection or attention.\n          </ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n        <div className=\"space-y-4\">\n          <div className=\"space-y-2\">\n            <Label>Title *</Label>\n            <Input\n              placeholder=\"e.g., Replace worn drive belt\"\n              value={title}\n              onChange={(e) => setTitle(e.target.value)}\n            />\n          </div>\n          <div className=\"space-y-2\">\n            <Label>Description</Label>\n            <Textarea\n              placeholder=\"Describe the work required\"\n              value={description}\n              onChange={(e) => setDescription(e.target.value)}\n              rows={2}\n            />\n          </div>\n          <div className=\"grid gap-4 md:grid-cols-2\">\n            <div className=\"space-y-2\">\n              <Label>Asset</Label>\n              <Select value={assetId} onValueChange={setAssetId}>\n                <SelectTrigger>\n                  <SelectValue placeholder=\"Unassigned\" />\n                </SelectTrigger>\n                <SelectContent>\n                  {assets.map((asset) => (\n                    <SelectItem key={asset.id} value={asset.id}>\n                      {asset.name}\n                      {asset.assetTag ? ` · ${asset.assetTag}` : ''}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n            </div>\n            <div className=\"space-y-2\">\n              <Label>Assigned To</Label>\n              <Input\n                placeholder=\"e.g., Facilities team\"\n                value={assignedTo}\n                onChange={(e) => setAssignedTo(e.target.value)}\n              />\n            </div>\n          </div>\n          <div className=\"grid gap-4 md:grid-cols-3\">\n            <div className=\"space-y-2\">\n              <Label>Type</Label>\n              <Select value={type} onValueChange={(v) => setType(v as typeof type)}>\n                <SelectTrigger>\n                  <SelectValue />\n                </SelectTrigger>\n                <SelectContent>\n                  {WORK_ORDER_TYPES.map((t) => (\n                    <SelectItem key={t} value={t}>\n                      {humanize(t)}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n            </div>\n            <div className=\"space-y-2\">\n              <Label>Priority</Label>\n              <Select value={priority} onValueChange={(v) => setPriority(v as typeof priority)}>\n                <SelectTrigger>\n                  <SelectValue />\n                </SelectTrigger>\n                <SelectContent>\n                  {PRIORITIES.map((p) => (\n                    <SelectItem key={p} value={p}>\n                      {humanize(p)}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n            </div>\n            <div className=\"space-y-2\">\n              <Label>Status</Label>\n              <Select value={status} onValueChange={(v) => setStatus(v as typeof status)}>\n                <SelectTrigger>\n                  <SelectValue />\n                </SelectTrigger>\n                <SelectContent>\n                  {WORK_ORDER_STATUSES.map((s) => (\n                    <SelectItem key={s} value={s}>\n                      {humanize(s)}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n            </div>\n          </div>\n          <div className=\"space-y-2\">\n            <div className=\"flex items-center justify-between\">\n              <Label>Checklist</Label>\n              <Button type=\"button\" size=\"sm\" variant=\"ghost\" onClick={addChecklistItem}>\n                <Plus className=\"mr-1 h-3.5 w-3.5\" />\n                Add task\n              </Button>\n            </div>\n            <div className=\"space-y-2\">\n              {checklist.map((task, i) => (\n                <div key={i} className=\"flex items-center gap-2\">\n                  <Input\n                    placeholder={`Task ${i + 1}`}\n                    value={task}\n                    onChange={(e) => setChecklistItem(i, e.target.value)}\n                  />\n                  <Button\n                    type=\"button\"\n                    size=\"icon\"\n                    variant=\"ghost\"\n                    onClick={() => removeChecklistItem(i)}\n                    disabled={checklist.length === 1}\n                    aria-label=\"Remove task\"\n                  >\n                    <X className=\"h-4 w-4\" />\n                  </Button>\n                </div>\n              ))}\n            </div>\n          </div>\n        </div>\n        <ResponsiveDialogFooter>\n          <Button variant=\"outline\" onClick={() => onOpenChange(false)} disabled={loading}>\n            Cancel\n          </Button>\n          <Button onClick={handleSubmit} disabled={loading}>\n            {loading ? <Loader2 className=\"mr-2 h-4 w-4 animate-spin\" /> : null}\n            {loading ? 'Creating…' : 'Create Work Order'}\n          </Button>\n        </ResponsiveDialogFooter>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n"],"mappings":"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"}

package/dist/assethandler/ops/ScheduleMaintenanceDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScheduleMaintenanceDialog.js","names":[],"sources":["../../../src/assethandler/ops/ScheduleMaintenanceDialog.tsx"],"sourcesContent":["import { 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 { Loader2, Plus, X } from 'lucide-react';\nimport { gql } from '@apollo/client';\nimport { useMutation } from '@apollo/client/react';\nimport { useAssetHandlerStore } from '../store/assethandlerStore';\nimport { notify } from '../utils/toast';\n\n/**\n * Reusable \"Schedule Maintenance\" create dialog. Wired to the real\n * createMaintenanceRecord mutation (wspace-assethandler-svc). Shared by the\n * Maintenance Scheduler and Maintenance Calendar pages so both entry points\n * write through one contract.\n *\n * Reuse note: a wspace-calendar-svc CalendarEvent projection is deliberately\n * deferred — createEvent requires a calendarId that the AssetHandler MFE has no\n * handle on. The Maintenance Calendar therefore renders the real\n * maintenanceRecords (scheduledAt) rather than shared-platform CalendarEvents.\n */\nconst CREATE_MAINTENANCE_RECORD_MUTATION = gql`\n  mutation AssetHandlerCreateMaintenanceRecord($input: CreateMaintenanceRecordInput!) {\n    createMaintenanceRecord(input: $input) {\n      id\n      title\n    }\n  }\n`;\n\ninterface CreateMaintenanceRecordResult {\n  createMaintenanceRecord: { id: string; title: string };\n}\n\n// Maintenance `type` is a free-form String on the backend; these are the\n// canonical categories the product exposes in the UI.\nconst MAINTENANCE_TYPES = [\n  'PREVENTIVE',\n  'CORRECTIVE',\n  'INSPECTION',\n  'CALIBRATION',\n  'EMERGENCY',\n] as const;\nconst PRIORITIES = ['CRITICAL', 'HIGH', 'MEDIUM', 'LOW'] as const;\n\nconst humanize = (value: string) =>\n  value\n    .toLowerCase()\n    .replace(/_/g, ' ')\n    .replace(/^\\w/, (c) => c.toUpperCase());\n\nexport function ScheduleMaintenanceDialog({\n  open,\n  onOpenChange,\n}: {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n}) {\n  const { assets } = useAssetHandlerStore();\n\n  const [assetId, setAssetId] = useState('');\n  const [title, setTitle] = useState('');\n  const [description, setDescription] = useState('');\n  const [type, setType] = useState<(typeof MAINTENANCE_TYPES)[number]>('PREVENTIVE');\n  const [priority, setPriority] = useState<(typeof PRIORITIES)[number]>('MEDIUM');\n  const [scheduledAt, setScheduledAt] = useState('');\n  const [estimatedCost, setEstimatedCost] = useState('');\n  const [checklist, setChecklist] = useState<string[]>(['']);\n\n  const reset = () => {\n    setAssetId('');\n    setTitle('');\n    setDescription('');\n    setType('PREVENTIVE');\n    setPriority('MEDIUM');\n    setScheduledAt('');\n    setEstimatedCost('');\n    setChecklist(['']);\n  };\n\n  const [createMaintenanceRecord, { loading }] = useMutation<CreateMaintenanceRecordResult>(\n    CREATE_MAINTENANCE_RECORD_MUTATION,\n    {\n      refetchQueries: ['AssetHandlerBootstrap'],\n      onCompleted: (data) => {\n        notify.success('Maintenance scheduled', `${data.createMaintenanceRecord.title} was added.`);\n        reset();\n        onOpenChange(false);\n      },\n      onError: (error) => notify.error('Could not schedule maintenance', error.message),\n    }\n  );\n\n  const setChecklistItem = (index: number, value: string) =>\n    setChecklist((prev) => prev.map((task, i) => (i === index ? value : task)));\n  const addChecklistItem = () => setChecklist((prev) => [...prev, '']);\n  const removeChecklistItem = (index: number) =>\n    setChecklist((prev) => (prev.length === 1 ? prev : prev.filter((_, i) => i !== index)));\n\n  const handleSubmit = () => {\n    if (!assetId) {\n      notify.warning('Asset required', 'Pick the asset this maintenance is for.');\n      return;\n    }\n    if (!title.trim()) {\n      notify.warning('Title required', 'Give the maintenance job a title.');\n      return;\n    }\n    const parsedCost = Number(estimatedCost);\n    const cleanedChecklist = checklist\n      .map((task) => task.trim())\n      .filter((task) => task !== '')\n      .map((task) => ({ task, completed: false }));\n    void createMaintenanceRecord({\n      variables: {\n        input: {\n          assetId,\n          title: title.trim(),\n          description: description.trim() || null,\n          type,\n          status: 'SCHEDULED',\n          priority,\n          scheduledAt: scheduledAt ? new Date(scheduledAt).toISOString() : null,\n          estimatedCost:\n            estimatedCost.trim() !== '' && Number.isFinite(parsedCost) ? parsedCost : null,\n          checklist: cleanedChecklist,\n        },\n      },\n    });\n  };\n\n  return (\n    <ResponsiveDialog open={open} onOpenChange={onOpenChange}>\n      <ResponsiveDialogContent className=\"max-h-[85vh] overflow-y-auto sm:max-w-2xl\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>Schedule Maintenance</ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>\n            Plan a maintenance job against an asset, with its own checklist and cost estimate.\n          </ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n        <div className=\"space-y-4\">\n          <div className=\"space-y-2\">\n            <Label>Asset *</Label>\n            <Select value={assetId} onValueChange={setAssetId}>\n              <SelectTrigger>\n                <SelectValue placeholder=\"Select an asset\" />\n              </SelectTrigger>\n              <SelectContent>\n                {assets.map((asset) => (\n                  <SelectItem key={asset.id} value={asset.id}>\n                    {asset.name}\n                    {asset.assetTag ? ` · ${asset.assetTag}` : ''}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n          </div>\n          <div className=\"space-y-2\">\n            <Label>Title *</Label>\n            <Input\n              placeholder=\"e.g., Quarterly HVAC service\"\n              value={title}\n              onChange={(e) => setTitle(e.target.value)}\n            />\n          </div>\n          <div className=\"space-y-2\">\n            <Label>Description</Label>\n            <Textarea\n              placeholder=\"What does this job involve?\"\n              value={description}\n              onChange={(e) => setDescription(e.target.value)}\n              rows={2}\n            />\n          </div>\n          <div className=\"grid gap-4 md:grid-cols-3\">\n            <div className=\"space-y-2\">\n              <Label>Type</Label>\n              <Select value={type} onValueChange={(v) => setType(v as typeof type)}>\n                <SelectTrigger>\n                  <SelectValue />\n                </SelectTrigger>\n                <SelectContent>\n                  {MAINTENANCE_TYPES.map((t) => (\n                    <SelectItem key={t} value={t}>\n                      {humanize(t)}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n            </div>\n            <div className=\"space-y-2\">\n              <Label>Priority</Label>\n              <Select value={priority} onValueChange={(v) => setPriority(v as typeof priority)}>\n                <SelectTrigger>\n                  <SelectValue />\n                </SelectTrigger>\n                <SelectContent>\n                  {PRIORITIES.map((p) => (\n                    <SelectItem key={p} value={p}>\n                      {humanize(p)}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n            </div>\n            <div className=\"space-y-2\">\n              <Label>Estimated Cost</Label>\n              <Input\n                type=\"number\"\n                min=\"0\"\n                step=\"0.01\"\n                placeholder=\"e.g., 500\"\n                value={estimatedCost}\n                onChange={(e) => setEstimatedCost(e.target.value)}\n              />\n            </div>\n          </div>\n          <div className=\"space-y-2\">\n            <Label>Scheduled Date</Label>\n            <Input\n              type=\"date\"\n              value={scheduledAt}\n              onChange={(e) => setScheduledAt(e.target.value)}\n            />\n          </div>\n          <div className=\"space-y-2\">\n            <div className=\"flex items-center justify-between\">\n              <Label>Checklist</Label>\n              <Button type=\"button\" size=\"sm\" variant=\"ghost\" onClick={addChecklistItem}>\n                <Plus className=\"mr-1 h-3.5 w-3.5\" />\n                Add task\n              </Button>\n            </div>\n            <div className=\"space-y-2\">\n              {checklist.map((task, i) => (\n                <div key={i} className=\"flex items-center gap-2\">\n                  <Input\n                    placeholder={`Task ${i + 1}`}\n                    value={task}\n                    onChange={(e) => setChecklistItem(i, e.target.value)}\n                  />\n                  <Button\n                    type=\"button\"\n                    size=\"icon\"\n                    variant=\"ghost\"\n                    onClick={() => removeChecklistItem(i)}\n                    disabled={checklist.length === 1}\n                    aria-label=\"Remove task\"\n                  >\n                    <X className=\"h-4 w-4\" />\n                  </Button>\n                </div>\n              ))}\n            </div>\n          </div>\n        </div>\n        <ResponsiveDialogFooter>\n          <Button variant=\"outline\" onClick={() => onOpenChange(false)} disabled={loading}>\n            Cancel\n          </Button>\n          <Button onClick={handleSubmit} disabled={loading}>\n            {loading ? <Loader2 className=\"mr-2 h-4 w-4 animate-spin\" /> : null}\n            {loading ? 'Scheduling…' : 'Schedule Maintenance'}\n          </Button>\n        </ResponsiveDialogFooter>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ScheduleMaintenanceDialog.js","names":[],"sources":["../../../src/assethandler/ops/ScheduleMaintenanceDialog.tsx"],"sourcesContent":["import { 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 { Loader2, Plus, X } from 'lucide-react';\nimport { gql } from '@apollo/client';\nimport { useMutation } from '@apollo/client/react';\nimport { useAssetHandlerStore } from '../store/assethandlerStore';\nimport { notify } from '../utils/toast';\n\n/**\n * Reusable \"Schedule Maintenance\" create dialog. Wired to the real\n * createMaintenanceRecord mutation (wspace-assethandler-svc). Shared by the\n * Maintenance Scheduler and Maintenance Calendar pages so both entry points\n * write through one contract.\n *\n * Reuse note: a wspace-calendar-svc CalendarEvent projection is deliberately\n * deferred — createEvent requires a calendarId that the AssetHandler MFE has no\n * handle on. The Maintenance Calendar therefore renders the real\n * maintenanceRecords (scheduledAt) rather than shared-platform CalendarEvents.\n */\nconst CREATE_MAINTENANCE_RECORD_MUTATION = gql`\n  mutation AssetHandlerCreateMaintenanceRecord($input: CreateMaintenanceRecordInput!) {\n    createMaintenanceRecord(input: $input) {\n      id\n      title\n    }\n  }\n`;\n\ninterface CreateMaintenanceRecordResult {\n  createMaintenanceRecord: { id: string; title: string };\n}\n\n// Maintenance `type` is a free-form String on the backend; these are the\n// canonical categories the product exposes in the UI.\nconst MAINTENANCE_TYPES = [\n  'PREVENTIVE',\n  'CORRECTIVE',\n  'INSPECTION',\n  'CALIBRATION',\n  'EMERGENCY',\n] as const;\nconst PRIORITIES = ['CRITICAL', 'HIGH', 'MEDIUM', 'LOW'] as const;\n\nconst humanize = (value: string) =>\n  value\n    .toLowerCase()\n    .replace(/_/g, ' ')\n    .replace(/^\\w/, (c) => c.toUpperCase());\n\nexport function ScheduleMaintenanceDialog({\n  open,\n  onOpenChange,\n}: {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n}) {\n  const { assets } = useAssetHandlerStore();\n\n  const [assetId, setAssetId] = useState('');\n  const [title, setTitle] = useState('');\n  const [description, setDescription] = useState('');\n  const [type, setType] = useState<(typeof MAINTENANCE_TYPES)[number]>('PREVENTIVE');\n  const [priority, setPriority] = useState<(typeof PRIORITIES)[number]>('MEDIUM');\n  const [scheduledAt, setScheduledAt] = useState('');\n  const [estimatedCost, setEstimatedCost] = useState('');\n  const [checklist, setChecklist] = useState<string[]>(['']);\n\n  const reset = () => {\n    setAssetId('');\n    setTitle('');\n    setDescription('');\n    setType('PREVENTIVE');\n    setPriority('MEDIUM');\n    setScheduledAt('');\n    setEstimatedCost('');\n    setChecklist(['']);\n  };\n\n  const [createMaintenanceRecord, { loading }] = useMutation<CreateMaintenanceRecordResult>(\n    CREATE_MAINTENANCE_RECORD_MUTATION,\n    {\n      refetchQueries: ['AssetHandlerBootstrap'],\n      onCompleted: (data) => {\n        notify.success('Maintenance scheduled', `${data.createMaintenanceRecord.title} was added.`);\n        reset();\n        onOpenChange(false);\n      },\n      onError: (error) => notify.error('Could not schedule maintenance', error.message),\n    }\n  );\n\n  const setChecklistItem = (index: number, value: string) =>\n    setChecklist((prev) => prev.map((task, i) => (i === index ? value : task)));\n  const addChecklistItem = () => setChecklist((prev) => [...prev, '']);\n  const removeChecklistItem = (index: number) =>\n    setChecklist((prev) => (prev.length === 1 ? prev : prev.filter((_, i) => i !== index)));\n\n  const handleSubmit = () => {\n    if (!assetId) {\n      notify.warning('Asset required', 'Pick the asset this maintenance is for.');\n      return;\n    }\n    if (!title.trim()) {\n      notify.warning('Title required', 'Give the maintenance job a title.');\n      return;\n    }\n    const parsedCost = Number(estimatedCost);\n    const cleanedChecklist = checklist\n      .map((task) => task.trim())\n      .filter((task) => task !== '')\n      .map((task) => ({ task, completed: false }));\n    void createMaintenanceRecord({\n      variables: {\n        input: {\n          assetId,\n          title: title.trim(),\n          description: description.trim() || null,\n          type,\n          status: 'SCHEDULED',\n          priority,\n          scheduledAt: scheduledAt ? new Date(scheduledAt).toISOString() : null,\n          estimatedCost:\n            estimatedCost.trim() !== '' && Number.isFinite(parsedCost) ? parsedCost : null,\n          checklist: cleanedChecklist,\n        },\n      },\n    });\n  };\n\n  return (\n    <ResponsiveDialog open={open} onOpenChange={onOpenChange}>\n      <ResponsiveDialogContent className=\"max-h-[85vh] overflow-y-auto sm:max-w-2xl\">\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>Schedule Maintenance</ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>\n            Plan a maintenance job against an asset, with its own checklist and cost estimate.\n          </ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n        <div className=\"space-y-4\">\n          <div className=\"space-y-2\">\n            <Label>Asset *</Label>\n            <Select value={assetId} onValueChange={setAssetId}>\n              <SelectTrigger>\n                <SelectValue placeholder=\"Select an asset\" />\n              </SelectTrigger>\n              <SelectContent>\n                {assets.map((asset) => (\n                  <SelectItem key={asset.id} value={asset.id}>\n                    {asset.name}\n                    {asset.assetTag ? ` · ${asset.assetTag}` : ''}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n          </div>\n          <div className=\"space-y-2\">\n            <Label>Title *</Label>\n            <Input\n              placeholder=\"e.g., Quarterly HVAC service\"\n              value={title}\n              onChange={(e) => setTitle(e.target.value)}\n            />\n          </div>\n          <div className=\"space-y-2\">\n            <Label>Description</Label>\n            <Textarea\n              placeholder=\"What does this job involve?\"\n              value={description}\n              onChange={(e) => setDescription(e.target.value)}\n              rows={2}\n            />\n          </div>\n          <div className=\"grid gap-4 md:grid-cols-3\">\n            <div className=\"space-y-2\">\n              <Label>Type</Label>\n              <Select value={type} onValueChange={(v) => setType(v as typeof type)}>\n                <SelectTrigger>\n                  <SelectValue />\n                </SelectTrigger>\n                <SelectContent>\n                  {MAINTENANCE_TYPES.map((t) => (\n                    <SelectItem key={t} value={t}>\n                      {humanize(t)}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n            </div>\n            <div className=\"space-y-2\">\n              <Label>Priority</Label>\n              <Select value={priority} onValueChange={(v) => setPriority(v as typeof priority)}>\n                <SelectTrigger>\n                  <SelectValue />\n                </SelectTrigger>\n                <SelectContent>\n                  {PRIORITIES.map((p) => (\n                    <SelectItem key={p} value={p}>\n                      {humanize(p)}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n            </div>\n            <div className=\"space-y-2\">\n              <Label>Estimated Cost</Label>\n              <Input\n                type=\"number\"\n                min=\"0\"\n                step=\"0.01\"\n                placeholder=\"e.g., 500\"\n                value={estimatedCost}\n                onChange={(e) => setEstimatedCost(e.target.value)}\n              />\n            </div>\n          </div>\n          <div className=\"space-y-2\">\n            <Label>Scheduled Date</Label>\n            <Input\n              type=\"date\"\n              value={scheduledAt}\n              onChange={(e) => setScheduledAt(e.target.value)}\n            />\n          </div>\n          <div className=\"space-y-2\">\n            <div className=\"flex items-center justify-between\">\n              <Label>Checklist</Label>\n              <Button type=\"button\" size=\"sm\" variant=\"ghost\" onClick={addChecklistItem}>\n                <Plus className=\"mr-1 h-3.5 w-3.5\" />\n                Add task\n              </Button>\n            </div>\n            <div className=\"space-y-2\">\n              {checklist.map((task, i) => (\n                <div key={i} className=\"flex items-center gap-2\">\n                  <Input\n                    placeholder={`Task ${i + 1}`}\n                    value={task}\n                    onChange={(e) => setChecklistItem(i, e.target.value)}\n                  />\n                  <Button\n                    type=\"button\"\n                    size=\"icon\"\n                    variant=\"ghost\"\n                    onClick={() => removeChecklistItem(i)}\n                    disabled={checklist.length === 1}\n                    aria-label=\"Remove task\"\n                  >\n                    <X className=\"h-4 w-4\" />\n                  </Button>\n                </div>\n              ))}\n            </div>\n          </div>\n        </div>\n        <ResponsiveDialogFooter>\n          <Button variant=\"outline\" onClick={() => onOpenChange(false)} disabled={loading}>\n            Cancel\n          </Button>\n          <Button onClick={handleSubmit} disabled={loading}>\n            {loading ? <Loader2 className=\"mr-2 h-4 w-4 animate-spin\" /> : null}\n            {loading ? 'Scheduling…' : 'Schedule Maintenance'}\n          </Button>\n        </ResponsiveDialogFooter>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n"],"mappings":"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"}

package/dist/assethandler/pages/AiPredictionsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"AiPredictionsPage.js","names":[],"sources":["../../../src/assethandler/pages/AiPredictionsPage.tsx"],"sourcesContent":["import type React from 'react';\nimport { BrainCircuit, Plus, Wrench, Loader2, BarChart3 } from 'lucide-react';\nimport {\n  Button,\n  IllustratedEmptyState,\n  GlassCard,\n  PagePurpose,\n  Label,\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 { useMemo, useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useMutation, useQuery } from '@apollo/client/react';\nimport { useAssetHandlerStore } from '../store/assethandlerStore';\nimport {\n  Pagination,\n  usePagination,\n  SectionHeader,\n  ChartCard,\n  DonutChart,\n  BarsChart,\n  RadialGauge,\n  seriesColor,\n  type DonutSlice,\n} from '../components';\nimport { useAssetHandlerNavigate } from '../hooks/useAssetHandlerNavigate';\nimport { cn } from '../utils/cn';\nimport { notify } from '../utils/toast';\n\nconst AI_PREDICTIONS_QUERY = gql`\n  query AssetHandlerAiPredictions {\n    aiPredictions {\n      id\n      assetId\n      predictionType\n      score\n      confidence\n      recommendation\n      features\n      status\n      generatedAt\n      modelVersion\n    }\n  }\n`;\n\nconst REQUEST_AI_PREDICTION_MUTATION = gql`\n  mutation AssetHandlerRequestAiPrediction($input: RequestAIPredictionInput!) {\n    requestAIPrediction(input: $input) {\n      id\n    }\n  }\n`;\n\ninterface AiPrediction {\n  id: string;\n  assetId: string;\n  predictionType: string;\n  score: number;\n  confidence: number;\n  recommendation: string;\n  features: Record<string, unknown> | null;\n  status: string;\n  generatedAt: string;\n  modelVersion: string;\n}\n\nconst PREDICTION_TYPES = [\n  { value: 'maintenance-risk', label: 'Maintenance risk' },\n  { value: 'failure-forecast', label: 'Failure forecast' },\n  { value: 'utilization-forecast', label: 'Utilization forecast' },\n  { value: 'anomaly-detection', label: 'Anomaly detection' },\n  { value: 'end-of-life', label: 'End-of-life projection' },\n] as const;\n\nconst humanizePredictionType = (value: string): string =>\n  PREDICTION_TYPES.find((t) => t.value === value)?.label ?? value.replace(/-/g, ' ');\n\ntype RiskBand = 'high' | 'medium' | 'low';\n\nfunction riskBandOf(score: number): {\n  band: RiskBand;\n  label: string;\n  tone: 'danger' | 'warning' | 'success';\n} {\n  if (score >= 0.66) return { band: 'high', label: 'High', tone: 'danger' };\n  if (score >= 0.33) return { band: 'medium', label: 'Medium', tone: 'warning' };\n  return { band: 'low', label: 'Low', tone: 'success' };\n}\n\n/** Extract numeric feature importances from the backend `features` JSONObject. */\nfunction featureBars(\n  features: Record<string, unknown> | null | undefined\n): { name: string; importance: number }[] {\n  if (!features) return [];\n  return Object.entries(features)\n    .map(([name, value]) => ({\n      name,\n      importance: typeof value === 'number' ? value : Number(value),\n    }))\n    .filter((f) => Number.isFinite(f.importance))\n    .sort((a, b) => b.importance - a.importance)\n    .slice(0, 8);\n}\n\nfunction RunPredictionDialog({\n  open,\n  onOpenChange,\n  onRun,\n}: {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  onRun: () => void;\n}) {\n  const assets = useAssetHandlerStore((s) => s.assets);\n  const [assetId, setAssetId] = useState('');\n  const [predictionType, setPredictionType] =\n    useState<(typeof PREDICTION_TYPES)[number]['value']>('maintenance-risk');\n\n  const [requestPrediction, { loading: requesting }] = useMutation(REQUEST_AI_PREDICTION_MUTATION, {\n    onCompleted: () => {\n      notify.success('Prediction requested', 'The model result will appear shortly.');\n      onOpenChange(false);\n      onRun();\n    },\n    onError: (error) => notify.error('Could not run prediction', error.message),\n  });\n\n  const handleRun = (event: React.FormEvent) => {\n    event.preventDefault();\n    if (!assetId) {\n      notify.warning('Asset required', 'Select an asset to run a prediction against.');\n      return;\n    }\n    void requestPrediction({ variables: { input: { assetId, predictionType } } });\n  };\n\n  return (\n    <ResponsiveDialog open={open} onOpenChange={onOpenChange}>\n      <ResponsiveDialogContent>\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>Run Prediction</ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>\n            Pick an asset and a model to forecast failure risk and get a recommended action.\n          </ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n        <form className=\"space-y-4\" onSubmit={handleRun}>\n          <div className=\"space-y-2\">\n            <Label>Asset</Label>\n            <Select value={assetId} onValueChange={setAssetId}>\n              <SelectTrigger>\n                <SelectValue placeholder=\"Select an asset\" />\n              </SelectTrigger>\n              <SelectContent>\n                {assets.map((asset) => (\n                  <SelectItem key={asset.id} value={asset.id}>\n                    {asset.assetTag} — {asset.name}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n          </div>\n          <div className=\"space-y-2\">\n            <Label>Prediction Type</Label>\n            <Select\n              value={predictionType}\n              onValueChange={(v) => setPredictionType(v as typeof predictionType)}\n            >\n              <SelectTrigger>\n                <SelectValue />\n              </SelectTrigger>\n              <SelectContent>\n                {PREDICTION_TYPES.map((t) => (\n                  <SelectItem key={t.value} value={t.value}>\n                    {t.label}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n          </div>\n          <ResponsiveDialogFooter>\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              onClick={() => onOpenChange(false)}\n              disabled={requesting}\n            >\n              Cancel\n            </Button>\n            <Button type=\"submit\" disabled={requesting}>\n              {requesting ? 'Running…' : 'Run Prediction'}\n            </Button>\n          </ResponsiveDialogFooter>\n        </form>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n\nexport function AiPredictionsPage() {\n  const assets = useAssetHandlerStore((s) => s.assets);\n  const navigate = useAssetHandlerNavigate();\n  const [dialogOpen, setDialogOpen] = useState(false);\n  const [typeFilter, setTypeFilter] = useState<string>('ALL');\n\n  const { data, loading, refetch } = useQuery<{ aiPredictions: AiPrediction[] }>(\n    AI_PREDICTIONS_QUERY,\n    { fetchPolicy: 'cache-and-network' }\n  );\n\n  const predictions = useMemo(() => data?.aiPredictions ?? [], [data?.aiPredictions]);\n\n  const assetLabelById = useMemo(() => {\n    const map = new Map<string, string>();\n    for (const a of assets) map.set(a.id, `${a.assetTag} — ${a.name}`);\n    return map;\n  }, [assets]);\n\n  const labelFor = (assetId: string): string =>\n    assetLabelById.get(assetId) ?? `Asset ${assetId.slice(0, 8)}`;\n\n  const sorted = useMemo(() => {\n    const list =\n      typeFilter === 'ALL'\n        ? predictions\n        : predictions.filter((p) => p.predictionType === typeFilter);\n    return [...list].sort((a, b) => b.score - a.score);\n  }, [predictions, typeFilter]);\n\n  const riskMix = useMemo<DonutSlice[]>(() => {\n    const counts: Record<RiskBand, number> = { high: 0, medium: 0, low: 0 };\n    for (const p of predictions) counts[riskBandOf(p.score).band] += 1;\n    const order: { band: RiskBand; label: string }[] = [\n      { band: 'high', label: 'High' },\n      { band: 'medium', label: 'Medium' },\n      { band: 'low', label: 'Low' },\n    ];\n    return order\n      .filter((o) => counts[o.band] > 0)\n      .map((o, i) => ({ name: o.label, value: counts[o.band], color: seriesColor(i) }));\n  }, [predictions]);\n\n  // Feature importance is shown for the highest-risk prediction that carries features.\n  const featureFocus = useMemo(() => {\n    const withFeatures = sorted.find((p) => featureBars(p.features).length > 0);\n    return withFeatures ?? null;\n  }, [sorted]);\n  const focusBars = featureBars(featureFocus?.features);\n\n  const pagination = usePagination(sorted, { pageSize: 6, resetKey: typeFilter });\n\n  return (\n    <div className=\"space-y-5 p-4 sm:p-6\">\n      <SectionHeader\n        hero\n        icon={BrainCircuit}\n        title=\"AI Predictions\"\n        description=\"Forecast failures before they happen and prioritise which assets to service next.\"\n        actions={\n          <Button className=\"w-full sm:w-auto\" onClick={() => setDialogOpen(true)}>\n            <Plus className=\"mr-2 h-4 w-4\" />\n            Run Prediction\n          </Button>\n        }\n      />\n      <PagePurpose>\n        Pick an asset and a model to get a risk score, confidence level and a concrete\n        recommendation — so you can schedule preventive maintenance instead of reacting to\n        breakdowns.\n      </PagePurpose>\n\n      <RunPredictionDialog\n        open={dialogOpen}\n        onOpenChange={setDialogOpen}\n        onRun={() => void refetch()}\n      />\n\n      {predictions.length > 0 ? (\n        <div className=\"grid gap-4 lg:grid-cols-2\">\n          <ChartCard title=\"Risk distribution\" subtitle=\"Predicted failure risk across assets\">\n            <DonutChart\n              data={riskMix}\n              height={210}\n              centerLabel=\"Assets\"\n              centerValue={predictions.length}\n              ariaLabel=\"Risk distribution across predictions\"\n            />\n          </ChartCard>\n          <ChartCard\n            title=\"Feature importance\"\n            subtitle={\n              featureFocus\n                ? `Top drivers · ${labelFor(featureFocus.assetId)}`\n                : 'Model feature drivers'\n            }\n            icon={BarChart3}\n          >\n            {focusBars.length > 0 ? (\n              <BarsChart\n                data={focusBars}\n                xKey=\"name\"\n                series={[{ key: 'importance', label: 'Importance' }]}\n                orientation=\"horizontal\"\n                height={210}\n                categoryWidth={140}\n                ariaLabel=\"Feature importance\"\n              />\n            ) : (\n              <div className=\"flex h-[210px] items-center justify-center px-4 text-center text-sm text-text-secondary\">\n                Feature importance appears here once a model returns feature drivers.\n              </div>\n            )}\n          </ChartCard>\n        </div>\n      ) : null}\n\n      <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n        <h3 className=\"text-base font-semibold text-text-primary\">\n          Predicted failure risk per asset\n        </h3>\n        <div className=\"w-full sm:w-64\">\n          <Select value={typeFilter} onValueChange={setTypeFilter}>\n            <SelectTrigger>\n              <SelectValue placeholder=\"Prediction type\" />\n            </SelectTrigger>\n            <SelectContent>\n              <SelectItem value=\"ALL\">All prediction types</SelectItem>\n              {PREDICTION_TYPES.map((t) => (\n                <SelectItem key={t.value} value={t.value}>\n                  {t.label}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n      </div>\n\n      {loading && predictions.length === 0 ? (\n        <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n          {Array.from({ length: 6 }).map((_, i) => (\n            <div key={i} className=\"h-56 rounded-xl bg-bg-sunken motion-safe:animate-vc-shimmer\" />\n          ))}\n        </div>\n      ) : null}\n      {!loading && sorted.length === 0 ? (\n        <IllustratedEmptyState\n          illustration={typeFilter === 'ALL' ? 'empty-data' : 'empty-search'}\n          title={\n            typeFilter === 'ALL' ? 'No AI predictions available yet' : 'No predictions of this type'\n          }\n          description={\n            typeFilter === 'ALL'\n              ? 'Run a prediction to generate a risk score and recommendation.'\n              : 'Try a different prediction type or run a new prediction.'\n          }\n        />\n      ) : null}\n\n      <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n        {pagination.pageItems.map((prediction, index) => {\n          const risk = riskBandOf(prediction.score);\n          const isTop = index === 0 && pagination.page === 1 && risk.band === 'high';\n          const pending = prediction.status && prediction.status.toLowerCase() !== 'completed';\n          const confidencePct = Math.round(prediction.confidence * 100);\n          return (\n            <GlassCard\n              key={prediction.id}\n              treatment=\"glass\"\n              glow={isTop}\n              className={cn('border-border-seam', isTop && 'ring-1 ring-status-error-border')}\n            >\n              <div className=\"flex h-full flex-col gap-3 p-4\">\n                <div className=\"flex items-start justify-between gap-2\">\n                  <div className=\"min-w-0\">\n                    <button\n                      type=\"button\"\n                      onClick={() => navigate(`/assets/${prediction.assetId}`)}\n                      className=\"truncate text-left text-sm font-semibold text-text-primary hover:underline\"\n                    >\n                      {labelFor(prediction.assetId)}\n                    </button>\n                    <p className=\"text-xs text-text-secondary\">\n                      {humanizePredictionType(prediction.predictionType)}\n                    </p>\n                  </div>\n                  {pending ? (\n                    <span className=\"inline-flex items-center gap-1 rounded-full bg-status-info-bg-subtle px-2 py-0.5 text-xs font-medium text-status-info-text\">\n                      <Loader2 className=\"h-3 w-3 motion-safe:animate-spin\" />\n                      Processing\n                    </span>\n                  ) : null}\n                </div>\n\n                <div className=\"flex items-center gap-3\">\n                  <div className=\"w-[120px] shrink-0\">\n                    <RadialGauge\n                      value={prediction.score * 100}\n                      tone={risk.tone}\n                      label={risk.label}\n                      height={110}\n                      format={(v) => `${Math.round(v)}%`}\n                      ariaLabel={`${risk.label} risk, ${Math.round(prediction.score * 100)} percent`}\n                    />\n                  </div>\n                  <div className=\"min-w-0 flex-1 space-y-1\">\n                    <p className=\"text-xs text-text-secondary\">Confidence</p>\n                    <div className=\"flex items-center gap-2\">\n                      <div className=\"h-2 flex-1 overflow-hidden rounded-full bg-bg-sunken\">\n                        <div\n                          className=\"h-full rounded-full bg-action-primary-bg\"\n                          style={{ width: `${confidencePct}%` }}\n                        />\n                      </div>\n                      <span className=\"text-xs font-medium tabular-nums text-text-primary\">\n                        {confidencePct}%\n                      </span>\n                    </div>\n                  </div>\n                </div>\n\n                <p className=\"flex-1 text-sm text-text-secondary\">{prediction.recommendation}</p>\n\n                <div className=\"flex items-center justify-between gap-2 border-t border-border-seam/60 pt-3\">\n                  <span className=\"truncate text-xs text-text-muted\">\n                    {prediction.modelVersion} ·{' '}\n                    {new Date(prediction.generatedAt).toLocaleDateString(undefined, {\n                      month: 'short',\n                      day: 'numeric',\n                    })}\n                  </span>\n                  <Button\n                    variant=\"outline\"\n                    size=\"sm\"\n                    onClick={() => navigate('/maintenance/maintenance-scheduler')}\n                  >\n                    <Wrench className=\"mr-1.5 h-3.5 w-3.5\" />\n                    Schedule\n                  </Button>\n                </div>\n              </div>\n            </GlassCard>\n          );\n        })}\n      </div>\n\n      {sorted.length > 0 ? (\n        <Pagination\n          page={pagination.page}\n          pageCount={pagination.pageCount}\n          rangeStart={pagination.rangeStart}\n          rangeEnd={pagination.rangeEnd}\n          totalItems={pagination.totalItems}\n          canPrev={pagination.canPrev}\n          canNext={pagination.canNext}\n          onPrev={pagination.prevPage}\n          onNext={pagination.nextPage}\n          itemLabel=\"predictions\"\n        />\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"AiPredictionsPage.js","names":[],"sources":["../../../src/assethandler/pages/AiPredictionsPage.tsx"],"sourcesContent":["import type React from 'react';\nimport { BrainCircuit, Plus, Wrench, Loader2, BarChart3 } from 'lucide-react';\nimport {\n  Button,\n  IllustratedEmptyState,\n  GlassCard,\n  PagePurpose,\n  Label,\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 { useMemo, useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useMutation, useQuery } from '@apollo/client/react';\nimport { useAssetHandlerStore } from '../store/assethandlerStore';\nimport {\n  Pagination,\n  usePagination,\n  SectionHeader,\n  ChartCard,\n  DonutChart,\n  BarsChart,\n  RadialGauge,\n  seriesColor,\n  type DonutSlice,\n} from '../components';\nimport { useAssetHandlerNavigate } from '../hooks/useAssetHandlerNavigate';\nimport { cn } from '../utils/cn';\nimport { notify } from '../utils/toast';\n\nconst AI_PREDICTIONS_QUERY = gql`\n  query AssetHandlerAiPredictions {\n    aiPredictions {\n      id\n      assetId\n      predictionType\n      score\n      confidence\n      recommendation\n      features\n      status\n      generatedAt\n      modelVersion\n    }\n  }\n`;\n\nconst REQUEST_AI_PREDICTION_MUTATION = gql`\n  mutation AssetHandlerRequestAiPrediction($input: RequestAIPredictionInput!) {\n    requestAIPrediction(input: $input) {\n      id\n    }\n  }\n`;\n\ninterface AiPrediction {\n  id: string;\n  assetId: string;\n  predictionType: string;\n  score: number;\n  confidence: number;\n  recommendation: string;\n  features: Record<string, unknown> | null;\n  status: string;\n  generatedAt: string;\n  modelVersion: string;\n}\n\nconst PREDICTION_TYPES = [\n  { value: 'maintenance-risk', label: 'Maintenance risk' },\n  { value: 'failure-forecast', label: 'Failure forecast' },\n  { value: 'utilization-forecast', label: 'Utilization forecast' },\n  { value: 'anomaly-detection', label: 'Anomaly detection' },\n  { value: 'end-of-life', label: 'End-of-life projection' },\n] as const;\n\nconst humanizePredictionType = (value: string): string =>\n  PREDICTION_TYPES.find((t) => t.value === value)?.label ?? value.replace(/-/g, ' ');\n\ntype RiskBand = 'high' | 'medium' | 'low';\n\nfunction riskBandOf(score: number): {\n  band: RiskBand;\n  label: string;\n  tone: 'danger' | 'warning' | 'success';\n} {\n  if (score >= 0.66) return { band: 'high', label: 'High', tone: 'danger' };\n  if (score >= 0.33) return { band: 'medium', label: 'Medium', tone: 'warning' };\n  return { band: 'low', label: 'Low', tone: 'success' };\n}\n\n/** Extract numeric feature importances from the backend `features` JSONObject. */\nfunction featureBars(\n  features: Record<string, unknown> | null | undefined\n): { name: string; importance: number }[] {\n  if (!features) return [];\n  return Object.entries(features)\n    .map(([name, value]) => ({\n      name,\n      importance: typeof value === 'number' ? value : Number(value),\n    }))\n    .filter((f) => Number.isFinite(f.importance))\n    .sort((a, b) => b.importance - a.importance)\n    .slice(0, 8);\n}\n\nfunction RunPredictionDialog({\n  open,\n  onOpenChange,\n  onRun,\n}: {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  onRun: () => void;\n}) {\n  const assets = useAssetHandlerStore((s) => s.assets);\n  const [assetId, setAssetId] = useState('');\n  const [predictionType, setPredictionType] =\n    useState<(typeof PREDICTION_TYPES)[number]['value']>('maintenance-risk');\n\n  const [requestPrediction, { loading: requesting }] = useMutation(REQUEST_AI_PREDICTION_MUTATION, {\n    onCompleted: () => {\n      notify.success('Prediction requested', 'The model result will appear shortly.');\n      onOpenChange(false);\n      onRun();\n    },\n    onError: (error) => notify.error('Could not run prediction', error.message),\n  });\n\n  const handleRun = (event: React.FormEvent) => {\n    event.preventDefault();\n    if (!assetId) {\n      notify.warning('Asset required', 'Select an asset to run a prediction against.');\n      return;\n    }\n    void requestPrediction({ variables: { input: { assetId, predictionType } } });\n  };\n\n  return (\n    <ResponsiveDialog open={open} onOpenChange={onOpenChange}>\n      <ResponsiveDialogContent>\n        <ResponsiveDialogHeader>\n          <ResponsiveDialogTitle>Run Prediction</ResponsiveDialogTitle>\n          <ResponsiveDialogDescription>\n            Pick an asset and a model to forecast failure risk and get a recommended action.\n          </ResponsiveDialogDescription>\n        </ResponsiveDialogHeader>\n        <form className=\"space-y-4\" onSubmit={handleRun}>\n          <div className=\"space-y-2\">\n            <Label>Asset</Label>\n            <Select value={assetId} onValueChange={setAssetId}>\n              <SelectTrigger>\n                <SelectValue placeholder=\"Select an asset\" />\n              </SelectTrigger>\n              <SelectContent>\n                {assets.map((asset) => (\n                  <SelectItem key={asset.id} value={asset.id}>\n                    {asset.assetTag} — {asset.name}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n          </div>\n          <div className=\"space-y-2\">\n            <Label>Prediction Type</Label>\n            <Select\n              value={predictionType}\n              onValueChange={(v) => setPredictionType(v as typeof predictionType)}\n            >\n              <SelectTrigger>\n                <SelectValue />\n              </SelectTrigger>\n              <SelectContent>\n                {PREDICTION_TYPES.map((t) => (\n                  <SelectItem key={t.value} value={t.value}>\n                    {t.label}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n          </div>\n          <ResponsiveDialogFooter>\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              onClick={() => onOpenChange(false)}\n              disabled={requesting}\n            >\n              Cancel\n            </Button>\n            <Button type=\"submit\" disabled={requesting}>\n              {requesting ? 'Running…' : 'Run Prediction'}\n            </Button>\n          </ResponsiveDialogFooter>\n        </form>\n      </ResponsiveDialogContent>\n    </ResponsiveDialog>\n  );\n}\n\nexport function AiPredictionsPage() {\n  const assets = useAssetHandlerStore((s) => s.assets);\n  const navigate = useAssetHandlerNavigate();\n  const [dialogOpen, setDialogOpen] = useState(false);\n  const [typeFilter, setTypeFilter] = useState<string>('ALL');\n\n  const { data, loading, refetch } = useQuery<{ aiPredictions: AiPrediction[] }>(\n    AI_PREDICTIONS_QUERY,\n    { fetchPolicy: 'cache-and-network' }\n  );\n\n  const predictions = useMemo(() => data?.aiPredictions ?? [], [data?.aiPredictions]);\n\n  const assetLabelById = useMemo(() => {\n    const map = new Map<string, string>();\n    for (const a of assets) map.set(a.id, `${a.assetTag} — ${a.name}`);\n    return map;\n  }, [assets]);\n\n  const labelFor = (assetId: string): string =>\n    assetLabelById.get(assetId) ?? `Asset ${assetId.slice(0, 8)}`;\n\n  const sorted = useMemo(() => {\n    const list =\n      typeFilter === 'ALL'\n        ? predictions\n        : predictions.filter((p) => p.predictionType === typeFilter);\n    return [...list].sort((a, b) => b.score - a.score);\n  }, [predictions, typeFilter]);\n\n  const riskMix = useMemo<DonutSlice[]>(() => {\n    const counts: Record<RiskBand, number> = { high: 0, medium: 0, low: 0 };\n    for (const p of predictions) counts[riskBandOf(p.score).band] += 1;\n    const order: { band: RiskBand; label: string }[] = [\n      { band: 'high', label: 'High' },\n      { band: 'medium', label: 'Medium' },\n      { band: 'low', label: 'Low' },\n    ];\n    return order\n      .filter((o) => counts[o.band] > 0)\n      .map((o, i) => ({ name: o.label, value: counts[o.band], color: seriesColor(i) }));\n  }, [predictions]);\n\n  // Feature importance is shown for the highest-risk prediction that carries features.\n  const featureFocus = useMemo(() => {\n    const withFeatures = sorted.find((p) => featureBars(p.features).length > 0);\n    return withFeatures ?? null;\n  }, [sorted]);\n  const focusBars = featureBars(featureFocus?.features);\n\n  const pagination = usePagination(sorted, { pageSize: 6, resetKey: typeFilter });\n\n  return (\n    <div className=\"space-y-5 p-4 sm:p-6\">\n      <SectionHeader\n        hero\n        icon={BrainCircuit}\n        title=\"AI Predictions\"\n        description=\"Forecast failures before they happen and prioritise which assets to service next.\"\n        actions={\n          <Button className=\"w-full sm:w-auto\" onClick={() => setDialogOpen(true)}>\n            <Plus className=\"mr-2 h-4 w-4\" />\n            Run Prediction\n          </Button>\n        }\n      />\n      <PagePurpose>\n        Pick an asset and a model to get a risk score, confidence level and a concrete\n        recommendation — so you can schedule preventive maintenance instead of reacting to\n        breakdowns.\n      </PagePurpose>\n\n      <RunPredictionDialog\n        open={dialogOpen}\n        onOpenChange={setDialogOpen}\n        onRun={() => void refetch()}\n      />\n\n      {predictions.length > 0 ? (\n        <div className=\"grid gap-4 lg:grid-cols-2\">\n          <ChartCard title=\"Risk distribution\" subtitle=\"Predicted failure risk across assets\">\n            <DonutChart\n              data={riskMix}\n              height={210}\n              centerLabel=\"Assets\"\n              centerValue={predictions.length}\n              ariaLabel=\"Risk distribution across predictions\"\n            />\n          </ChartCard>\n          <ChartCard\n            title=\"Feature importance\"\n            subtitle={\n              featureFocus\n                ? `Top drivers · ${labelFor(featureFocus.assetId)}`\n                : 'Model feature drivers'\n            }\n            icon={BarChart3}\n          >\n            {focusBars.length > 0 ? (\n              <BarsChart\n                data={focusBars}\n                xKey=\"name\"\n                series={[{ key: 'importance', label: 'Importance' }]}\n                orientation=\"horizontal\"\n                height={210}\n                categoryWidth={140}\n                ariaLabel=\"Feature importance\"\n              />\n            ) : (\n              <div className=\"flex h-[210px] items-center justify-center px-4 text-center text-sm text-text-secondary\">\n                Feature importance appears here once a model returns feature drivers.\n              </div>\n            )}\n          </ChartCard>\n        </div>\n      ) : null}\n\n      <div className=\"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n        <h3 className=\"text-base font-semibold text-text-primary\">\n          Predicted failure risk per asset\n        </h3>\n        <div className=\"w-full sm:w-64\">\n          <Select value={typeFilter} onValueChange={setTypeFilter}>\n            <SelectTrigger>\n              <SelectValue placeholder=\"Prediction type\" />\n            </SelectTrigger>\n            <SelectContent>\n              <SelectItem value=\"ALL\">All prediction types</SelectItem>\n              {PREDICTION_TYPES.map((t) => (\n                <SelectItem key={t.value} value={t.value}>\n                  {t.label}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n      </div>\n\n      {loading && predictions.length === 0 ? (\n        <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n          {Array.from({ length: 6 }).map((_, i) => (\n            <div key={i} className=\"h-56 rounded-xl bg-bg-sunken motion-safe:animate-vc-shimmer\" />\n          ))}\n        </div>\n      ) : null}\n      {!loading && sorted.length === 0 ? (\n        <IllustratedEmptyState\n          illustration={typeFilter === 'ALL' ? 'empty-data' : 'empty-search'}\n          title={\n            typeFilter === 'ALL' ? 'No AI predictions available yet' : 'No predictions of this type'\n          }\n          description={\n            typeFilter === 'ALL'\n              ? 'Run a prediction to generate a risk score and recommendation.'\n              : 'Try a different prediction type or run a new prediction.'\n          }\n        />\n      ) : null}\n\n      <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n        {pagination.pageItems.map((prediction, index) => {\n          const risk = riskBandOf(prediction.score);\n          const isTop = index === 0 && pagination.page === 1 && risk.band === 'high';\n          const pending = prediction.status && prediction.status.toLowerCase() !== 'completed';\n          const confidencePct = Math.round(prediction.confidence * 100);\n          return (\n            <GlassCard\n              key={prediction.id}\n              treatment=\"glass\"\n              glow={isTop}\n              className={cn('border-border-seam', isTop && 'ring-1 ring-status-error-border')}\n            >\n              <div className=\"flex h-full flex-col gap-3 p-4\">\n                <div className=\"flex items-start justify-between gap-2\">\n                  <div className=\"min-w-0\">\n                    <button\n                      type=\"button\"\n                      onClick={() => navigate(`/assets/${prediction.assetId}`)}\n                      className=\"truncate text-left text-sm font-semibold text-text-primary hover:underline\"\n                    >\n                      {labelFor(prediction.assetId)}\n                    </button>\n                    <p className=\"text-xs text-text-secondary\">\n                      {humanizePredictionType(prediction.predictionType)}\n                    </p>\n                  </div>\n                  {pending ? (\n                    <span className=\"inline-flex items-center gap-1 rounded-full bg-status-info-bg-subtle px-2 py-0.5 text-xs font-medium text-status-info-text\">\n                      <Loader2 className=\"h-3 w-3 motion-safe:animate-spin\" />\n                      Processing\n                    </span>\n                  ) : null}\n                </div>\n\n                <div className=\"flex items-center gap-3\">\n                  <div className=\"w-[120px] shrink-0\">\n                    <RadialGauge\n                      value={prediction.score * 100}\n                      tone={risk.tone}\n                      label={risk.label}\n                      height={110}\n                      format={(v) => `${Math.round(v)}%`}\n                      ariaLabel={`${risk.label} risk, ${Math.round(prediction.score * 100)} percent`}\n                    />\n                  </div>\n                  <div className=\"min-w-0 flex-1 space-y-1\">\n                    <p className=\"text-xs text-text-secondary\">Confidence</p>\n                    <div className=\"flex items-center gap-2\">\n                      <div className=\"h-2 flex-1 overflow-hidden rounded-full bg-bg-sunken\">\n                        <div\n                          className=\"h-full rounded-full bg-action-primary-bg\"\n                          style={{ width: `${confidencePct}%` }}\n                        />\n                      </div>\n                      <span className=\"text-xs font-medium tabular-nums text-text-primary\">\n                        {confidencePct}%\n                      </span>\n                    </div>\n                  </div>\n                </div>\n\n                <p className=\"flex-1 text-sm text-text-secondary\">{prediction.recommendation}</p>\n\n                <div className=\"flex items-center justify-between gap-2 border-t border-border-seam/60 pt-3\">\n                  <span className=\"truncate text-xs text-text-muted\">\n                    {prediction.modelVersion} ·{' '}\n                    {new Date(prediction.generatedAt).toLocaleDateString(undefined, {\n                      month: 'short',\n                      day: 'numeric',\n                    })}\n                  </span>\n                  <Button\n                    variant=\"outline\"\n                    size=\"sm\"\n                    onClick={() => navigate('/maintenance/maintenance-scheduler')}\n                  >\n                    <Wrench className=\"mr-1.5 h-3.5 w-3.5\" />\n                    Schedule\n                  </Button>\n                </div>\n              </div>\n            </GlassCard>\n          );\n        })}\n      </div>\n\n      {sorted.length > 0 ? (\n        <Pagination\n          page={pagination.page}\n          pageCount={pagination.pageCount}\n          rangeStart={pagination.rangeStart}\n          rangeEnd={pagination.rangeEnd}\n          totalItems={pagination.totalItems}\n          canPrev={pagination.canPrev}\n          canNext={pagination.canNext}\n          onPrev={pagination.prevPage}\n          onNext={pagination.nextPage}\n          itemLabel=\"predictions\"\n        />\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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"}