@printhive/react 0.0.0-stage → 0.1.0

package/dist/index.js

@@ -0,0 +1,901 @@
+import {
+  FilamentManagementError,
+  requirePrinterLayout
+} from "./chunk-RY4P4TFQ.js";
+
+// src/FilamentManagement.tsx
+import { useState as useState4 } from "react";
+import {
+  QueryClientProvider,
+  useIsMutating as useIsMutating2,
+  useQuery as useQuery2
+} from "@tanstack/react-query";
+import { Button as Button3 } from "@ui-sdk/react/button";
+import {
+  Dialog,
+  DialogBackdrop,
+  DialogClose as DialogClose2,
+  DialogContent,
+  DialogDescription as DialogDescription2,
+  DialogTitle as DialogTitle2,
+  DialogTrigger
+} from "@ui-sdk/react/dialog";
+
+// src/presentation.ts
+function layoutSlots(layout) {
+  return [
+    ...layout.nozzles.flatMap(
+      (nozzle) => nozzle.sources.flatMap((source) => source.slots)
+    ),
+    ...layout.unboundSources.flatMap((source) => source.slots),
+    ...layout.unmappedAssignments
+  ];
+}
+function slotContext(layout, slotId) {
+  for (const nozzle of layout.nozzles) {
+    for (const source of nozzle.sources) {
+      if (source.slots.some((slot) => slot.id === slotId)) {
+        return layout.nozzles.length > 1 ? `${nozzle.label} \xB7 ${source.label}` : source.label;
+      }
+    }
+  }
+  return layout.unboundSources.find(
+    (source) => source.slots.some((slot) => slot.id === slotId)
+  )?.label ?? "Saved assignments";
+}
+function slotStatus(slot) {
+  if (slot.reading) return "Reading RFID";
+  if (slot.feeding) return "Feeding nozzle";
+  switch (slot.presentation) {
+    case "synced":
+      return "Matches printer";
+    case "mismatch":
+      return "Different from printer";
+    case "assigned-empty":
+      return "Assigned, no filament detected";
+    case "assigned-unknown":
+      return "Assignment saved, presence unknown";
+    case "presence-unknown":
+      return "Filament presence unknown";
+    case "printer-only":
+      return "Reported by printer, not assigned";
+    case "empty":
+      return "No filament detected";
+  }
+}
+function fillStyle(colors, kind) {
+  if (colors.length === 0) return {};
+  if (colors.length === 1) return { backgroundColor: colors[0] };
+  const stops = kind && kind !== "gradient" ? colors.map(
+    (color, index) => `${color} ${index / colors.length * 100}% ${(index + 1) / colors.length * 100}%`
+  ) : colors;
+  return { backgroundImage: `linear-gradient(135deg, ${stops.join(", ")})` };
+}
+function assignmentNotice(result) {
+  const slot = result.slots[0];
+  if (!slot || slot.record !== "saved") {
+    return {
+      tone: "error",
+      message: "The assignment was not saved. Refresh this printer before trying again; its metadata may have changed."
+    };
+  }
+  if (slot.printerSync.status === "failed") {
+    return {
+      tone: "warning",
+      message: "Assignment saved in PrintHive. The printer metadata request could not be confirmed."
+    };
+  }
+  if (slot.printerSync.status === "skipped") {
+    return {
+      tone: "success",
+      message: "Assignment saved in PrintHive. Printer metadata was not changed."
+    };
+  }
+  if (slot.observation?.status === "observed") {
+    return {
+      tone: "success",
+      message: "Assignment saved and confirmed by the printer."
+    };
+  }
+  if (slot.observation?.status === "mismatch") {
+    return {
+      tone: "warning",
+      message: "Assignment saved. The printer still reports different filament."
+    };
+  }
+  return {
+    tone: "success",
+    message: "Assignment saved. Metadata request sent; printer confirmation is still pending."
+  };
+}
+function clearNotice(result) {
+  return result.slots.some((slot) => slot.record === "cleared") ? {
+    tone: "success",
+    message: "Assignment cleared. Printer metadata was not changed."
+  } : {
+    tone: "success",
+    message: "No saved assignment remained. Printer metadata was not changed."
+  };
+}
+function rfidNotice(result) {
+  switch (result.printerSync.status) {
+    case "failed":
+      return {
+        tone: "warning",
+        message: "The RFID request could not be confirmed. Refresh this printer before trying again."
+      };
+    case "skipped":
+      return {
+        tone: "warning",
+        message: "The RFID reread was not requested. Refresh this printer to check which actions are available."
+      };
+    case "sent":
+      return {
+        tone: "success",
+        message: "RFID reread requested. A completed tag read has not yet been confirmed."
+      };
+  }
+}
+
+// src/provider.tsx
+import { createContext, useContext, useState } from "react";
+import { QueryClient } from "@tanstack/react-query";
+import { jsx } from "react/jsx-runtime";
+var DataSourceContext = createContext(null);
+function PrintHiveProvider({
+  dataSource,
+  children
+}) {
+  const [scope, setScope] = useState(() => ({
+    dataSource,
+    queryClient: createQueryClient()
+  }));
+  if (scope.dataSource !== dataSource) {
+    setScope({ dataSource, queryClient: createQueryClient() });
+  }
+  return /* @__PURE__ */ jsx(DataSourceContext, { value: scope, children });
+}
+function createQueryClient() {
+  return new QueryClient({
+    defaultOptions: {
+      queries: { retry: false, refetchOnWindowFocus: false, gcTime: 0 },
+      mutations: { retry: false }
+    }
+  });
+}
+function useFilamentRuntime() {
+  const source = useContext(DataSourceContext);
+  if (source === null) {
+    throw new Error("FilamentManagement must be inside a PrintHiveProvider.");
+  }
+  return source;
+}
+
+// src/queries.ts
+function layoutQueryKey(printerId) {
+  return ["printhive-filaments", printerId];
+}
+function operationQueryKey(printerId) {
+  return ["printhive-filament-operation", printerId];
+}
+async function catalogDebounce(signal, delayMs) {
+  if (signal.aborted)
+    throw new DOMException("Catalog search aborted", "AbortError");
+  await new Promise((resolve, reject) => {
+    const finish = () => {
+      signal.removeEventListener("abort", cancel);
+      resolve();
+    };
+    const timer = setTimeout(finish, delayMs);
+    const cancel = () => {
+      clearTimeout(timer);
+      reject(new DOMException("Catalog search aborted", "AbortError"));
+    };
+    signal.addEventListener("abort", cancel, { once: true });
+  });
+}
+
+// src/SlotEditor.tsx
+import { useState as useState3 } from "react";
+import { useIsMutating } from "@tanstack/react-query";
+import { Button as Button2 } from "@ui-sdk/react/button";
+import {
+  DialogClose,
+  DialogDescription,
+  DialogTitle
+} from "@ui-sdk/react/dialog";
+
+// src/CatalogPicker.tsx
+import { useState as useState2 } from "react";
+import { useQuery } from "@tanstack/react-query";
+import { Button } from "@ui-sdk/react/button";
+import {
+  Combobox,
+  ComboboxContent,
+  ComboboxEmpty,
+  ComboboxInput,
+  ComboboxItem,
+  ComboboxLabel,
+  ComboboxList,
+  ComboboxTrigger
+} from "@ui-sdk/react/combobox";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+function CatalogPicker({
+  printerId,
+  selected,
+  onSelect,
+  disabled
+}) {
+  const { dataSource, queryClient } = useFilamentRuntime();
+  const [query, setQuery] = useState2("");
+  const search = useQuery(
+    {
+      queryKey: ["printhive-filament-catalog", printerId, query],
+      queryFn: async ({ signal }) => {
+        await catalogDebounce(signal, query.length === 0 ? 0 : 180);
+        return dataSource.search(printerId, query, { signal });
+      },
+      enabled: !disabled
+    },
+    queryClient
+  );
+  const state = disabled ? { kind: "ready", options: [] } : search.isError ? { kind: "failed" } : search.data !== void 0 ? { kind: "ready", options: search.data } : { kind: "loading" };
+  const results = state.kind === "ready" ? state.options : [];
+  const options = selected && !results.some((option) => option.id === selected.id) ? [selected, ...results] : results;
+  return /* @__PURE__ */ jsxs("div", { className: "ph-filament-catalog", children: [
+    /* @__PURE__ */ jsxs(
+      Combobox,
+      {
+        items: options.map((option) => ({
+          value: option.id,
+          label: option.label
+        })),
+        value: selected?.id ?? null,
+        query,
+        onQueryChange: (next, details) => {
+          setQuery(next);
+          if (details.reason === "input-change") onSelect(null);
+        },
+        onValueChange: (next) => onSelect(options.find((option) => option.id === next) ?? null),
+        filter: false,
+        disabled,
+        children: [
+          /* @__PURE__ */ jsx2(ComboboxLabel, { children: "Assign filament" }),
+          /* @__PURE__ */ jsxs("div", { className: "ph-filament-combobox-control", children: [
+            /* @__PURE__ */ jsx2(
+              ComboboxInput,
+              {
+                placeholder: "Search your filament catalog",
+                autoComplete: "off"
+              }
+            ),
+            /* @__PURE__ */ jsx2(ComboboxTrigger, { "aria-label": "Show filament catalog", children: /* @__PURE__ */ jsx2("svg", { width: "16", height: "16", viewBox: "0 0 16 16", "aria-hidden": "true", children: /* @__PURE__ */ jsx2(
+              "path",
+              {
+                d: "m4 6 4 4 4-4",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "1.5"
+              }
+            ) }) })
+          ] }),
+          /* @__PURE__ */ jsxs(ComboboxContent, { className: "ph-filament-catalog-popup", sideOffset: 4, children: [
+            /* @__PURE__ */ jsx2(ComboboxEmpty, { children: state.kind === "loading" ? "Searching catalog\u2026" : "No matching filaments" }),
+            /* @__PURE__ */ jsx2(ComboboxList, { "aria-busy": state.kind === "loading", children: options.map((option) => /* @__PURE__ */ jsxs(
+              ComboboxItem,
+              {
+                value: option.id,
+                label: option.label,
+                "aria-label": option.label,
+                children: [
+                  /* @__PURE__ */ jsx2(
+                    "span",
+                    {
+                      className: "ph-filament-swatch ph-filament-swatch-small",
+                      style: fillStyle(
+                        option.colors.length ? option.colors : option.color ? [option.color] : []
+                      ),
+                      "aria-hidden": "true"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs("span", { children: [
+                    /* @__PURE__ */ jsx2("span", { className: "ph-filament-option-label", children: option.label }),
+                    /* @__PURE__ */ jsxs("span", { className: "ph-filament-muted", children: [
+                      option.materialType,
+                      option.description ? ` \xB7 ${option.description}` : ""
+                    ] })
+                  ] })
+                ]
+              },
+              option.id
+            )) })
+          ] })
+        ]
+      }
+    ),
+    state.kind === "failed" && /* @__PURE__ */ jsxs("div", { className: "ph-filament-inline-error", role: "alert", children: [
+      /* @__PURE__ */ jsx2("p", { children: "The filament catalog could not be loaded." }),
+      /* @__PURE__ */ jsx2(Button, { onClick: () => search.refetch(), children: "Retry catalog search" })
+    ] })
+  ] });
+}
+
+// src/mutations.ts
+import { useMutation } from "@tanstack/react-query";
+function useFilamentOperation(printerId) {
+  const { dataSource, queryClient } = useFilamentRuntime();
+  return useMutation(
+    {
+      mutationKey: operationQueryKey(printerId),
+      retry: false,
+      mutationFn: async (operation) => {
+        switch (operation.kind) {
+          case "assign":
+            return assignmentNotice(
+              await dataSource.assign(printerId, operation.input)
+            );
+          case "clear":
+            return clearNotice(
+              await dataSource.clear(printerId, operation.input)
+            );
+          case "rfid":
+            return rfidNotice(
+              await dataSource.refreshRfid(printerId, operation.input)
+            );
+        }
+      },
+      onSettled: () => {
+        void queryClient.invalidateQueries({
+          queryKey: layoutQueryKey(printerId)
+        });
+      }
+    },
+    queryClient
+  );
+}
+
+// src/SlotEditor.tsx
+import { Fragment, jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+function SlotComparison({ slot }) {
+  const assignment = slot.assignment;
+  const reported = "reported" in slot.observation ? slot.observation.reported : null;
+  const unavailable = slot.observation.status === "stale" ? "Last report is stale" : "Observation unavailable";
+  return /* @__PURE__ */ jsxs2("div", { className: "ph-filament-comparison", children: [
+    /* @__PURE__ */ jsxs2("section", { children: [
+      /* @__PURE__ */ jsx3("h3", { children: "Saved assignment" }),
+      /* @__PURE__ */ jsxs2("div", { className: "ph-filament-material", children: [
+        /* @__PURE__ */ jsx3(
+          "span",
+          {
+            className: "ph-filament-swatch",
+            style: fillStyle(assignment?.color ? [assignment.color] : []),
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ jsxs2("div", { children: [
+          /* @__PURE__ */ jsx3("strong", { children: assignment ? slot.displayName ?? assignment.materialType ?? "Assigned filament" : "No assignment" }),
+          /* @__PURE__ */ jsx3("p", { children: assignment?.color ?? "No saved color" })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs2("section", { children: [
+      /* @__PURE__ */ jsx3("h3", { children: "Printer reports" }),
+      /* @__PURE__ */ jsxs2("div", { className: "ph-filament-material", children: [
+        /* @__PURE__ */ jsx3(
+          "span",
+          {
+            className: "ph-filament-swatch",
+            style: fillStyle(reported?.color ? [reported.color] : []),
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ jsxs2("div", { children: [
+          /* @__PURE__ */ jsx3("strong", { children: reported?.materialType ?? "No current report" }),
+          /* @__PURE__ */ jsx3("p", { children: reported?.color ?? unavailable })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function ActionReason({
+  capability
+}) {
+  return capability.kind === "unavailable" ? /* @__PURE__ */ jsx3("p", { className: "ph-filament-muted", children: capability.message }) : null;
+}
+function OperationFeedback({
+  operation
+}) {
+  if (operation.isPending) {
+    const message = operation.variables.kind === "assign" ? "Saving assignment\u2026" : operation.variables.kind === "clear" ? "Clearing assignment\u2026" : "Requesting RFID reread\u2026";
+    return /* @__PURE__ */ jsx3("p", { className: "ph-filament-muted", role: "status", children: message });
+  }
+  if (operation.isError) {
+    const message = operation.error instanceof FilamentManagementError ? operation.error.message : "The request could not be confirmed. Your draft is still here. Refresh this printer before trying again.";
+    return /* @__PURE__ */ jsx3("p", { className: "ph-filament-notice", "data-tone": "error", role: "alert", children: message });
+  }
+  if (!operation.data) return null;
+  return /* @__PURE__ */ jsx3(
+    "p",
+    {
+      className: "ph-filament-notice",
+      "data-tone": operation.data.tone,
+      role: operation.data.tone === "error" ? "alert" : "status",
+      children: operation.data.message
+    }
+  );
+}
+function SlotEditor({
+  printerId,
+  slot,
+  context
+}) {
+  const { queryClient } = useFilamentRuntime();
+  const operation = useFilamentOperation(printerId);
+  const busy = useIsMutating({ mutationKey: operationQueryKey(printerId) }, queryClient) > 0;
+  const [selected, setSelected] = useState3(null);
+  const [clearTarget, setClearTarget] = useState3(
+    null
+  );
+  const assignAvailability = slot.capabilities.assign;
+  const clearAvailability = slot.capabilities.clearAssignment;
+  const rfidAvailability = slot.capabilities.refreshRfid;
+  const clearVersion = slot.assignment?.version ?? null;
+  const run = (intent) => {
+    if (queryClient.isMutating({ mutationKey: operationQueryKey(printerId) }) > 0)
+      return;
+    return operation.mutateAsync(intent, {
+      onSuccess: (notice, completed) => {
+        if (completed.kind === "assign" && notice.tone !== "error")
+          setSelected(null);
+        setClearTarget(null);
+      }
+    }).catch(() => void 0);
+  };
+  const requestClear = () => {
+    if (clearVersion === null) return;
+    setClearTarget({ slotId: slot.id, expectedVersion: clearVersion });
+  };
+  return /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsxs2("div", { className: "ph-filament-editor-heading", children: [
+      /* @__PURE__ */ jsxs2("div", { children: [
+        /* @__PURE__ */ jsxs2(DialogTitle, { children: [
+          context,
+          " \xB7 ",
+          slot.label
+        ] }),
+        /* @__PURE__ */ jsx3(DialogDescription, { children: "Manage the saved assignment and compare it with the printer report." })
+      ] }),
+      /* @__PURE__ */ jsx3(DialogClose, { className: "ph-filament-close", disabled: busy, children: "Close" })
+    ] }),
+    /* @__PURE__ */ jsx3(SlotComparison, { slot }),
+    /* @__PURE__ */ jsx3(
+      CatalogPicker,
+      {
+        printerId,
+        selected,
+        onSelect: setSelected,
+        disabled: busy || assignAvailability.kind !== "available"
+      }
+    ),
+    /* @__PURE__ */ jsx3(ActionReason, { capability: assignAvailability }),
+    slot.capabilities.writePrinterMetadata.kind === "unavailable" && assignAvailability.kind === "available" && /* @__PURE__ */ jsxs2("p", { className: "ph-filament-muted", children: [
+      slot.capabilities.writePrinterMetadata.message,
+      " Saving an assignment still records it in PrintHive."
+    ] }),
+    /* @__PURE__ */ jsx3(OperationFeedback, { operation }),
+    /* @__PURE__ */ jsx3("div", { className: "ph-filament-editor-primary", children: /* @__PURE__ */ jsx3(
+      Button2,
+      {
+        className: "ph-filament-primary",
+        disabled: busy || selected === null || assignAvailability.kind !== "available",
+        onClick: () => selected ? run({
+          kind: "assign",
+          input: { slotId: slot.id, materialId: selected.id }
+        }) : void 0,
+        pendingAnnouncement: "Saving assignment",
+        children: "Save assignment"
+      }
+    ) }),
+    /* @__PURE__ */ jsxs2("div", { className: "ph-filament-editor-secondary", children: [
+      /* @__PURE__ */ jsxs2("div", { children: [
+        /* @__PURE__ */ jsx3(
+          Button2,
+          {
+            disabled: busy || rfidAvailability.kind !== "available",
+            onClick: () => run({ kind: "rfid", input: { slotId: slot.id } }),
+            pendingAnnouncement: "Requesting RFID reread",
+            children: "Read RFID"
+          }
+        ),
+        /* @__PURE__ */ jsx3(ActionReason, { capability: rfidAvailability })
+      ] }),
+      /* @__PURE__ */ jsxs2("div", { children: [
+        /* @__PURE__ */ jsx3(
+          Button2,
+          {
+            disabled: busy || clearVersion === null || clearAvailability.kind !== "available",
+            onClick: requestClear,
+            children: "Clear assignment"
+          }
+        ),
+        /* @__PURE__ */ jsx3(ActionReason, { capability: clearAvailability }),
+        slot.assignment && clearVersion === null && /* @__PURE__ */ jsx3("p", { className: "ph-filament-muted", children: "Refresh this printer before clearing its assignment; the saved version is unavailable." })
+      ] })
+    ] }),
+    clearTarget && /* @__PURE__ */ jsxs2(
+      "section",
+      {
+        className: "ph-filament-clear-confirmation",
+        "aria-label": "Confirm clearing assignment",
+        children: [
+          /* @__PURE__ */ jsxs2("p", { children: [
+            "Clear the saved assignment for ",
+            slot.label,
+            "? This does not unload filament or change printer metadata."
+          ] }),
+          /* @__PURE__ */ jsxs2("div", { className: "ph-filament-actions", children: [
+            /* @__PURE__ */ jsx3(
+              Button2,
+              {
+                className: "ph-filament-danger",
+                "data-agent-confirm": `Clears the saved filament assignment for ${context} \xB7 ${slot.label}. Printer metadata is unchanged.`,
+                disabled: busy,
+                onClick: () => run({ kind: "clear", input: clearTarget }),
+                children: "Confirm clear assignment"
+              }
+            ),
+            /* @__PURE__ */ jsx3(Button2, { disabled: busy, onClick: () => setClearTarget(null), children: "Keep assignment" })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+
+// src/FilamentManagement.tsx
+import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+function layoutState(query) {
+  if (query.data === void 0)
+    return query.isPending ? { kind: "loading" } : { kind: "failed" };
+  let refresh = { kind: "idle" };
+  if (query.isFetching) refresh = { kind: "pending" };
+  else if (query.isRefetchError) refresh = { kind: "failed" };
+  return { kind: "ready", layout: query.data, refresh };
+}
+function SlotCard({
+  slot,
+  context
+}) {
+  return /* @__PURE__ */ jsxs3(
+    DialogTrigger,
+    {
+      render: /* @__PURE__ */ jsx4(Button3, {}),
+      payload: slot.id,
+      className: "ph-filament-slot",
+      "aria-label": `Manage ${context} \xB7 ${slot.label}`,
+      children: [
+        /* @__PURE__ */ jsxs3("span", { className: "ph-filament-slot-top", children: [
+          /* @__PURE__ */ jsx4("span", { className: "ph-filament-slot-label", children: slot.label }),
+          slot.feeding && /* @__PURE__ */ jsx4("span", { className: "ph-filament-feeding", children: "Feeding" })
+        ] }),
+        /* @__PURE__ */ jsx4(
+          "span",
+          {
+            className: "ph-filament-swatch",
+            style: fillStyle(slot.fill?.colors ?? [], slot.fill?.kind),
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ jsx4("strong", { children: slot.displayName ?? slot.materialType ?? (slot.assignment ? "Assigned filament" : "No assignment") }),
+        /* @__PURE__ */ jsx4("span", { className: "ph-filament-slot-status", "data-state": slot.presentation, children: slotStatus(slot) }),
+        slot.remainingPct !== null && /* @__PURE__ */ jsxs3("span", { className: "ph-filament-muted", children: [
+          Math.round(slot.remainingPct),
+          "% remaining"
+        ] })
+      ]
+    }
+  );
+}
+function SourceUnit({
+  source,
+  context
+}) {
+  return /* @__PURE__ */ jsxs3("section", { className: "ph-filament-source", "aria-label": source.label, children: [
+    /* @__PURE__ */ jsxs3("header", { children: [
+      /* @__PURE__ */ jsx4("h3", { children: source.label }),
+      source.humidityPct !== null && /* @__PURE__ */ jsxs3("span", { className: "ph-filament-muted", children: [
+        source.humidityPct,
+        "% humidity"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx4("div", { className: "ph-filament-slots", "data-layout": source.layout, children: source.slots.map((slot) => /* @__PURE__ */ jsx4(SlotCard, { slot, context }, slot.id)) })
+  ] });
+}
+function HotendRack({ rack }) {
+  if (rack.kind === "no-rack-reported") return null;
+  if (rack.kind === "invalid-report")
+    return /* @__PURE__ */ jsx4("p", { className: "ph-filament-muted", children: "Hotend rack information is unavailable." });
+  return /* @__PURE__ */ jsxs3("section", { className: "ph-filament-rack", "aria-label": "Hotend rack", children: [
+    /* @__PURE__ */ jsx4("h3", { children: "Hotend rack" }),
+    rack.kind === "reported" && rack.tools === null && /* @__PURE__ */ jsx4("p", { className: "ph-filament-muted", children: "Hotend details unavailable." }),
+    /* @__PURE__ */ jsx4("div", { className: "ph-filament-rack-tools", children: rack.kind === "legacy" ? rack.slots.map((slot) => /* @__PURE__ */ jsxs3("span", { children: [
+      "Holder ",
+      slot.id + 1,
+      /* @__PURE__ */ jsx4("strong", { children: slot.occupied ? slot.diameterMm !== null ? `${slot.diameterMm} mm` : "Hotend" : "Empty" }),
+      slot.active && /* @__PURE__ */ jsx4("small", { children: "Active" })
+    ] }, slot.id)) : (rack.tools ?? []).map((tool) => /* @__PURE__ */ jsxs3("span", { children: [
+      tool.location === "toolhead" ? "Toolhead" : tool.holderAddress !== null ? `Holder ${tool.holderAddress + 1}` : "Rack",
+      /* @__PURE__ */ jsx4("strong", { children: tool.diameterMm !== null ? `${tool.diameterMm} mm` : tool.kind }),
+      tool.serialNumber && /* @__PURE__ */ jsx4("small", { children: tool.serialNumber })
+    ] }, tool.id)) }),
+    /* @__PURE__ */ jsx4("p", { className: "ph-filament-muted", children: "Hardware information only. Filament assignments belong to the sources below." })
+  ] });
+}
+function FilamentManagement({
+  printerId,
+  className
+}) {
+  const { dataSource, queryClient } = useFilamentRuntime();
+  const [scope, setScope] = useState4({ dataSource, revision: 0 });
+  if (scope.dataSource !== dataSource) {
+    setScope({ dataSource, revision: scope.revision + 1 });
+  }
+  return /* @__PURE__ */ jsx4(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx4(
+    PrinterFilamentManagement,
+    {
+      printerId,
+      className,
+      source: dataSource
+    },
+    `${printerId}:${scope.revision}`
+  ) });
+}
+function PrinterFilamentManagement({
+  printerId,
+  className,
+  source
+}) {
+  const { queryClient } = useFilamentRuntime();
+  const query = useQuery2(
+    {
+      queryKey: layoutQueryKey(printerId),
+      queryFn: async ({ signal }) => requirePrinterLayout(
+        await source.read(printerId, { signal }),
+        printerId
+      )
+    },
+    queryClient
+  );
+  const busy = useIsMutating2({ mutationKey: operationQueryKey(printerId) }, queryClient) > 0;
+  const refresh = () => {
+    void query.refetch();
+  };
+  const state = layoutState(query);
+  const rootClass = `ph-filament-management${className ? ` ${className}` : ""}`;
+  if (state.kind === "loading")
+    return /* @__PURE__ */ jsx4(
+      "section",
+      {
+        className: rootClass,
+        "aria-label": "Filament management",
+        "aria-busy": "true",
+        children: /* @__PURE__ */ jsx4("p", { role: "status", children: "Loading printer filaments\u2026" })
+      }
+    );
+  if (state.kind === "failed")
+    return /* @__PURE__ */ jsxs3("section", { className: rootClass, "aria-label": "Filament management", children: [
+      /* @__PURE__ */ jsx4("h2", { children: "Filaments unavailable" }),
+      /* @__PURE__ */ jsx4("p", { role: "alert", children: "The printer filaments could not be loaded. Check your connection and access to this printer." }),
+      /* @__PURE__ */ jsx4(Button3, { onClick: refresh, children: "Retry loading filaments" })
+    ] });
+  const { layout } = state;
+  const slots = layoutSlots(layout);
+  const sources = layout.nozzles.flatMap((nozzle) => nozzle.sources).concat(layout.unboundSources);
+  const observedAt = "observedAt" in layout.freshness ? layout.freshness.observedAt : null;
+  return /* @__PURE__ */ jsx4(Dialog, { dismissible: !busy, children: /* @__PURE__ */ jsxs3(
+    "section",
+    {
+      className: rootClass,
+      "aria-label": `Filaments for ${layout.printer.name}`,
+      children: [
+        /* @__PURE__ */ jsxs3("header", { className: "ph-filament-header", children: [
+          /* @__PURE__ */ jsxs3("div", { children: [
+            /* @__PURE__ */ jsx4("p", { className: "ph-filament-eyebrow", children: "Printer filaments" }),
+            /* @__PURE__ */ jsx4("h2", { children: layout.printer.name }),
+            /* @__PURE__ */ jsxs3("p", { className: "ph-filament-muted", children: [
+              layout.printer.make,
+              " ",
+              layout.printer.model
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs3("div", { className: "ph-filament-header-actions", children: [
+            /* @__PURE__ */ jsx4("span", { className: "ph-filament-connection", children: layout.printer.connected === true ? "Online" : layout.printer.connected === false ? "Offline" : "Connection unknown" }),
+            /* @__PURE__ */ jsx4(
+              Button3,
+              {
+                disabled: state.refresh.kind === "pending" || busy,
+                onClick: refresh,
+                children: "Refresh"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs3("div", { className: "ph-filament-freshness", children: [
+          /* @__PURE__ */ jsx4("span", { children: layout.freshness.status === "fresh" ? "Current printer report" : layout.freshness.status === "stale" ? "Last known printer report" : "Live printer report unavailable" }),
+          observedAt && /* @__PURE__ */ jsx4("time", { dateTime: observedAt, children: new Date(observedAt).toLocaleString() })
+        ] }),
+        state.refresh.kind === "pending" && /* @__PURE__ */ jsx4("p", { className: "ph-filament-muted", role: "status", children: "Refreshing printer filaments\u2026" }),
+        state.refresh.kind === "failed" && /* @__PURE__ */ jsx4("p", { className: "ph-filament-inline-error", role: "alert", children: "The latest state could not be loaded. Showing the previous snapshot." }),
+        layout.topology.kind === "unavailable" && /* @__PURE__ */ jsx4("p", { className: "ph-filament-inline-error", children: "The printer has not reported its hardware layout. Saved assignments are shown without guessing their nozzle or AMS unit." }),
+        /* @__PURE__ */ jsx4(HotendRack, { rack: layout.hotendRack }),
+        /* @__PURE__ */ jsx4("div", { className: "ph-filament-nozzles", children: layout.nozzles.map((nozzle) => /* @__PURE__ */ jsxs3(
+          "section",
+          {
+            className: "ph-filament-nozzle",
+            "aria-label": nozzle.label,
+            children: [
+              /* @__PURE__ */ jsxs3("header", { children: [
+                /* @__PURE__ */ jsx4("h3", { children: nozzle.label }),
+                nozzle.hotend?.diameterMm !== null && nozzle.hotend?.diameterMm !== void 0 && /* @__PURE__ */ jsxs3("span", { className: "ph-filament-muted", children: [
+                  nozzle.hotend.diameterMm,
+                  " mm",
+                  nozzle.hotend.mount === "vortek" ? " \xB7 Vortek" : ""
+                ] })
+              ] }),
+              nozzle.sources.map((unit) => /* @__PURE__ */ jsx4(
+                SourceUnit,
+                {
+                  source: unit,
+                  context: layout.nozzles.length > 1 ? `${nozzle.label} \xB7 ${unit.label}` : unit.label
+                },
+                unit.id
+              ))
+            ]
+          },
+          nozzle.id
+        )) }),
+        layout.unboundSources.length > 0 && /* @__PURE__ */ jsxs3("section", { className: "ph-filament-unbound", children: [
+          /* @__PURE__ */ jsx4("h3", { children: "Not assigned to a nozzle" }),
+          layout.unboundSources.map((unit) => /* @__PURE__ */ jsx4(SourceUnit, { source: unit, context: unit.label }, unit.id))
+        ] }),
+        layout.unmappedAssignments.length > 0 && /* @__PURE__ */ jsxs3("section", { className: "ph-filament-unbound", children: [
+          /* @__PURE__ */ jsx4("h3", { children: "Saved assignments" }),
+          /* @__PURE__ */ jsx4("div", { className: "ph-filament-slots", "data-layout": "row4", children: layout.unmappedAssignments.map((slot) => /* @__PURE__ */ jsx4(
+            SlotCard,
+            {
+              slot,
+              context: "Saved assignments"
+            },
+            slot.id
+          )) })
+        ] }),
+        sources.length === 0 && slots.length === 0 && /* @__PURE__ */ jsx4("p", { className: "ph-filament-muted", children: "No filament sources have been reported for this printer." }),
+        /* @__PURE__ */ jsx4(DialogBackdrop, { className: "ph-filament-backdrop" }),
+        /* @__PURE__ */ jsx4(
+          DialogContent,
+          {
+            className: "ph-filament-editor",
+            "aria-label": `Manage ${layout.printer.name} filaments`,
+            keepMounted: true,
+            children: (dialog) => {
+              const slot = slots.find(
+                (candidate) => candidate.id === dialog.payload
+              );
+              return dialog.open && slot ? /* @__PURE__ */ jsx4(
+                SlotEditor,
+                {
+                  printerId,
+                  slot,
+                  context: slotContext(layout, slot.id)
+                },
+                slot.id
+              ) : /* @__PURE__ */ jsxs3(Fragment2, { children: [
+                /* @__PURE__ */ jsx4(DialogTitle2, { children: !dialog.open || dialog.payload === void 0 ? `Manage ${layout.printer.name} filaments` : "Slot unavailable" }),
+                /* @__PURE__ */ jsx4(DialogDescription2, { children: "This slot is no longer part of the reported printer layout. Refresh the printer before making changes." }),
+                /* @__PURE__ */ jsx4(DialogClose2, { children: "Close" })
+              ] });
+            }
+          }
+        )
+      ]
+    }
+  ) });
+}
+
+// src/http-data-source.ts
+import {
+  isAssignFilamentsResult,
+  isClearFilamentAssignmentsResult,
+  isFilamentSearchPage,
+  isPrinterMaterialLayout,
+  isRefreshMaterialSlotRfidResult
+} from "@printhive/api/validation";
+import { z } from "zod";
+var failureSchema = z.object({ error: z.string(), message: z.string() });
+var layoutSchema = z.custom(isPrinterMaterialLayout);
+var catalogSchema = z.custom(isFilamentSearchPage);
+var assignmentSchema = z.custom(
+  isAssignFilamentsResult
+);
+var clearSchema = z.custom(
+  isClearFilamentAssignmentsResult
+);
+var rfidSchema = z.custom(
+  isRefreshMaterialSlotRfidResult
+);
+function invalidResponse(response) {
+  return new FilamentManagementError(
+    "The filament service returned an invalid response.",
+    {
+      code: "invalid_response",
+      status: response.status
+    }
+  );
+}
+function createFilamentManagementDataSource(options) {
+  const baseUrl = options.baseUrl.trim().replace(/\/+$/, "");
+  if (!options.baseUrl.trim()) throw new TypeError("baseUrl is required");
+  const fetcher = options.fetch ?? globalThis.fetch.bind(globalThis);
+  async function request(printerId, suffix, schema, signal, body) {
+    if (!printerId.trim()) throw new TypeError("printerId is required");
+    const response = await fetcher(
+      `${baseUrl}/printers/${encodeURIComponent(printerId)}/filaments${suffix}`,
+      {
+        method: body === void 0 ? "GET" : "POST",
+        credentials: "same-origin",
+        signal,
+        headers: body === void 0 ? void 0 : { "content-type": "application/json" },
+        body: body === void 0 ? void 0 : JSON.stringify(body)
+      }
+    );
+    const value = await response.json().catch(() => {
+      throw invalidResponse(response);
+    });
+    if (!response.ok) {
+      const failure = failureSchema.safeParse(value);
+      throw new FilamentManagementError(
+        failure.success ? failure.data.message : "The filament request could not be completed.",
+        {
+          code: failure.success ? failure.data.error : "request_failed",
+          status: response.status
+        }
+      );
+    }
+    const parsed = schema.safeParse(value);
+    if (!parsed.success) throw invalidResponse(response);
+    return parsed.data;
+  }
+  return {
+    read: async (id, options2) => requirePrinterLayout(
+      await request(id, "", layoutSchema, options2?.signal),
+      id
+    ),
+    async search(id, query, options2) {
+      const params = new URLSearchParams({ q: query });
+      const page = await request(
+        id,
+        `/catalog?${params}`,
+        catalogSchema,
+        options2?.signal
+      );
+      return page.filaments.map((filament) => ({
+        id: filament.id,
+        label: filament.name,
+        materialType: filament.material_type,
+        color: filament.color,
+        colors: filament.colors,
+        description: [filament.brand, filament.colorName].filter(Boolean).join(" \xB7 ")
+      }));
+    },
+    assign: (id, input, options2) => request(id, "/assign", assignmentSchema, options2?.signal, input),
+    clear: (id, input, options2) => request(id, "/clear", clearSchema, options2?.signal, input),
+    refreshRfid: (id, input, options2) => request(id, "/refresh-rfid", rfidSchema, options2?.signal, input)
+  };
+}
+export {
+  FilamentManagement,
+  FilamentManagementError,
+  PrintHiveProvider,
+  createFilamentManagementDataSource
+};
+//# sourceMappingURL=index.js.map