@printhive/react 0.0.0-stage → 0.1.0

package/dist/index.cjs

@@ -0,0 +1,918 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  FilamentManagement: () => FilamentManagement,
+  FilamentManagementError: () => FilamentManagementError,
+  PrintHiveProvider: () => PrintHiveProvider,
+  createFilamentManagementDataSource: () => createFilamentManagementDataSource
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/FilamentManagement.tsx
+var import_react4 = require("react");
+var import_react_query5 = require("@tanstack/react-query");
+var import_button3 = require("@ui-sdk/react/button");
+var import_dialog2 = require("@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
+var import_react = require("react");
+var import_react_query = require("@tanstack/react-query");
+var import_jsx_runtime = require("react/jsx-runtime");
+var DataSourceContext = (0, import_react.createContext)(null);
+function PrintHiveProvider({
+  dataSource,
+  children
+}) {
+  const [scope, setScope] = (0, import_react.useState)(() => ({
+    dataSource,
+    queryClient: createQueryClient()
+  }));
+  if (scope.dataSource !== dataSource) {
+    setScope({ dataSource, queryClient: createQueryClient() });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DataSourceContext, { value: scope, children });
+}
+function createQueryClient() {
+  return new import_react_query.QueryClient({
+    defaultOptions: {
+      queries: { retry: false, refetchOnWindowFocus: false, gcTime: 0 },
+      mutations: { retry: false }
+    }
+  });
+}
+function useFilamentRuntime() {
+  const source = (0, import_react.useContext)(DataSourceContext);
+  if (source === null) {
+    throw new Error("FilamentManagement must be inside a PrintHiveProvider.");
+  }
+  return source;
+}
+
+// src/errors.ts
+var FilamentManagementError = class extends Error {
+  code;
+  status;
+  constructor(message, options) {
+    super(message);
+    this.name = "FilamentManagementError";
+    this.code = options.code;
+    this.status = options.status;
+  }
+};
+
+// src/layout-identity.ts
+function requirePrinterLayout(layout, printerId) {
+  if (layout.printer.id.toLowerCase() !== printerId.toLowerCase()) {
+    throw new FilamentManagementError(
+      "The filament service returned a different printer. Refresh before making changes.",
+      { code: "invalid_response", status: 502 }
+    );
+  }
+  return layout;
+}
+
+// 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
+var import_react3 = require("react");
+var import_react_query4 = require("@tanstack/react-query");
+var import_button2 = require("@ui-sdk/react/button");
+var import_dialog = require("@ui-sdk/react/dialog");
+
+// src/CatalogPicker.tsx
+var import_react2 = require("react");
+var import_react_query2 = require("@tanstack/react-query");
+var import_button = require("@ui-sdk/react/button");
+var import_combobox = require("@ui-sdk/react/combobox");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function CatalogPicker({
+  printerId,
+  selected,
+  onSelect,
+  disabled
+}) {
+  const { dataSource, queryClient } = useFilamentRuntime();
+  const [query, setQuery] = (0, import_react2.useState)("");
+  const search = (0, import_react_query2.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__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "ph-filament-catalog", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+      import_combobox.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__ */ (0, import_jsx_runtime2.jsx)(import_combobox.ComboboxLabel, { children: "Assign filament" }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "ph-filament-combobox-control", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              import_combobox.ComboboxInput,
+              {
+                placeholder: "Search your filament catalog",
+                autoComplete: "off"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_combobox.ComboboxTrigger, { "aria-label": "Show filament catalog", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 16 16", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              "path",
+              {
+                d: "m4 6 4 4 4-4",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "1.5"
+              }
+            ) }) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_combobox.ComboboxContent, { className: "ph-filament-catalog-popup", sideOffset: 4, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_combobox.ComboboxEmpty, { children: state.kind === "loading" ? "Searching catalog\u2026" : "No matching filaments" }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_combobox.ComboboxList, { "aria-busy": state.kind === "loading", children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+              import_combobox.ComboboxItem,
+              {
+                value: option.id,
+                label: option.label,
+                "aria-label": option.label,
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                    "span",
+                    {
+                      className: "ph-filament-swatch ph-filament-swatch-small",
+                      style: fillStyle(
+                        option.colors.length ? option.colors : option.color ? [option.color] : []
+                      ),
+                      "aria-hidden": "true"
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "ph-filament-option-label", children: option.label }),
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "ph-filament-muted", children: [
+                      option.materialType,
+                      option.description ? ` \xB7 ${option.description}` : ""
+                    ] })
+                  ] })
+                ]
+              },
+              option.id
+            )) })
+          ] })
+        ]
+      }
+    ),
+    state.kind === "failed" && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "ph-filament-inline-error", role: "alert", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { children: "The filament catalog could not be loaded." }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_button.Button, { onClick: () => search.refetch(), children: "Retry catalog search" })
+    ] })
+  ] });
+}
+
+// src/mutations.ts
+var import_react_query3 = require("@tanstack/react-query");
+function useFilamentOperation(printerId) {
+  const { dataSource, queryClient } = useFilamentRuntime();
+  return (0, import_react_query3.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
+var import_jsx_runtime3 = require("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__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "ph-filament-comparison", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h3", { children: "Saved assignment" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "ph-filament-material", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "span",
+          {
+            className: "ph-filament-swatch",
+            style: fillStyle(assignment?.color ? [assignment.color] : []),
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { children: assignment ? slot.displayName ?? assignment.materialType ?? "Assigned filament" : "No assignment" }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { children: assignment?.color ?? "No saved color" })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("section", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h3", { children: "Printer reports" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "ph-filament-material", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "span",
+          {
+            className: "ph-filament-swatch",
+            style: fillStyle(reported?.color ? [reported.color] : []),
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { children: reported?.materialType ?? "No current report" }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { children: reported?.color ?? unavailable })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function ActionReason({
+  capability
+}) {
+  return capability.kind === "unavailable" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("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__ */ (0, import_jsx_runtime3.jsx)("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__ */ (0, import_jsx_runtime3.jsx)("p", { className: "ph-filament-notice", "data-tone": "error", role: "alert", children: message });
+  }
+  if (!operation.data) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "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 = (0, import_react_query4.useIsMutating)({ mutationKey: operationQueryKey(printerId) }, queryClient) > 0;
+  const [selected, setSelected] = (0, import_react3.useState)(null);
+  const [clearTarget, setClearTarget] = (0, import_react3.useState)(
+    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__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "ph-filament-editor-heading", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_dialog.DialogTitle, { children: [
+          context,
+          " \xB7 ",
+          slot.label
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dialog.DialogDescription, { children: "Manage the saved assignment and compare it with the printer report." })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dialog.DialogClose, { className: "ph-filament-close", disabled: busy, children: "Close" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SlotComparison, { slot }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      CatalogPicker,
+      {
+        printerId,
+        selected,
+        onSelect: setSelected,
+        disabled: busy || assignAvailability.kind !== "available"
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ActionReason, { capability: assignAvailability }),
+    slot.capabilities.writePrinterMetadata.kind === "unavailable" && assignAvailability.kind === "available" && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("p", { className: "ph-filament-muted", children: [
+      slot.capabilities.writePrinterMetadata.message,
+      " Saving an assignment still records it in PrintHive."
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(OperationFeedback, { operation }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "ph-filament-editor-primary", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      import_button2.Button,
+      {
+        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__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "ph-filament-editor-secondary", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          import_button2.Button,
+          {
+            disabled: busy || rfidAvailability.kind !== "available",
+            onClick: () => run({ kind: "rfid", input: { slotId: slot.id } }),
+            pendingAnnouncement: "Requesting RFID reread",
+            children: "Read RFID"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ActionReason, { capability: rfidAvailability })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          import_button2.Button,
+          {
+            disabled: busy || clearVersion === null || clearAvailability.kind !== "available",
+            onClick: requestClear,
+            children: "Clear assignment"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ActionReason, { capability: clearAvailability }),
+        slot.assignment && clearVersion === null && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "ph-filament-muted", children: "Refresh this printer before clearing its assignment; the saved version is unavailable." })
+      ] })
+    ] }),
+    clearTarget && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+      "section",
+      {
+        className: "ph-filament-clear-confirmation",
+        "aria-label": "Confirm clearing assignment",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("p", { children: [
+            "Clear the saved assignment for ",
+            slot.label,
+            "? This does not unload filament or change printer metadata."
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "ph-filament-actions", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+              import_button2.Button,
+              {
+                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__ */ (0, import_jsx_runtime3.jsx)(import_button2.Button, { disabled: busy, onClick: () => setClearTarget(null), children: "Keep assignment" })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+
+// src/FilamentManagement.tsx
+var import_jsx_runtime4 = require("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__ */ (0, import_jsx_runtime4.jsxs)(
+    import_dialog2.DialogTrigger,
+    {
+      render: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_button3.Button, {}),
+      payload: slot.id,
+      className: "ph-filament-slot",
+      "aria-label": `Manage ${context} \xB7 ${slot.label}`,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "ph-filament-slot-top", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "ph-filament-slot-label", children: slot.label }),
+          slot.feeding && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "ph-filament-feeding", children: "Feeding" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          "span",
+          {
+            className: "ph-filament-swatch",
+            style: fillStyle(slot.fill?.colors ?? [], slot.fill?.kind),
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: slot.displayName ?? slot.materialType ?? (slot.assignment ? "Assigned filament" : "No assignment") }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "ph-filament-slot-status", "data-state": slot.presentation, children: slotStatus(slot) }),
+        slot.remainingPct !== null && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "ph-filament-muted", children: [
+          Math.round(slot.remainingPct),
+          "% remaining"
+        ] })
+      ]
+    }
+  );
+}
+function SourceUnit({
+  source,
+  context
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { className: "ph-filament-source", "aria-label": source.label, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("header", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h3", { children: source.label }),
+      source.humidityPct !== null && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "ph-filament-muted", children: [
+        source.humidityPct,
+        "% humidity"
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "ph-filament-slots", "data-layout": source.layout, children: source.slots.map((slot) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SlotCard, { slot, context }, slot.id)) })
+  ] });
+}
+function HotendRack({ rack }) {
+  if (rack.kind === "no-rack-reported") return null;
+  if (rack.kind === "invalid-report")
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "ph-filament-muted", children: "Hotend rack information is unavailable." });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { className: "ph-filament-rack", "aria-label": "Hotend rack", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h3", { children: "Hotend rack" }),
+    rack.kind === "reported" && rack.tools === null && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "ph-filament-muted", children: "Hotend details unavailable." }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "ph-filament-rack-tools", children: rack.kind === "legacy" ? rack.slots.map((slot) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { children: [
+      "Holder ",
+      slot.id + 1,
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: slot.occupied ? slot.diameterMm !== null ? `${slot.diameterMm} mm` : "Hotend" : "Empty" }),
+      slot.active && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("small", { children: "Active" })
+    ] }, slot.id)) : (rack.tools ?? []).map((tool) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { children: [
+      tool.location === "toolhead" ? "Toolhead" : tool.holderAddress !== null ? `Holder ${tool.holderAddress + 1}` : "Rack",
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: tool.diameterMm !== null ? `${tool.diameterMm} mm` : tool.kind }),
+      tool.serialNumber && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("small", { children: tool.serialNumber })
+    ] }, tool.id)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("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] = (0, import_react4.useState)({ dataSource, revision: 0 });
+  if (scope.dataSource !== dataSource) {
+    setScope({ dataSource, revision: scope.revision + 1 });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_query5.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    PrinterFilamentManagement,
+    {
+      printerId,
+      className,
+      source: dataSource
+    },
+    `${printerId}:${scope.revision}`
+  ) });
+}
+function PrinterFilamentManagement({
+  printerId,
+  className,
+  source
+}) {
+  const { queryClient } = useFilamentRuntime();
+  const query = (0, import_react_query5.useQuery)(
+    {
+      queryKey: layoutQueryKey(printerId),
+      queryFn: async ({ signal }) => requirePrinterLayout(
+        await source.read(printerId, { signal }),
+        printerId
+      )
+    },
+    queryClient
+  );
+  const busy = (0, import_react_query5.useIsMutating)({ 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__ */ (0, import_jsx_runtime4.jsx)(
+      "section",
+      {
+        className: rootClass,
+        "aria-label": "Filament management",
+        "aria-busy": "true",
+        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { role: "status", children: "Loading printer filaments\u2026" })
+      }
+    );
+  if (state.kind === "failed")
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { className: rootClass, "aria-label": "Filament management", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h2", { children: "Filaments unavailable" }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { role: "alert", children: "The printer filaments could not be loaded. Check your connection and access to this printer." }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_button3.Button, { 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__ */ (0, import_jsx_runtime4.jsx)(import_dialog2.Dialog, { dismissible: !busy, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    "section",
+    {
+      className: rootClass,
+      "aria-label": `Filaments for ${layout.printer.name}`,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("header", { className: "ph-filament-header", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "ph-filament-eyebrow", children: "Printer filaments" }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h2", { children: layout.printer.name }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("p", { className: "ph-filament-muted", children: [
+              layout.printer.make,
+              " ",
+              layout.printer.model
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "ph-filament-header-actions", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "ph-filament-connection", children: layout.printer.connected === true ? "Online" : layout.printer.connected === false ? "Offline" : "Connection unknown" }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+              import_button3.Button,
+              {
+                disabled: state.refresh.kind === "pending" || busy,
+                onClick: refresh,
+                children: "Refresh"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "ph-filament-freshness", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: layout.freshness.status === "fresh" ? "Current printer report" : layout.freshness.status === "stale" ? "Last known printer report" : "Live printer report unavailable" }),
+          observedAt && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("time", { dateTime: observedAt, children: new Date(observedAt).toLocaleString() })
+        ] }),
+        state.refresh.kind === "pending" && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "ph-filament-muted", role: "status", children: "Refreshing printer filaments\u2026" }),
+        state.refresh.kind === "failed" && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("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__ */ (0, import_jsx_runtime4.jsx)("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__ */ (0, import_jsx_runtime4.jsx)(HotendRack, { rack: layout.hotendRack }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "ph-filament-nozzles", children: layout.nozzles.map((nozzle) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+          "section",
+          {
+            className: "ph-filament-nozzle",
+            "aria-label": nozzle.label,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("header", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h3", { children: nozzle.label }),
+                nozzle.hotend?.diameterMm !== null && nozzle.hotend?.diameterMm !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "ph-filament-muted", children: [
+                  nozzle.hotend.diameterMm,
+                  " mm",
+                  nozzle.hotend.mount === "vortek" ? " \xB7 Vortek" : ""
+                ] })
+              ] }),
+              nozzle.sources.map((unit) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                SourceUnit,
+                {
+                  source: unit,
+                  context: layout.nozzles.length > 1 ? `${nozzle.label} \xB7 ${unit.label}` : unit.label
+                },
+                unit.id
+              ))
+            ]
+          },
+          nozzle.id
+        )) }),
+        layout.unboundSources.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { className: "ph-filament-unbound", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h3", { children: "Not assigned to a nozzle" }),
+          layout.unboundSources.map((unit) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SourceUnit, { source: unit, context: unit.label }, unit.id))
+        ] }),
+        layout.unmappedAssignments.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { className: "ph-filament-unbound", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h3", { children: "Saved assignments" }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "ph-filament-slots", "data-layout": "row4", children: layout.unmappedAssignments.map((slot) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            SlotCard,
+            {
+              slot,
+              context: "Saved assignments"
+            },
+            slot.id
+          )) })
+        ] }),
+        sources.length === 0 && slots.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "ph-filament-muted", children: "No filament sources have been reported for this printer." }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_dialog2.DialogBackdrop, { className: "ph-filament-backdrop" }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          import_dialog2.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__ */ (0, import_jsx_runtime4.jsx)(
+                SlotEditor,
+                {
+                  printerId,
+                  slot,
+                  context: slotContext(layout, slot.id)
+                },
+                slot.id
+              ) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_dialog2.DialogTitle, { children: !dialog.open || dialog.payload === void 0 ? `Manage ${layout.printer.name} filaments` : "Slot unavailable" }),
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_dialog2.DialogDescription, { children: "This slot is no longer part of the reported printer layout. Refresh the printer before making changes." }),
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_dialog2.DialogClose, { children: "Close" })
+              ] });
+            }
+          }
+        )
+      ]
+    }
+  ) });
+}
+
+// src/http-data-source.ts
+var import_validation = require("@printhive/api/validation");
+var import_zod = require("zod");
+var failureSchema = import_zod.z.object({ error: import_zod.z.string(), message: import_zod.z.string() });
+var layoutSchema = import_zod.z.custom(import_validation.isPrinterMaterialLayout);
+var catalogSchema = import_zod.z.custom(import_validation.isFilamentSearchPage);
+var assignmentSchema = import_zod.z.custom(
+  import_validation.isAssignFilamentsResult
+);
+var clearSchema = import_zod.z.custom(
+  import_validation.isClearFilamentAssignmentsResult
+);
+var rfidSchema = import_zod.z.custom(
+  import_validation.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)
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FilamentManagement,
+  FilamentManagementError,
+  PrintHiveProvider,
+  createFilamentManagementDataSource
+});
+//# sourceMappingURL=index.cjs.map