@solidxai/core-ui 0.1.9-beta.18 → 0.1.9-beta.19

package/dist/components/core/module/ModulePackageDialog.js

@@ -0,0 +1,625 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useDropzone } from "react-dropzone";
+import { FileArchive, FolderTree, RefreshCw, Sparkles, UploadCloud, X } from "lucide-react";
+import { useConfirmModulePackageImportMutation, useDismissModulePackageImportMutation, useLazyGetModulePackageImportStatusQuery, useRunModulePackageBuildMutation, useRunModulePackageSeedMutation, useValidateModulePackageImportMutation, } from "../../../redux/api/moduleApi";
+import { showToast } from "../../../redux/features/toastSlice";
+import { useDispatch } from "react-redux";
+import { SolidButton, SolidCheckbox, SolidDialog, SolidDialogBody, SolidDialogDescription, SolidDialogHeader, SolidDialogSeparator, SolidDialogTitle, SolidIcon, SolidSpinner, } from "../../shad-cn-ui";
+import "./ModulePackageDialog.css";
+var STEP_ORDER = ["preview", "import", "build", "seed"];
+function createInitialSteps() {
+    return {
+        preview: {
+            title: "Preview",
+            description: "Upload a `.sldx` archive to validate it and preview its contents automatically.",
+            status: "pending",
+        },
+        import: {
+            title: "Import",
+            description: "Import the files locally. This may restart the UI and API, dismiss the popup, and require a page refresh before you continue.",
+            status: "pending",
+        },
+        build: {
+            title: "Build",
+            description: "After the services restart and you refresh this module list page, continue with the build step.",
+            status: "pending",
+        },
+        seed: {
+            title: "Seed",
+            description: "Seed the imported module after the build step completes.",
+            status: "pending",
+        },
+    };
+}
+function getErrorMessage(error) {
+    var responseData = error === null || error === void 0 ? void 0 : error.data;
+    if (typeof (responseData === null || responseData === void 0 ? void 0 : responseData.message) === "string")
+        return responseData.message;
+    if (Array.isArray(responseData === null || responseData === void 0 ? void 0 : responseData.message))
+        return responseData.message.join(", ");
+    if (typeof (responseData === null || responseData === void 0 ? void 0 : responseData.error) === "string")
+        return responseData.error;
+    if (typeof (error === null || error === void 0 ? void 0 : error.error) === "string")
+        return error.error;
+    if (typeof (error === null || error === void 0 ? void 0 : error.message) === "string")
+        return error.message;
+    return "Something went wrong while processing the module package.";
+}
+function formatBytes(bytes) {
+    if (!bytes)
+        return "0 B";
+    var units = ["B", "KB", "MB", "GB"];
+    var exponent = Math.min(Math.floor(Math.log(bytes) / Math.log(1024)), units.length - 1);
+    var value = bytes / Math.pow(1024, exponent);
+    return "".concat(value.toFixed(exponent === 0 ? 0 : 2), " ").concat(units[exponent]);
+}
+function isResumableModulePackageStatus(status) {
+    return [
+        "import_running",
+        "awaiting_restart",
+        "build_running",
+        "build_failed",
+        "build_succeeded",
+        "seed_running",
+        "seed_failed",
+    ].includes(String(status !== null && status !== void 0 ? status : ""));
+}
+function getBuildStepStatusFromTransaction(transaction) {
+    var _a;
+    if ((transaction === null || transaction === void 0 ? void 0 : transaction.status) === "build_running")
+        return "warning";
+    if ((_a = transaction === null || transaction === void 0 ? void 0 : transaction.outputs) === null || _a === void 0 ? void 0 : _a.build) {
+        return String(transaction.outputs.build).includes("[failed]") ? "warning" : "success";
+    }
+    return "pending";
+}
+function hydrateStepsFromTransaction(transaction) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+    var nextSteps = createInitialSteps();
+    var status = String((_a = transaction === null || transaction === void 0 ? void 0 : transaction.status) !== null && _a !== void 0 ? _a : "");
+    if ((transaction === null || transaction === void 0 ? void 0 : transaction.preview) || (transaction === null || transaction === void 0 ? void 0 : transaction.validation)) {
+        nextSteps.preview = __assign(__assign({}, nextSteps.preview), { status: ((_b = transaction === null || transaction === void 0 ? void 0 : transaction.validation) === null || _b === void 0 ? void 0 : _b.valid) ? "success" : "warning", description: ((_c = transaction === null || transaction === void 0 ? void 0 : transaction.validation) === null || _c === void 0 ? void 0 : _c.valid)
+                ? "Archive validated and ready for import."
+                : "Archive preview loaded, but the package has validation issues to fix first." });
+    }
+    if (((_d = transaction === null || transaction === void 0 ? void 0 : transaction.outputs) === null || _d === void 0 ? void 0 : _d.import) ||
+        ["awaiting_restart", "build_running", "build_failed", "build_succeeded", "seed_running", "seed_failed", "completed"].includes(status)) {
+        nextSteps.import = __assign(__assign({}, nextSteps.import), { status: "success", description: "Archive extracted. Wait for the UI and API to finish restarting, then refresh this page to continue.", output: (_f = (_e = transaction === null || transaction === void 0 ? void 0 : transaction.outputs) === null || _e === void 0 ? void 0 : _e.import) !== null && _f !== void 0 ? _f : undefined });
+    }
+    var buildStatus = getBuildStepStatusFromTransaction(transaction);
+    if (buildStatus !== "pending") {
+        nextSteps.build = __assign(__assign({}, nextSteps.build), { status: buildStatus, description: status === "build_running"
+                ? "Build was previously started. Use Build Now to run it again once you are ready."
+                : buildStatus === "warning"
+                    ? (transaction === null || transaction === void 0 ? void 0 : transaction.errorMessage) || "The build step completed with warnings."
+                    : "Both build targets completed successfully.", output: (_h = (_g = transaction === null || transaction === void 0 ? void 0 : transaction.outputs) === null || _g === void 0 ? void 0 : _g.build) !== null && _h !== void 0 ? _h : undefined });
+    }
+    else if (status === "awaiting_restart") {
+        nextSteps.build = __assign(__assign({}, nextSteps.build), { status: "pending", description: "Import completed. Once the UI and API are back, refresh this module list page and continue with Build Now." });
+    }
+    if (status === "seed_running") {
+        nextSteps.seed = __assign(__assign({}, nextSteps.seed), { status: "warning", description: "Seed was previously started. Use Seed to run it again once you are ready.", output: (_k = (_j = transaction === null || transaction === void 0 ? void 0 : transaction.outputs) === null || _j === void 0 ? void 0 : _j.seed) !== null && _k !== void 0 ? _k : undefined });
+    }
+    else if (status === "seed_failed") {
+        nextSteps.seed = __assign(__assign({}, nextSteps.seed), { status: "warning", description: (transaction === null || transaction === void 0 ? void 0 : transaction.errorMessage) || "The seed step finished with warnings.", output: (_m = (_l = transaction === null || transaction === void 0 ? void 0 : transaction.outputs) === null || _l === void 0 ? void 0 : _l.seed) !== null && _m !== void 0 ? _m : undefined });
+    }
+    else if (status === "completed") {
+        nextSteps.seed = __assign(__assign({}, nextSteps.seed), { status: "success", description: "Module metadata seeding completed successfully.", output: (_p = (_o = transaction === null || transaction === void 0 ? void 0 : transaction.outputs) === null || _o === void 0 ? void 0 : _o.seed) !== null && _p !== void 0 ? _p : undefined });
+    }
+    return nextSteps;
+}
+function getSuggestedStepFromSteps(steps, hasPreview, isArchiveValid) {
+    if (!hasPreview || !isArchiveValid)
+        return "preview";
+    if (steps.import.status !== "success")
+        return "import";
+    if (steps.build.status !== "success" && steps.build.status !== "warning")
+        return "build";
+    if (steps.seed.status !== "success" && steps.seed.status !== "warning")
+        return "seed";
+    return "seed";
+}
+function StepStatusIcon(_a) {
+    var status = _a.status;
+    if (status === "running") {
+        return _jsx(SolidSpinner, { size: 16 });
+    }
+    if (status === "success") {
+        return _jsx(SolidIcon, { name: "si-check-circle" });
+    }
+    if (status === "warning" || status === "error") {
+        return _jsx(SolidIcon, { name: "si-exclamation-triangle" });
+    }
+    return _jsx("span", { className: "solid-module-package-step-dot", "aria-hidden": "true" });
+}
+export function ModulePackageDialog(_a) {
+    var open = _a.open, onOpenChange = _a.onOpenChange, onImported = _a.onImported;
+    return (_jsx(SolidDialog, { open: open, onOpenChange: function (next) {
+            if (!next) {
+                onOpenChange(false);
+            }
+        }, className: "solid-module-package-dialog", dismissible: false, showHeader: false, children: open ? _jsx(ModulePackageImportContent, { onClose: function () { return onOpenChange(false); }, onImported: onImported }) : null }));
+}
+export function ModulePackageImportContent(_a) {
+    var _this = this;
+    var _b, _c, _d, _e;
+    var onClose = _a.onClose, onImported = _a.onImported, _f = _a.initialTransactionKey, initialTransactionKey = _f === void 0 ? null : _f, _g = _a.autoResume, autoResume = _g === void 0 ? false : _g;
+    var dispatch = useDispatch();
+    var _h = useState(null), selectedFile = _h[0], setSelectedFile = _h[1];
+    var _j = useState(null), previewResponse = _j[0], setPreviewResponse = _j[1];
+    var _k = useState(null), transactionKey = _k[0], setTransactionKey = _k[1];
+    var _l = useState(false), overwriteExisting = _l[0], setOverwriteExisting = _l[1];
+    var _m = useState(function () { return createInitialSteps(); }), steps = _m[0], setSteps = _m[1];
+    var _o = useState("preview"), selectedStep = _o[0], setSelectedStep = _o[1];
+    var _p = useState(null), finalSummary = _p[0], setFinalSummary = _p[1];
+    var _q = useState(false), isPreviewing = _q[0], setIsPreviewing = _q[1];
+    var _r = useState(false), isProcessing = _r[0], setIsProcessing = _r[1];
+    var validateModulePackageImport = useValidateModulePackageImportMutation()[0];
+    var confirmModulePackageImport = useConfirmModulePackageImportMutation()[0];
+    var dismissModulePackageImport = useDismissModulePackageImportMutation()[0];
+    var fetchModulePackageImportStatus = useLazyGetModulePackageImportStatusQuery()[0];
+    var runModulePackageBuild = useRunModulePackageBuildMutation()[0];
+    var runModulePackageSeed = useRunModulePackageSeedMutation()[0];
+    var hasResumedTransactionRef = useRef(false);
+    var lastAutoPreviewFileRef = useRef(null);
+    var updateStep = useCallback(function (key, nextState) {
+        setSteps(function (current) {
+            var _a;
+            return (__assign(__assign({}, current), (_a = {}, _a[key] = __assign(__assign({}, current[key]), nextState), _a)));
+        });
+    }, []);
+    var _s = useDropzone({
+        accept: {
+            "application/octet-stream": [".sldx"],
+            "application/x-zip-compressed": [".sldx"],
+            "application/zip": [".sldx"],
+        },
+        multiple: false,
+        noClick: true,
+        noKeyboard: true,
+        onDrop: function (acceptedFiles) {
+            if (acceptedFiles[0]) {
+                setSelectedFile(acceptedFiles[0]);
+            }
+        },
+    }), getRootProps = _s.getRootProps, getInputProps = _s.getInputProps, openFilePicker = _s.open, isDragActive = _s.isDragActive;
+    var isArchiveValid = Boolean((_b = previewResponse === null || previewResponse === void 0 ? void 0 : previewResponse.validation) === null || _b === void 0 ? void 0 : _b.valid);
+    var hasConflicts = ((_d = (_c = previewResponse === null || previewResponse === void 0 ? void 0 : previewResponse.conflicts) === null || _c === void 0 ? void 0 : _c.length) !== null && _d !== void 0 ? _d : 0) > 0;
+    var suggestedStep = getSuggestedStepFromSteps(steps, Boolean(previewResponse), isArchiveValid);
+    var canImport = steps.preview.status !== "pending" && isArchiveValid && steps.import.status !== "success" && !isProcessing && !isPreviewing;
+    var canRunBuild = steps.import.status === "success" && !isProcessing;
+    var canRunSeed = (steps.build.status === "success" || steps.build.status === "warning") && !isProcessing;
+    var canContinueFromPreview = Boolean(previewResponse) && isArchiveValid && !isPreviewing;
+    var activeStep = useMemo(function () {
+        if (selectedStep === "seed" && !(steps.build.status === "success" || steps.build.status === "warning" || steps.seed.status !== "pending")) {
+            return suggestedStep;
+        }
+        if (selectedStep === "build" && !(steps.import.status === "success" || steps.build.status !== "pending")) {
+            return suggestedStep;
+        }
+        if (selectedStep === "import" && !(isArchiveValid || steps.import.status !== "pending")) {
+            return suggestedStep;
+        }
+        return selectedStep;
+    }, [
+        previewResponse,
+        selectedStep,
+        steps.build.status,
+        steps.import.status,
+        steps.seed.status,
+        suggestedStep,
+    ]);
+    var completedSteps = STEP_ORDER.filter(function (stepKey) { return steps[stepKey].status === "success"; }).length;
+    var maxUnlockedStepIndex = useMemo(function () {
+        if (!previewResponse || !isArchiveValid)
+            return 0;
+        if (steps.import.status !== "success")
+            return 1;
+        if (steps.build.status !== "success" && steps.build.status !== "warning")
+            return 2;
+        return 3;
+    }, [isArchiveValid, previewResponse, steps.build.status, steps.import.status]);
+    var handlePreviewArchive = useCallback(function () { return __awaiter(_this, void 0, void 0, function () {
+        var formData, response, error_1;
+        var _a, _b, _c, _d;
+        return __generator(this, function (_e) {
+            switch (_e.label) {
+                case 0:
+                    if (!selectedFile) {
+                        return [2 /*return*/];
+                    }
+                    formData = new FormData();
+                    formData.append("modulePackage", selectedFile);
+                    _e.label = 1;
+                case 1:
+                    _e.trys.push([1, 3, 4, 5]);
+                    setIsPreviewing(true);
+                    return [4 /*yield*/, validateModulePackageImport(formData).unwrap()];
+                case 2:
+                    response = _e.sent();
+                    setPreviewResponse(response);
+                    setTransactionKey((_a = response === null || response === void 0 ? void 0 : response.transactionKey) !== null && _a !== void 0 ? _a : null);
+                    setOverwriteExisting(false);
+                    setFinalSummary(null);
+                    setSteps(hydrateStepsFromTransaction(response));
+                    setSelectedStep("preview");
+                    dispatch(showToast({
+                        severity: ((_b = response === null || response === void 0 ? void 0 : response.validation) === null || _b === void 0 ? void 0 : _b.valid) ? "success" : "warn",
+                        summary: ((_c = response === null || response === void 0 ? void 0 : response.validation) === null || _c === void 0 ? void 0 : _c.valid) ? "Archive validated" : "Archive needs attention",
+                        detail: ((_d = response === null || response === void 0 ? void 0 : response.validation) === null || _d === void 0 ? void 0 : _d.valid)
+                            ? "Review the preview and continue with the import when you are ready."
+                            : "The uploaded archive is missing one or more required SolidX validation markers.",
+                    }));
+                    return [3 /*break*/, 5];
+                case 3:
+                    error_1 = _e.sent();
+                    dispatch(showToast({ severity: "error", summary: "Preview failed", detail: getErrorMessage(error_1) }));
+                    return [3 /*break*/, 5];
+                case 4:
+                    setIsPreviewing(false);
+                    return [7 /*endfinally*/];
+                case 5: return [2 /*return*/];
+            }
+        });
+    }); }, [dispatch, selectedFile, validateModulePackageImport]);
+    useEffect(function () {
+        if (!selectedFile) {
+            lastAutoPreviewFileRef.current = null;
+            return;
+        }
+        var fileSignature = "".concat(selectedFile.name, ":").concat(selectedFile.size, ":").concat(selectedFile.lastModified);
+        if (lastAutoPreviewFileRef.current === fileSignature) {
+            return;
+        }
+        lastAutoPreviewFileRef.current = fileSignature;
+        void handlePreviewArchive();
+    }, [handlePreviewArchive, selectedFile]);
+    var executeBuildStep = useCallback(function (activeTransactionKey) { return __awaiter(_this, void 0, void 0, function () {
+        var buildResponse, buildFailed;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    updateStep("build", {
+                        status: "running",
+                        description: "Running `solidctl build` followed by `solidctl build --ui-only`.",
+                    });
+                    return [4 /*yield*/, runModulePackageBuild({
+                            transactionKey: activeTransactionKey,
+                            buildSolidApi: true,
+                            buildSolidUi: true,
+                        }).unwrap()];
+                case 1:
+                    buildResponse = _b.sent();
+                    buildFailed = (buildResponse === null || buildResponse === void 0 ? void 0 : buildResponse.status) === "build_failed";
+                    updateStep("build", {
+                        status: buildFailed ? "warning" : "success",
+                        description: buildFailed
+                            ? (buildResponse === null || buildResponse === void 0 ? void 0 : buildResponse.errorMessage) || "The module was imported, but one or more build targets failed."
+                            : "Both build targets completed successfully.",
+                        output: (_a = buildResponse === null || buildResponse === void 0 ? void 0 : buildResponse.outputs) === null || _a === void 0 ? void 0 : _a.build,
+                    });
+                    return [2 /*return*/, buildResponse];
+            }
+        });
+    }); }, [runModulePackageBuild, updateStep]);
+    var executeSeedStep = useCallback(function (activeTransactionKey) { return __awaiter(_this, void 0, void 0, function () {
+        var seedResponse, seedFailed;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    updateStep("seed", {
+                        status: "running",
+                        description: "Running `solidctl seed --modules-to-seed` for the imported module.",
+                    });
+                    return [4 /*yield*/, runModulePackageSeed({
+                            transactionKey: activeTransactionKey,
+                            seedGlobalMetadata: false,
+                        }).unwrap()];
+                case 1:
+                    seedResponse = _b.sent();
+                    seedFailed = (seedResponse === null || seedResponse === void 0 ? void 0 : seedResponse.status) === "seed_failed";
+                    updateStep("seed", {
+                        status: seedFailed ? "warning" : "success",
+                        description: seedFailed
+                            ? (seedResponse === null || seedResponse === void 0 ? void 0 : seedResponse.errorMessage) || "The seed step finished with warnings."
+                            : "Module metadata seeding completed successfully.",
+                        output: (_a = seedResponse === null || seedResponse === void 0 ? void 0 : seedResponse.outputs) === null || _a === void 0 ? void 0 : _a.seed,
+                    });
+                    return [2 /*return*/, seedResponse];
+            }
+        });
+    }); }, [runModulePackageSeed, updateStep]);
+    var handleRunBuild = useCallback(function () { return __awaiter(_this, void 0, void 0, function () {
+        var buildResponse, error_2;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!transactionKey) {
+                        dispatch(showToast({ severity: "error", summary: "Missing transaction", detail: "Import the module before running the build step." }));
+                        return [2 /*return*/];
+                    }
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, , 4]);
+                    setIsProcessing(true);
+                    setFinalSummary(null);
+                    return [4 /*yield*/, executeBuildStep(transactionKey)];
+                case 2:
+                    buildResponse = _a.sent();
+                    setPreviewResponse(buildResponse);
+                    setSelectedStep("seed");
+                    setIsProcessing(false);
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_2 = _a.sent();
+                    updateStep("build", {
+                        status: "error",
+                        description: getErrorMessage(error_2),
+                    });
+                    setFinalSummary("The build step needs attention before you continue.");
+                    setIsProcessing(false);
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); }, [dispatch, executeBuildStep, transactionKey, updateStep]);
+    var handleRunSeed = useCallback(function () { return __awaiter(_this, void 0, void 0, function () {
+        var seedResponse, buildFailed, seedFailed, error_3;
+        var _a, _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    if (!transactionKey) {
+                        dispatch(showToast({ severity: "error", summary: "Missing transaction", detail: "Import the module before running the seed step." }));
+                        return [2 /*return*/];
+                    }
+                    _c.label = 1;
+                case 1:
+                    _c.trys.push([1, 3, , 4]);
+                    setIsProcessing(true);
+                    setFinalSummary(null);
+                    return [4 /*yield*/, executeSeedStep(transactionKey)];
+                case 2:
+                    seedResponse = _c.sent();
+                    setPreviewResponse(seedResponse);
+                    setSelectedStep("seed");
+                    setIsProcessing(false);
+                    buildFailed = steps.build.status === "warning" || String((_b = (_a = previewResponse === null || previewResponse === void 0 ? void 0 : previewResponse.outputs) === null || _a === void 0 ? void 0 : _a.build) !== null && _b !== void 0 ? _b : "").includes("[failed]");
+                    seedFailed = (seedResponse === null || seedResponse === void 0 ? void 0 : seedResponse.status) === "seed_failed";
+                    if (!seedFailed) {
+                        onImported === null || onImported === void 0 ? void 0 : onImported();
+                    }
+                    if (buildFailed && !seedFailed) {
+                        setFinalSummary("Module imported and seeded successfully, but the build step reported errors.");
+                        return [2 /*return*/];
+                    }
+                    if (seedFailed) {
+                        setFinalSummary("Module imported, but the seed step needs attention.");
+                        return [2 /*return*/];
+                    }
+                    setFinalSummary("Module import completed successfully.");
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_3 = _c.sent();
+                    updateStep("seed", {
+                        status: "error",
+                        description: getErrorMessage(error_3),
+                    });
+                    setFinalSummary("The seed step needs attention before the workflow can be closed.");
+                    setIsProcessing(false);
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); }, [dispatch, executeSeedStep, onImported, (_e = previewResponse === null || previewResponse === void 0 ? void 0 : previewResponse.outputs) === null || _e === void 0 ? void 0 : _e.build, steps.build.status, transactionKey, updateStep]);
+    useEffect(function () {
+        if (!initialTransactionKey || hasResumedTransactionRef.current) {
+            return;
+        }
+        hasResumedTransactionRef.current = true;
+        var loadTransaction = function () { return __awaiter(_this, void 0, void 0, function () {
+            var transaction, hydratedSteps, error_4;
+            var _a, _b;
+            return __generator(this, function (_c) {
+                switch (_c.label) {
+                    case 0:
+                        _c.trys.push([0, 2, , 3]);
+                        return [4 /*yield*/, fetchModulePackageImportStatus({ transactionKey: initialTransactionKey }).unwrap()];
+                    case 1:
+                        transaction = _c.sent();
+                        hydratedSteps = hydrateStepsFromTransaction(transaction);
+                        setPreviewResponse(transaction);
+                        setTransactionKey((_a = transaction === null || transaction === void 0 ? void 0 : transaction.transactionKey) !== null && _a !== void 0 ? _a : null);
+                        setSteps(hydratedSteps);
+                        setSelectedStep(getSuggestedStepFromSteps(hydratedSteps, Boolean((transaction === null || transaction === void 0 ? void 0 : transaction.preview) || (transaction === null || transaction === void 0 ? void 0 : transaction.validation)), Boolean((_b = transaction === null || transaction === void 0 ? void 0 : transaction.validation) === null || _b === void 0 ? void 0 : _b.valid)));
+                        if ((transaction === null || transaction === void 0 ? void 0 : transaction.status) === "completed") {
+                            setFinalSummary("Module import completed successfully.");
+                            return [2 /*return*/];
+                        }
+                        if ((transaction === null || transaction === void 0 ? void 0 : transaction.status) === "seed_failed") {
+                            setFinalSummary("Module imported, but the seed step needs attention.");
+                            return [2 /*return*/];
+                        }
+                        if (!autoResume || !isResumableModulePackageStatus(transaction === null || transaction === void 0 ? void 0 : transaction.status)) {
+                            return [2 /*return*/];
+                        }
+                        return [3 /*break*/, 3];
+                    case 2:
+                        error_4 = _c.sent();
+                        dispatch(showToast({ severity: "error", summary: "Unable to resume import", detail: getErrorMessage(error_4) }));
+                        return [3 /*break*/, 3];
+                    case 3: return [2 /*return*/];
+                }
+            });
+        }); };
+        void loadTransaction();
+    }, [autoResume, dispatch, fetchModulePackageImportStatus, initialTransactionKey]);
+    var handleStartImport = function () { return __awaiter(_this, void 0, void 0, function () {
+        var response, error_5;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    if (!transactionKey) {
+                        dispatch(showToast({ severity: "error", summary: "Missing preview", detail: "Upload an archive and wait for preview to finish first." }));
+                        return [2 /*return*/];
+                    }
+                    _b.label = 1;
+                case 1:
+                    _b.trys.push([1, 3, , 4]);
+                    setIsProcessing(true);
+                    setFinalSummary(null);
+                    updateStep("import", {
+                        status: "running",
+                        description: "Extracting the archive and placing files into `solid-api` and `solid-ui`.",
+                    });
+                    return [4 /*yield*/, confirmModulePackageImport({
+                            transactionKey: transactionKey,
+                            overwriteExisting: overwriteExisting,
+                        }).unwrap()];
+                case 2:
+                    response = _b.sent();
+                    updateStep("import", {
+                        status: "success",
+                        description: "Archive extracted. The local UI/API may restart now, so refresh this page once both services are back.",
+                        output: (_a = response === null || response === void 0 ? void 0 : response.outputs) === null || _a === void 0 ? void 0 : _a.import,
+                    });
+                    setPreviewResponse(response);
+                    setIsProcessing(false);
+                    dispatch(showToast({
+                        severity: "success",
+                        summary: "Module imported",
+                        detail: "The module files were placed locally. Wait for the UI and API to restart, then refresh this module list page to continue with build and seed.",
+                    }));
+                    onClose();
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_5 = _b.sent();
+                    updateStep("import", {
+                        status: "error",
+                        description: getErrorMessage(error_5),
+                    });
+                    setFinalSummary("The module import could not be completed.");
+                    setIsProcessing(false);
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); };
+    var handleClose = function () {
+        if (isProcessing)
+            return;
+        if (finalSummary && transactionKey) {
+            void dismissModulePackageImport({ transactionKey: transactionKey });
+        }
+        onClose();
+    };
+    var renderPreviewContent = function () {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
+        return (_jsxs("div", { className: "solid-module-package-preview", children: [!selectedFile ? (_jsxs("div", __assign({}, getRootProps({
+                    className: "solid-module-package-dropzone".concat(isDragActive ? " is-active" : ""),
+                }), { children: [_jsx("input", __assign({}, getInputProps())), _jsx("div", { className: "solid-module-package-dropzone__icon", children: _jsx(UploadCloud, { size: 22 }) }), _jsxs("div", { className: "solid-module-package-dropzone__copy", children: [_jsx("div", { className: "solid-module-package-dropzone__title", children: "Upload `.sldx` archive" }), _jsx("p", { children: "Choose a packaged SolidX module archive from the local file system. Preview starts automatically after upload." })] }), _jsx("div", { className: "solid-module-package-dropzone__actions", children: _jsx(SolidButton, { type: "button", size: "small", variant: "outline", onClick: function (event) {
+                                    event.stopPropagation();
+                                    openFilePicker();
+                                }, children: "Browse archive" }) })] }))) : (_jsxs("div", { className: "solid-module-package-file-card", children: [_jsxs("div", { className: "solid-module-package-file-card__main", children: [_jsx("div", { className: "solid-module-package-file-card__icon", children: _jsx(FileArchive, { size: 18 }) }), _jsxs("div", { children: [_jsx("div", { className: "solid-module-package-file-card__name", children: selectedFile.name }), _jsxs("div", { className: "solid-module-package-file-card__meta", children: [formatBytes(selectedFile.size), isPreviewing ? " • Previewing archive..." : ""] })] })] }), _jsx(SolidButton, { type: "button", size: "small", variant: "ghost", onClick: function () {
+                                setSelectedFile(null);
+                                setPreviewResponse(null);
+                                setTransactionKey(null);
+                                setOverwriteExisting(false);
+                                setFinalSummary(null);
+                                setSelectedStep("preview");
+                                setSteps(createInitialSteps());
+                            }, disabled: isProcessing, children: "Remove" })] })), !previewResponse ? (_jsxs("div", { className: "solid-module-package-empty", children: [isPreviewing ? _jsx(SolidSpinner, { size: 18 }) : _jsx(FolderTree, { size: 18 }), _jsx("p", { children: isPreviewing
+                                ? "Reading the archive and validating the SolidX markers."
+                                : "Upload an archive to start the automatic preview and validation flow." })] })) : (_jsxs(_Fragment, { children: [_jsxs("div", { className: "solid-module-package-metrics", children: [_jsxs("div", { className: "solid-module-package-metric", children: [_jsx("span", { className: "solid-module-package-metric__label", children: "Module" }), _jsx("span", { className: "solid-module-package-metric__value", children: ((_b = (_a = previewResponse === null || previewResponse === void 0 ? void 0 : previewResponse.preview) === null || _a === void 0 ? void 0 : _a.module) === null || _b === void 0 ? void 0 : _b.name) || "Unknown" })] }), _jsxs("div", { className: "solid-module-package-metric", children: [_jsx("span", { className: "solid-module-package-metric__label", children: "solid-api files" }), _jsx("span", { className: "solid-module-package-metric__value", children: (_e = (_d = (_c = previewResponse === null || previewResponse === void 0 ? void 0 : previewResponse.preview) === null || _c === void 0 ? void 0 : _c.contentsSummary) === null || _d === void 0 ? void 0 : _d.solidApiEntries) !== null && _e !== void 0 ? _e : 0 })] }), _jsxs("div", { className: "solid-module-package-metric", children: [_jsx("span", { className: "solid-module-package-metric__label", children: "solid-ui files" }), _jsx("span", { className: "solid-module-package-metric__value", children: (_h = (_g = (_f = previewResponse === null || previewResponse === void 0 ? void 0 : previewResponse.preview) === null || _f === void 0 ? void 0 : _f.contentsSummary) === null || _g === void 0 ? void 0 : _g.solidUiEntries) !== null && _h !== void 0 ? _h : 0 })] })] }), _jsxs("div", { className: "solid-module-package-checklist", children: [_jsxs("div", { className: "solid-module-package-checklist__section", children: [_jsx("div", { className: "solid-module-package-checklist__title", children: "Required markers" }), _jsxs("ul", { className: "solid-module-package-inline-list", children: [_jsx("li", { children: (_k = (_j = previewResponse === null || previewResponse === void 0 ? void 0 : previewResponse.preview) === null || _j === void 0 ? void 0 : _j.requiredPaths) === null || _k === void 0 ? void 0 : _k.metadataPath }), _jsx("li", { children: (_m = (_l = previewResponse === null || previewResponse === void 0 ? void 0 : previewResponse.preview) === null || _l === void 0 ? void 0 : _l.requiredPaths) === null || _m === void 0 ? void 0 : _m.apiModulePath }), _jsx("li", { children: (_p = (_o = previewResponse === null || previewResponse === void 0 ? void 0 : previewResponse.preview) === null || _o === void 0 ? void 0 : _o.requiredPaths) === null || _p === void 0 ? void 0 : _p.uiModulePath })] })] }), ((_s = (_r = (_q = previewResponse === null || previewResponse === void 0 ? void 0 : previewResponse.validation) === null || _q === void 0 ? void 0 : _q.warnings) === null || _r === void 0 ? void 0 : _r.length) !== null && _s !== void 0 ? _s : 0) > 0 ? (_jsxs("div", { className: "solid-module-package-notice is-warning", children: [_jsx("div", { className: "solid-module-package-notice__title", children: "Warnings" }), _jsx("ul", { className: "solid-module-package-inline-list", children: previewResponse.validation.warnings.map(function (warning) { return (_jsx("li", { children: warning }, warning)); }) })] })) : null, ((_v = (_u = (_t = previewResponse === null || previewResponse === void 0 ? void 0 : previewResponse.validation) === null || _t === void 0 ? void 0 : _t.errors) === null || _u === void 0 ? void 0 : _u.length) !== null && _v !== void 0 ? _v : 0) > 0 ? (_jsxs("div", { className: "solid-module-package-notice is-danger", children: [_jsx("div", { className: "solid-module-package-notice__title", children: "Validation issues" }), _jsx("ul", { className: "solid-module-package-inline-list", children: previewResponse.validation.errors.map(function (error) { return (_jsx("li", { children: error }, error)); }) })] })) : null, hasConflicts ? (_jsxs("div", { className: "solid-module-package-notice is-warning", children: [_jsx("div", { className: "solid-module-package-notice__title", children: "Existing files detected" }), _jsx("ul", { className: "solid-module-package-inline-list", children: previewResponse.conflicts.map(function (conflict) { return (_jsx("li", { children: conflict }, conflict)); }) }), _jsx(SolidCheckbox, { checked: overwriteExisting, onChange: function (event) { return setOverwriteExisting(event.currentTarget.checked); }, label: "Overwrite the existing module folders during import" })] })) : null] }), _jsx("div", { className: "solid-module-package-tree", children: ((_x = (_w = previewResponse === null || previewResponse === void 0 ? void 0 : previewResponse.preview) === null || _w === void 0 ? void 0 : _w.fileTree) !== null && _x !== void 0 ? _x : []).map(function (entry) { return (_jsx("div", { className: "solid-module-package-tree__row", children: entry }, entry)); }) })] }))] }));
+    };
+    var renderActiveStepCta = function () {
+        if (activeStep === "preview") {
+            return (_jsx(SolidButton, { type: "button", size: "small", onClick: function () { return setSelectedStep("import"); }, disabled: !canContinueFromPreview, rightIcon: _jsx(Sparkles, { size: 14 }), children: "Continue to import" }));
+        }
+        if (activeStep === "import") {
+            return (_jsx(SolidButton, { type: "button", size: "small", onClick: handleStartImport, disabled: !canImport, loading: isProcessing && steps.import.status === "running", leftIcon: _jsx(Sparkles, { size: 14 }), children: "Import Module" }));
+        }
+        if (activeStep === "build") {
+            return (_jsx(SolidButton, { type: "button", size: "small", variant: "outline", onClick: handleRunBuild, disabled: !canRunBuild, loading: isProcessing && steps.build.status === "running", children: steps.build.status === "success" || steps.build.status === "warning" ? "Build Again" : "Build Now" }));
+        }
+        if (activeStep === "seed") {
+            return (_jsx(SolidButton, { type: "button", size: "small", variant: "outline", onClick: handleRunSeed, disabled: !canRunSeed, loading: isProcessing && steps.seed.status === "running", children: steps.seed.status === "success" || steps.seed.status === "warning" ? "Seed Again" : "Seed" }));
+        }
+        return null;
+    };
+    var renderActiveStepContent = function () {
+        if (activeStep === "preview") {
+            return renderPreviewContent();
+        }
+        if (activeStep === "import") {
+            return (_jsxs("div", { className: "solid-module-package-step-stack", children: [_jsxs("div", { className: "solid-module-package-notice is-warning", children: [_jsx("div", { className: "solid-module-package-notice__title", children: "What happens after import" }), _jsxs("ul", { className: "solid-module-package-inline-list", children: [_jsx("li", { children: "Depending on the files in this archive, both the UI and API services may restart immediately." }), _jsx("li", { children: "This popup may get dismissed as part of that restart." }), _jsx("li", { children: "Wait for both services to come back, then refresh this module list page to continue with build and seed." })] })] }), steps.import.output ? _jsx("pre", { className: "solid-module-package-step__output", children: steps.import.output }) : null] }));
+        }
+        if (activeStep === "build" && steps.build.output) {
+            return _jsx("pre", { className: "solid-module-package-step__output", children: steps.build.output });
+        }
+        if (activeStep === "seed" && steps.seed.output) {
+            return _jsx("pre", { className: "solid-module-package-step__output", children: steps.seed.output });
+        }
+        return null;
+    };
+    return (_jsxs(_Fragment, { children: [_jsxs(SolidDialogHeader, { className: "solid-filter-dialog-head solid-module-package-dialog__header", children: [_jsxs("div", { children: [_jsx(SolidDialogTitle, { className: "solid-filter-dialog-title m-0", children: "Import Module Package" }), _jsx(SolidDialogDescription, { className: "solid-filter-dialog-subtitle m-0", children: "Upload a `.sldx` archive, let SolidX preview it automatically, then move through import, build, and seed." })] }), !isProcessing ? (_jsx("button", { type: "button", className: "solid-filter-dialog-close solid-radix-dialog-close", "aria-label": "Close", onClick: handleClose, children: _jsx(X, { size: 16 }) })) : null] }), _jsx(SolidDialogSeparator, { className: "solid-filter-dialog-sep" }), _jsx(SolidDialogBody, { className: "solid-filter-dialog-body solid-module-package-dialog__body", children: _jsx("section", { className: "solid-module-package-shell", children: _jsxs("div", { className: "solid-module-package-panel solid-module-package-panel--wizard", children: [_jsx("div", { className: "solid-module-package-stepper", children: STEP_ORDER.map(function (stepKey, index) {
+                                    var step = steps[stepKey];
+                                    var isCurrent = activeStep === stepKey;
+                                    var isDone = step.status === "success";
+                                    var isWarning = step.status === "warning" || step.status === "error";
+                                    var isUnlocked = index <= maxUnlockedStepIndex;
+                                    return (_jsxs("div", { className: "solid-module-package-stepper__item".concat(isCurrent ? " is-current" : "").concat(isDone ? " is-done" : "").concat(isWarning ? " is-warning" : "").concat(isUnlocked ? " is-clickable" : ""), children: [_jsx("div", { className: "solid-module-package-stepper__track" }), _jsxs("button", { type: "button", className: "solid-module-package-stepper__button", onClick: function () { return setSelectedStep(stepKey); }, disabled: !isUnlocked, children: [_jsx("div", { className: "solid-module-package-stepper__node", children: isDone ? _jsx(SolidIcon, { name: "si-check" }) : _jsx("span", { children: index + 1 }) }), _jsx("div", { className: "solid-module-package-stepper__label", children: step.title }), _jsx("div", { className: "solid-module-package-stepper__caption", children: step.description })] })] }, stepKey));
+                                }) }), _jsxs("div", { className: "solid-module-package-stage", children: [_jsxs("div", { className: "solid-module-package-stage__meta", children: [_jsxs("span", { children: ["Step ", STEP_ORDER.indexOf(activeStep) + 1, " of ", STEP_ORDER.length] }), _jsxs("span", { children: [completedSteps, " completed"] })] }), _jsxs("div", { className: "solid-module-package-stage__header", children: [_jsx("p", { children: steps[activeStep].description }), _jsx("div", { className: "solid-module-package-stage__status is-".concat(steps[activeStep].status), children: _jsx(StepStatusIcon, { status: steps[activeStep].status }) })] }), renderActiveStepContent(), _jsx("div", { className: "solid-module-package-stage__cta", children: renderActiveStepCta() })] }), finalSummary ? (_jsxs("div", { className: "solid-module-package-summary", children: [_jsx("span", { className: "solid-module-package-summary__copy", children: finalSummary }), _jsx(SolidButton, { type: "button", size: "small", variant: "outline", leftIcon: _jsx(RefreshCw, { size: 14 }), onClick: function () { return window.location.reload(); }, children: "Reload" })] })) : null] }) }) })] }));
+}
+//# sourceMappingURL=ModulePackageDialog.js.map