@solidxai/core-ui 0.1.9-beta.9 → 0.1.10

package/dist/components/core/dashboard/widgets/QueueSlaHeatmapWidget.tsx

@@ -0,0 +1,251 @@
+import { useEffect, useRef } from "react";
+import ReactECharts from "echarts-for-react";
+import type { DashboardWidgetComponentProps } from "../../../../types/dashboard";
+
+type HeatmapPointDetail = {
+  xIndex: number;
+  yIndex: number;
+  bucket?: string;
+  queueName?: string;
+  avgElapsedMillis?: number;
+  messageCount?: number;
+  peakElapsedMillis?: number;
+  [key: string]: any;
+};
+
+type HeatmapLegendThreshold = {
+  label?: string;
+  color?: string;
+  lte?: number;
+  gte?: number;
+  gt?: number;
+};
+
+const clamp = (value: number, min: number, max: number): number => Math.min(Math.max(value, min), max);
+
+const escapeHtml = (value: unknown): string =>
+  `${value ?? ""}`
+    .replaceAll("&", "&")
+    .replaceAll("<", "&lt;")
+    .replaceAll(">", "&gt;")
+    .replaceAll('"', "&quot;")
+    .replaceAll("'", "&#39;");
+
+const formatBucketLabel = (value: string): string => {
+  if (!value) return "";
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) return value;
+  return new Intl.DateTimeFormat("en-GB", {
+    day: "2-digit",
+    month: "short",
+    hour: "2-digit",
+    minute: "2-digit",
+  }).format(date);
+};
+
+const formatMetric = (value: number | undefined, unit = "ms"): string => {
+  if (value === undefined || value === null || Number.isNaN(Number(value))) {
+    return "--";
+  }
+  return `${new Intl.NumberFormat("en-GB", { maximumFractionDigits: 2 }).format(Number(value))}${unit}`;
+};
+
+export function QueueSlaHeatmapWidget({ runtime }: DashboardWidgetComponentProps) {
+  const chartRef = useRef<any>(null);
+  const containerRef = useRef<HTMLDivElement | null>(null);
+  const viewportWidth = typeof window === "undefined" ? 1280 : window.innerWidth;
+  const isMobileViewport = viewportWidth < 768;
+  const data = runtime?.data ?? runtime ?? {};
+  const xCategories: string[] = Array.isArray(data?.xCategories) ? data.xCategories : [];
+  const yCategories: string[] = Array.isArray(data?.yCategories) ? data.yCategories : [];
+  const points: [number, number, number][] = Array.isArray(data?.points) ? data.points : [];
+  const pointDetails: HeatmapPointDetail[] = Array.isArray(data?.pointDetails) ? data.pointDetails : [];
+  const tooltipFields: string[] = Array.isArray(data?.tooltipFields) ? data.tooltipFields : [];
+  const legendThresholds: HeatmapLegendThreshold[] = Array.isArray(data?.legendThresholds) ? data.legendThresholds : [];
+
+  if (xCategories.length === 0 || yCategories.length === 0 || points.length === 0) {
+    return (
+      <div style={{ height: "100%", minHeight: 260, display: "flex", alignItems: "center", justifyContent: "center", color: "#64748b", fontSize: "0.92rem" }}>
+        No SLA heatmap data available for the current filters.
+      </div>
+    );
+  }
+
+  const detailMap = new Map(
+    pointDetails.map((detail) => [`${detail.xIndex}:${detail.yIndex}`, detail] satisfies [string, HeatmapPointDetail])
+  );
+
+  const metricValues = points.map((entry) => Number(entry?.[2] ?? 0)).filter((entry) => Number.isFinite(entry));
+  const min = metricValues.length ? Math.min(...metricValues) : 0;
+  const max = metricValues.length ? Math.max(...metricValues) : 0;
+
+  const visualMap = legendThresholds.length > 0
+    ? {
+        type: "piecewise",
+        orient: "horizontal" as const,
+        left: "center" as const,
+        bottom: 0,
+        itemWidth: isMobileViewport ? 12 : 18,
+        itemHeight: isMobileViewport ? 10 : 14,
+        itemGap: isMobileViewport ? 8 : 12,
+        textStyle: {
+          fontSize: isMobileViewport ? 10 : 11,
+        },
+        pieces: legendThresholds.map((threshold) => ({
+          label: threshold.label,
+          color: threshold.color,
+          lte: threshold.lte,
+          gte: threshold.gte,
+          gt: threshold.gt,
+        })),
+      }
+    : {
+        min,
+        max,
+        calculable: true,
+        orient: "horizontal" as const,
+        left: "center" as const,
+        bottom: 0,
+      };
+
+  const option = {
+    tooltip: {
+      confine: true,
+      extraCssText: `max-width:${isMobileViewport ? 190 : 260}px;white-space:normal;word-break:break-word;overflow-wrap:anywhere;`,
+      position: (point: number[], _params: any, _dom: HTMLElement, _rect: any, size: any) => {
+        const [pointX, pointY] = point;
+        const boxWidth = Number(size?.contentSize?.[0] ?? 0);
+        const boxHeight = Number(size?.contentSize?.[1] ?? 0);
+        const viewWidth = Number(size?.viewSize?.[0] ?? 0);
+        const viewHeight = Number(size?.viewSize?.[1] ?? 0);
+        const offset = 12;
+
+        const nextLeft = clamp(pointX - (boxWidth / 2), 8, Math.max(8, viewWidth - boxWidth - 8));
+        const preferredTop = pointY - boxHeight - offset;
+        const fallbackTop = pointY + offset;
+        const nextTop = preferredTop < 8
+          ? clamp(fallbackTop, 8, Math.max(8, viewHeight - boxHeight - 8))
+          : preferredTop;
+
+        return [nextLeft, nextTop];
+      },
+      formatter: (params: any) => {
+        const point = Array.isArray(params?.data) ? params.data : [];
+        const xIndex = Number(point?.[0] ?? -1);
+        const yIndex = Number(point?.[1] ?? -1);
+        const metricValue = Number(point?.[2] ?? 0);
+        const detail = detailMap.get(`${xIndex}:${yIndex}`);
+        const queueName = escapeHtml(detail?.queueName ?? yCategories[yIndex] ?? "");
+        const bucketLabel = escapeHtml(formatBucketLabel(detail?.bucket ?? xCategories[xIndex] ?? ""));
+        const averageElapsed = escapeHtml(formatMetric(detail?.avgElapsedMillis ?? metricValue));
+
+        const rows = [
+          `<div style="max-width:${isMobileViewport ? 180 : 240}px;line-height:1.4;white-space:normal;word-break:break-word;overflow-wrap:anywhere;">`,
+          `<div style="font-weight:600;margin-bottom:4px;word-break:break-word;overflow-wrap:anywhere;">${queueName}</div>`,
+          `<div>Bucket: ${bucketLabel}</div>`,
+          `<div>Average Elapsed: ${averageElapsed}</div>`,
+        ];
+
+        if (tooltipFields.includes("messageCount") && detail?.messageCount !== undefined) {
+          rows.push(`<div>Message Count: ${escapeHtml(new Intl.NumberFormat("en-GB").format(detail.messageCount))}</div>`);
+        }
+        if (tooltipFields.includes("peakElapsedMillis") && detail?.peakElapsedMillis !== undefined) {
+          rows.push(`<div>Peak Elapsed: ${escapeHtml(formatMetric(detail.peakElapsedMillis))}</div>`);
+        }
+
+        rows.push("</div>");
+        return rows.join("");
+      },
+    },
+    grid: {
+      left: isMobileViewport ? 82 : 110,
+      right: isMobileViewport ? 10 : 20,
+      top: 18,
+      bottom: isMobileViewport ? 92 : 70,
+      containLabel: true,
+    },
+    xAxis: {
+      type: "category",
+      data: xCategories,
+      splitArea: { show: true },
+      axisLabel: {
+        formatter: (value: string) => formatBucketLabel(value),
+        rotate: isMobileViewport ? 45 : 30,
+        fontSize: isMobileViewport ? 10 : 11,
+        hideOverlap: true,
+      },
+    },
+    yAxis: {
+      type: "category",
+      data: yCategories,
+      splitArea: { show: true },
+      axisLabel: {
+        interval: 0,
+        width: isMobileViewport ? 78 : 100,
+        overflow: "truncate" as const,
+        fontSize: isMobileViewport ? 10 : 11,
+      },
+    },
+    visualMap,
+    series: [
+      {
+        name: "Queue SLA",
+        type: "heatmap",
+        data: points,
+        label: { show: false },
+        emphasis: {
+          itemStyle: {
+            shadowBlur: 10,
+            shadowColor: "rgba(0,0,0,0.25)",
+          },
+        },
+      },
+    ],
+  };
+
+  useEffect(() => {
+    const resizeChart = () => {
+      try {
+        chartRef.current?.getEchartsInstance?.()?.resize?.({ width: "auto", height: "auto" });
+      } catch {
+        // no-op: chart may not be ready yet
+      }
+    };
+
+    const observedElement =
+      containerRef.current?.closest(".grid-stack-item-content") as HTMLElement | null ??
+      containerRef.current;
+
+    const observer = typeof ResizeObserver !== "undefined" && observedElement
+      ? new ResizeObserver(() => resizeChart())
+      : null;
+
+    if (observer && observedElement) {
+      observer.observe(observedElement);
+    }
+
+    const rafId = window.requestAnimationFrame(resizeChart);
+    const timeoutId = window.setTimeout(resizeChart, 120);
+    const timeoutIdLong = window.setTimeout(resizeChart, 320);
+
+    return () => {
+      window.cancelAnimationFrame(rafId);
+      window.clearTimeout(timeoutId);
+      window.clearTimeout(timeoutIdLong);
+      observer?.disconnect();
+    };
+  }, [option]);
+
+  return (
+    <div ref={containerRef} style={{ width: "100%", height: "100%", minHeight: 280, flex: 1 }}>
+      <ReactECharts
+        ref={chartRef}
+        option={option}
+        style={{ width: "100%", height: "100%", minHeight: 280 }}
+        notMerge
+        lazyUpdate
+        autoResize
+      />
+    </div>
+  );
+}

package/dist/components/core/extension/solid-core/listOfValues/form/SolidLovTypeChangeFormEditWidget.js

@@ -95,7 +95,7 @@ export var SolidLovTypeChangeFormEditWidget = function (_a) {
         formik.setFieldValue(fieldName, inputValue);
         setIsCreating(false);
     };
-    return (_jsxs("div", { className: "solid-lov-type-change-widget w-full", children: [_jsxs("div", { className: "flex align-items-center justify-between  mb-2", children: [_jsx("label", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: fieldLabel }), _jsxs("button", { type: "button", onClick: function () {
+    return (_jsxs("div", { className: "solid-lov-type-change-widget w-full", children: [_jsxs("div", { className: "mb-2 flex items-center justify-between", children: [_jsx("label", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: fieldLabel }), _jsxs("button", { type: "button", onClick: function () {
                             setIsCreating(!isCreating);
                             if (!isCreating)
                                 setInputValue("");

package/dist/components/core/extension/solid-core/listOfValues/form/SolidLovTypeChangeFormEditWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidLovTypeChangeFormEditWidget.js","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/listOfValues/form/SolidLovTypeChangeFormEditWidget.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState } from \"react\";\nimport { SolidFormFieldWidgetProps } from \"../../../../../../types/solid-core\";\nimport { solidGet } from \"../../../../../../http/solidHttp\";\nimport { SolidAutocomplete } from \"../../../../../../components/shad-cn-ui/SolidAutocomplete\";\nimport { SolidInput } from \"../../../../../../components/shad-cn-ui/SolidInput\";\nimport { SolidIcon } from \"../../../../../../components/shad-cn-ui/SolidIcon\";\n\nexport const SolidLovTypeChangeFormEditWidget = ({\n    formik,\n    fieldContext\n}: SolidFormFieldWidgetProps) => {\n    const fieldMetadata = fieldContext.fieldMetadata;\n    const fieldLayoutInfo = fieldContext.field;\n\n    const fieldLabel =\n        fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;\n    const fieldName = fieldLayoutInfo?.attrs?.name;\n\n    const value = formik.values?.[fieldName];\n\n    // 🔹 UI State\n    const [filteredOptions, setFilteredOptions] = useState<any[]>([]);\n    const [isCreating, setIsCreating] = useState(false);\n    const [inputValue, setInputValue] = useState(value || \"\");\n\n    // 🔹 Handle Autocommplete AJAX Fetching\n    const completeMethod = async (event: { query: string }) => {\n        try {\n            const query = event.query;\n            // Build the URL following the user's provided filter pattern\n\n            const filterPart = query\n                ? `&filters[$and][0][$or][0][${fieldName}][$containsi]=%${query}%`\n                : \"\";\n\n            const res = await solidGet(\n                `/api/list-of-values?&offset=0&limit=50&groupBy[0]=${fieldName}&aggregates[0]=id:count${filterPart}`\n            );\n\n            const extracted =\n                res?.data?.data?.groupMeta\n                    ?.filter((item: any) => item.groupValue != null)\n                    .map((item: any) => ({\n                        label: item.groupValue,\n                        value: item.groupValue\n                    })) || [];\n\n            setFilteredOptions(extracted);\n        } catch (err) {\n            console.error(\"Failed to fetch autocomplete suggestions\", err);\n            setFilteredOptions([]);\n        }\n    };\n\n    // 🔹 Handle Change from Autocomplete\n    const handleAutocompleteChange = (e: { value: any }) => {\n        const selectedValue = typeof e.value === \"object\" ? e.value?.value : e.value;\n        formik.setFieldValue(fieldName, selectedValue);\n    };\n\n    // 🔹 Handle Input Submit (blur or enter)\n    const handleCreate = () => {\n        if (!inputValue.trim()) return;\n        formik.setFieldValue(fieldName, inputValue);\n        setIsCreating(false);\n    };\n\n    return (\n        <div className=\"solid-lov-type-change-widget w-full\">\n            <div className=\"flex align-items-center justify-between  mb-2\">\n                <label className=\"text-xs font-semibold text-muted-foreground uppercase tracking-wider\">\n                    {fieldLabel}\n                </label>\n                <button\n                    type=\"button\"\n                    onClick={() => {\n                        setIsCreating(!isCreating);\n                        if (!isCreating) setInputValue(\"\");\n                    }}\n                    style={{ color: \"blue\", background: \"transparent\", border: 0 }}\n                >\n                    <SolidIcon name={isCreating ? \"si-times\" : \"si-plus\"} size={12} />\n                    <span>{isCreating ? \"choose existing\" : \"add custom\"}</span>\n                </button>\n            </div>\n\n            <div className=\"relative\">\n                {!isCreating ? (\n                    <SolidAutocomplete\n                        value={value}\n                        suggestions={filteredOptions}\n                        completeMethod={completeMethod}\n                        onChange={handleAutocompleteChange}\n                        dropdown\n                        placeholder={`Select ${fieldLabel}`}\n                        className=\"w-full\"\n                    />\n                ) : (\n                    <div className=\"flex gap-2\">\n                        <SolidInput\n                            type=\"text\"\n                            value={inputValue}\n                            autoFocus\n                            placeholder=\"Enter new type\"\n                            className=\"flex-1 h-9\"\n                            onChange={(e) => setInputValue(e.target.value)}\n                            onBlur={handleCreate}\n                            onKeyDown={(e) => {\n                                if (e.key === \"Enter\") {\n                                    handleCreate();\n                                }\n                                if (e.key === \"Escape\") {\n                                    setIsCreating(false);\n                                }\n                            }}\n                        />\n                    </div>\n                )}\n            </div>\n        </div>\n    );\n};"]}
+{"version":3,"file":"SolidLovTypeChangeFormEditWidget.js","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/listOfValues/form/SolidLovTypeChangeFormEditWidget.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState } from \"react\";\nimport { SolidFormFieldWidgetProps } from \"../../../../../../types/solid-core\";\nimport { solidGet } from \"../../../../../../http/solidHttp\";\nimport { SolidAutocomplete } from \"../../../../../../components/shad-cn-ui/SolidAutocomplete\";\nimport { SolidInput } from \"../../../../../../components/shad-cn-ui/SolidInput\";\nimport { SolidIcon } from \"../../../../../../components/shad-cn-ui/SolidIcon\";\n\nexport const SolidLovTypeChangeFormEditWidget = ({\n    formik,\n    fieldContext\n}: SolidFormFieldWidgetProps) => {\n    const fieldMetadata = fieldContext.fieldMetadata;\n    const fieldLayoutInfo = fieldContext.field;\n\n    const fieldLabel =\n        fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;\n    const fieldName = fieldLayoutInfo?.attrs?.name;\n\n    const value = formik.values?.[fieldName];\n\n    // 🔹 UI State\n    const [filteredOptions, setFilteredOptions] = useState<any[]>([]);\n    const [isCreating, setIsCreating] = useState(false);\n    const [inputValue, setInputValue] = useState(value || \"\");\n\n    // 🔹 Handle Autocommplete AJAX Fetching\n    const completeMethod = async (event: { query: string }) => {\n        try {\n            const query = event.query;\n            // Build the URL following the user's provided filter pattern\n\n            const filterPart = query\n                ? `&filters[$and][0][$or][0][${fieldName}][$containsi]=%${query}%`\n                : \"\";\n\n            const res = await solidGet(\n                `/api/list-of-values?&offset=0&limit=50&groupBy[0]=${fieldName}&aggregates[0]=id:count${filterPart}`\n            );\n\n            const extracted =\n                res?.data?.data?.groupMeta\n                    ?.filter((item: any) => item.groupValue != null)\n                    .map((item: any) => ({\n                        label: item.groupValue,\n                        value: item.groupValue\n                    })) || [];\n\n            setFilteredOptions(extracted);\n        } catch (err) {\n            console.error(\"Failed to fetch autocomplete suggestions\", err);\n            setFilteredOptions([]);\n        }\n    };\n\n    // 🔹 Handle Change from Autocomplete\n    const handleAutocompleteChange = (e: { value: any }) => {\n        const selectedValue = typeof e.value === \"object\" ? e.value?.value : e.value;\n        formik.setFieldValue(fieldName, selectedValue);\n    };\n\n    // 🔹 Handle Input Submit (blur or enter)\n    const handleCreate = () => {\n        if (!inputValue.trim()) return;\n        formik.setFieldValue(fieldName, inputValue);\n        setIsCreating(false);\n    };\n\n    return (\n        <div className=\"solid-lov-type-change-widget w-full\">\n            <div className=\"mb-2 flex items-center justify-between\">\n                <label className=\"text-xs font-semibold text-muted-foreground uppercase tracking-wider\">\n                    {fieldLabel}\n                </label>\n                <button\n                    type=\"button\"\n                    onClick={() => {\n                        setIsCreating(!isCreating);\n                        if (!isCreating) setInputValue(\"\");\n                    }}\n                    style={{ color: \"blue\", background: \"transparent\", border: 0 }}\n                >\n                    <SolidIcon name={isCreating ? \"si-times\" : \"si-plus\"} size={12} />\n                    <span>{isCreating ? \"choose existing\" : \"add custom\"}</span>\n                </button>\n            </div>\n\n            <div className=\"relative\">\n                {!isCreating ? (\n                    <SolidAutocomplete\n                        value={value}\n                        suggestions={filteredOptions}\n                        completeMethod={completeMethod}\n                        onChange={handleAutocompleteChange}\n                        dropdown\n                        placeholder={`Select ${fieldLabel}`}\n                        className=\"w-full\"\n                    />\n                ) : (\n                    <div className=\"flex gap-2\">\n                        <SolidInput\n                            type=\"text\"\n                            value={inputValue}\n                            autoFocus\n                            placeholder=\"Enter new type\"\n                            className=\"flex-1 h-9\"\n                            onChange={(e) => setInputValue(e.target.value)}\n                            onBlur={handleCreate}\n                            onKeyDown={(e) => {\n                                if (e.key === \"Enter\") {\n                                    handleCreate();\n                                }\n                                if (e.key === \"Escape\") {\n                                    setIsCreating(false);\n                                }\n                            }}\n                        />\n                    </div>\n                )}\n            </div>\n        </div>\n    );\n};\n"]}

package/dist/components/core/extension/solid-core/listOfValues/form/SolidLovTypeChangeFormEditWidget.tsx

@@ -67,7 +67,7 @@ export const SolidLovTypeChangeFormEditWidget = ({
 
     return (
         <div className="solid-lov-type-change-widget w-full">
-            <div className="flex align-items-center justify-between  mb-2">
+            <div className="mb-2 flex items-center justify-between">
                 <label className="text-xs font-semibold text-muted-foreground uppercase tracking-wider">
                     {fieldLabel}
                 </label>
@@ -119,4 +119,4 @@ export const SolidLovTypeChangeFormEditWidget = ({
             </div>
         </div>
     );
-};
+};

package/dist/components/core/extension/solid-core/metadata/MetadataExplorerFormWidget.d.ts

@@ -0,0 +1,16 @@
+import { SolidFormWidgetProps } from '../../../../../types/solid-core';
+/**
+ * MetadataExplorerFormWidget
+ *
+ * A generic formWidget that embeds ModuleMetadataExplorer scoped to the
+ * specific record being viewed.
+ *
+ * Configured via layout attrs in solid-core-metadata.json:
+ *   moduleName    - static module name fallback (e.g. 'solid-core').
+ *                   If the record has a 'module' relation, that takes priority.
+ *   arrayPath     - root-level key in the JSON (e.g. 'views', 'actions', 'menus')
+ *   itemNameField - field on each array item to match against (e.g. 'name',
+ *                   'scheduleName', 'sequenceName'). Defaults to 'name'.
+ */
+export declare const MetadataExplorerFormWidget: ({ field, formData }: SolidFormWidgetProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MetadataExplorerFormWidget.d.ts.map

package/dist/components/core/extension/solid-core/metadata/MetadataExplorerFormWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetadataExplorerFormWidget.d.ts","sourceRoot":"","sources":["../../../../../../src/components/core/extension/solid-core/metadata/MetadataExplorerFormWidget.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AAEvE;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,0BAA0B,wBAAyB,oBAAoB,4CAyBnF,CAAC"}

package/dist/components/core/extension/solid-core/metadata/MetadataExplorerFormWidget.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ModuleMetadataExplorer } from '../../../module/ModuleMetadataExplorer';
+/**
+ * MetadataExplorerFormWidget
+ *
+ * A generic formWidget that embeds ModuleMetadataExplorer scoped to the
+ * specific record being viewed.
+ *
+ * Configured via layout attrs in solid-core-metadata.json:
+ *   moduleName    - static module name fallback (e.g. 'solid-core').
+ *                   If the record has a 'module' relation, that takes priority.
+ *   arrayPath     - root-level key in the JSON (e.g. 'views', 'actions', 'menus')
+ *   itemNameField - field on each array item to match against (e.g. 'name',
+ *                   'scheduleName', 'sequenceName'). Defaults to 'name'.
+ */
+export var MetadataExplorerFormWidget = function (_a) {
+    var _b;
+    var field = _a.field, formData = _a.formData;
+    var _c = (_b = field === null || field === void 0 ? void 0 : field.attrs) !== null && _b !== void 0 ? _b : {}, staticModuleName = _c.moduleName, arrayPath = _c.arrayPath, _d = _c.itemNameField, itemNameField = _d === void 0 ? 'name' : _d;
+    // Resolve moduleName dynamically from the record's module relation when available.
+    // formData.module can be a relation object ({ name: "solid-core", ... }) or a string.
+    var dynamicModuleName = (formData === null || formData === void 0 ? void 0 : formData.module) && typeof formData.module === 'object'
+        ? formData.module.name
+        : typeof (formData === null || formData === void 0 ? void 0 : formData.module) === 'string'
+            ? formData.module
+            : undefined;
+    var moduleName = dynamicModuleName !== null && dynamicModuleName !== void 0 ? dynamicModuleName : staticModuleName;
+    var scopedItemValue = formData === null || formData === void 0 ? void 0 : formData[itemNameField];
+    return (_jsx(ModuleMetadataExplorer, { moduleName: moduleName, scopedArrayPath: arrayPath, scopedItemValue: scopedItemValue, scopedItemField: itemNameField, readOnly: true, allowSeed: false }));
+};
+//# sourceMappingURL=MetadataExplorerFormWidget.js.map

package/dist/components/core/extension/solid-core/metadata/MetadataExplorerFormWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetadataExplorerFormWidget.js","sourceRoot":"","sources":["../../../../../../src/components/core/extension/solid-core/metadata/MetadataExplorerFormWidget.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAGhF;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,IAAM,0BAA0B,GAAG,UAAC,EAAyC;;QAAvC,KAAK,WAAA,EAAE,QAAQ,cAAA;IAClD,IAAA,KAAsE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,mCAAI,EAAE,EAA1E,gBAAgB,gBAAA,EAAE,SAAS,eAAA,EAAE,qBAAsB,EAAtB,aAAa,mBAAG,MAAM,KAAuB,CAAC;IAE/F,mFAAmF;IACnF,sFAAsF;IACtF,IAAM,iBAAiB,GACnB,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,MAAM,KAAI,OAAO,QAAQ,CAAC,MAAM,KAAK,QAAQ;QACnD,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI;QACtB,CAAC,CAAC,OAAO,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,MAAM,CAAA,KAAK,QAAQ;YACtC,CAAC,CAAC,QAAQ,CAAC,MAAM;YACjB,CAAC,CAAC,SAAS,CAAC;IAEpB,IAAM,UAAU,GAAG,iBAAiB,aAAjB,iBAAiB,cAAjB,iBAAiB,GAAI,gBAAgB,CAAC;IACzD,IAAM,eAAe,GAAG,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,aAAa,CAAC,CAAC;IAElD,OAAO,CACH,KAAC,sBAAsB,IACnB,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,SAAS,EAC1B,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,aAAa,EAC9B,QAAQ,QACR,SAAS,EAAE,KAAK,GAClB,CACL,CAAC;AACN,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { ModuleMetadataExplorer } from '../../../module/ModuleMetadataExplorer';\nimport { SolidFormWidgetProps } from '../../../../../types/solid-core';\n\n/**\n * MetadataExplorerFormWidget\n *\n * A generic formWidget that embeds ModuleMetadataExplorer scoped to the\n * specific record being viewed.\n *\n * Configured via layout attrs in solid-core-metadata.json:\n *   moduleName    - static module name fallback (e.g. 'solid-core').\n *                   If the record has a 'module' relation, that takes priority.\n *   arrayPath     - root-level key in the JSON (e.g. 'views', 'actions', 'menus')\n *   itemNameField - field on each array item to match against (e.g. 'name',\n *                   'scheduleName', 'sequenceName'). Defaults to 'name'.\n */\nexport const MetadataExplorerFormWidget = ({ field, formData }: SolidFormWidgetProps) => {\n    const { moduleName: staticModuleName, arrayPath, itemNameField = 'name' } = field?.attrs ?? {};\n\n    // Resolve moduleName dynamically from the record's module relation when available.\n    // formData.module can be a relation object ({ name: \"solid-core\", ... }) or a string.\n    const dynamicModuleName: string | undefined =\n        formData?.module && typeof formData.module === 'object'\n            ? formData.module.name\n            : typeof formData?.module === 'string'\n            ? formData.module\n            : undefined;\n\n    const moduleName = dynamicModuleName ?? staticModuleName;\n    const scopedItemValue = formData?.[itemNameField];\n\n    return (\n        <ModuleMetadataExplorer\n            moduleName={moduleName}\n            scopedArrayPath={arrayPath}\n            scopedItemValue={scopedItemValue}\n            scopedItemField={itemNameField}\n            readOnly\n            allowSeed={false}\n        />\n    );\n};\n"]}

package/dist/components/core/extension/solid-core/metadata/MetadataExplorerFormWidget.tsx

@@ -0,0 +1,43 @@
+import React from 'react';
+import { ModuleMetadataExplorer } from '../../../module/ModuleMetadataExplorer';
+import { SolidFormWidgetProps } from '../../../../../types/solid-core';
+
+/**
+ * MetadataExplorerFormWidget
+ *
+ * A generic formWidget that embeds ModuleMetadataExplorer scoped to the
+ * specific record being viewed.
+ *
+ * Configured via layout attrs in solid-core-metadata.json:
+ *   moduleName    - static module name fallback (e.g. 'solid-core').
+ *                   If the record has a 'module' relation, that takes priority.
+ *   arrayPath     - root-level key in the JSON (e.g. 'views', 'actions', 'menus')
+ *   itemNameField - field on each array item to match against (e.g. 'name',
+ *                   'scheduleName', 'sequenceName'). Defaults to 'name'.
+ */
+export const MetadataExplorerFormWidget = ({ field, formData }: SolidFormWidgetProps) => {
+    const { moduleName: staticModuleName, arrayPath, itemNameField = 'name' } = field?.attrs ?? {};
+
+    // Resolve moduleName dynamically from the record's module relation when available.
+    // formData.module can be a relation object ({ name: "solid-core", ... }) or a string.
+    const dynamicModuleName: string | undefined =
+        formData?.module && typeof formData.module === 'object'
+            ? formData.module.name
+            : typeof formData?.module === 'string'
+            ? formData.module
+            : undefined;
+
+    const moduleName = dynamicModuleName ?? staticModuleName;
+    const scopedItemValue = formData?.[itemNameField];
+
+    return (
+        <ModuleMetadataExplorer
+            moduleName={moduleName}
+            scopedArrayPath={arrayPath}
+            scopedItemValue={scopedItemValue}
+            scopedItemField={itemNameField}
+            readOnly
+            allowSeed={false}
+        />
+    );
+};

package/dist/components/core/extension/solid-core/moduleMetadata/list/ClearModulePackageRuntimeHeaderAction.d.ts

@@ -0,0 +1,3 @@
+declare const ClearModulePackageRuntimeHeaderAction: () => import("react/jsx-runtime").JSX.Element;
+export { ClearModulePackageRuntimeHeaderAction };
+//# sourceMappingURL=ClearModulePackageRuntimeHeaderAction.d.ts.map

package/dist/components/core/extension/solid-core/moduleMetadata/list/ClearModulePackageRuntimeHeaderAction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClearModulePackageRuntimeHeaderAction.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/moduleMetadata/list/ClearModulePackageRuntimeHeaderAction.tsx"],"names":[],"mappings":"AAgBA,QAAA,MAAM,qCAAqC,+CA0L1C,CAAC;AAEF,OAAO,EAAE,qCAAqC,EAAE,CAAC"}

package/dist/components/core/extension/solid-core/moduleMetadata/list/ClearModulePackageRuntimeHeaderAction.js

@@ -0,0 +1,141 @@
+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 } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { useDispatch } from "react-redux";
+import { AlertTriangle, Check, Copy, HardDriveDownload, TerminalSquare, Trash2 } from "lucide-react";
+import { SolidCircularLoader } from "../../../../../../components/core/common/SolidLoaders/SolidCircularLoader";
+import { useClearModulePackageRuntimeMutation } from "../../../../../../redux/api/moduleApi";
+import { closePopup } from "../../../../../../redux/features/popupSlice";
+import { showToast } from "../../../../../../redux/features/toastSlice";
+import { SolidButton } from "../../../../../shad-cn-ui";
+var ClearModulePackageRuntimeHeaderAction = function () {
+    var dispatch = useDispatch();
+    var clearModulePackageRuntime = useClearModulePackageRuntimeMutation()[0];
+    var _a = useState(false), isClearing = _a[0], setIsClearing = _a[1];
+    var _b = useState(null), errorState = _b[0], setErrorState = _b[1];
+    var _c = useState(null), copiedCommandKey = _c[0], setCopiedCommandKey = _c[1];
+    var commands = useMemo(function () { return [
+        {
+            key: "build-api",
+            label: "Build API and shared artifacts",
+            command: "npx -y @solidxai/solidctl@latest build",
+            help: "Run from the consuming project root after the imported files are in place.",
+        },
+        {
+            key: "build-ui",
+            label: "Build UI bundle",
+            command: "npx -y @solidxai/solidctl@latest build --ui-only",
+            help: "Use this when the imported package introduced or changed `solid-ui` files.",
+        },
+        {
+            key: "seed-module",
+            label: "Seed one imported module",
+            command: "npx -y @solidxai/solidctl@latest seed --modules-to-seed <module-name>",
+            help: "Replace `<module-name>` with the imported module if metadata files were already placed locally.",
+        },
+    ]; }, []);
+    var handleCopy = function (command) { return __awaiter(void 0, void 0, void 0, function () {
+        var error_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 2, , 3]);
+                    return [4 /*yield*/, navigator.clipboard.writeText(command.command)];
+                case 1:
+                    _a.sent();
+                    setCopiedCommandKey(command.key);
+                    window.setTimeout(function () {
+                        setCopiedCommandKey(function (current) { return (current === command.key ? null : current); });
+                    }, 1800);
+                    return [3 /*break*/, 3];
+                case 2:
+                    error_1 = _a.sent();
+                    dispatch(showToast({
+                        severity: "error",
+                        summary: "Copy failed",
+                        detail: "Unable to copy the recovery command to the clipboard.",
+                    }));
+                    return [3 /*break*/, 3];
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); };
+    var handleClear = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var response, removedImports, removedExports, error_2, detail;
+        var _a, _b, _c;
+        return __generator(this, function (_d) {
+            switch (_d.label) {
+                case 0:
+                    _d.trys.push([0, 2, 3, 4]);
+                    setIsClearing(true);
+                    setErrorState(null);
+                    return [4 /*yield*/, clearModulePackageRuntime({}).unwrap()];
+                case 1:
+                    response = _d.sent();
+                    removedImports = Number((_a = response === null || response === void 0 ? void 0 : response.removedImportTransactions) !== null && _a !== void 0 ? _a : 0);
+                    removedExports = Number((_b = response === null || response === void 0 ? void 0 : response.removedExportTransactions) !== null && _b !== void 0 ? _b : 0);
+                    dispatch(showToast({
+                        severity: "success",
+                        summary: "Package runtime cleared",
+                        detail: "Removed ".concat(removedImports, " import run(s) and ").concat(removedExports, " export run(s) from local module package runtime storage."),
+                    }));
+                    dispatch(closePopup());
+                    return [3 /*break*/, 4];
+                case 2:
+                    error_2 = _d.sent();
+                    detail = ((_c = error_2 === null || error_2 === void 0 ? void 0 : error_2.data) === null || _c === void 0 ? void 0 : _c.message) || (error_2 === null || error_2 === void 0 ? void 0 : error_2.message) || "Unable to clear package runtime.";
+                    setErrorState(String(detail));
+                    dispatch(showToast({ severity: "error", summary: "Cleanup failed", detail: String(detail) }));
+                    return [3 /*break*/, 4];
+                case 3:
+                    setIsClearing(false);
+                    return [7 /*endfinally*/];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); };
+    if (isClearing) {
+        return (_jsxs("div", { className: "solid-generate-code-popup", children: [_jsx("div", { className: "solid-filter-dialog-head solid-generate-code-popup__head", children: _jsxs("div", { children: [_jsx("h3", { className: "solid-filter-dialog-title", children: "Clear Package Runtime" }), _jsx("p", { className: "solid-filter-dialog-subtitle m-0", children: "Removing past import and export working files from local runtime storage." })] }) }), _jsx("div", { className: "solid-filter-dialog-sep" }), _jsxs("div", { className: "solid-filter-dialog-body solid-generate-code-popup__body solid-generate-code-popup__body--loading", children: [_jsx(SolidCircularLoader, {}), _jsx("p", { className: "solid-generate-code-popup__loading-title", children: "Clearing runtime storage..." }), _jsx("p", { className: "solid-generate-code-popup__loading-copy", children: "Deleting past `.sldx` imports, exports, extracted previews, and resumable transaction markers." })] })] }));
+    }
+    return (_jsxs("div", { className: "solid-generate-code-popup", children: [_jsx("div", { className: "solid-filter-dialog-head solid-generate-code-popup__head", children: _jsxs("div", { children: [_jsx("h3", { className: "solid-filter-dialog-title", children: "Clear Package Runtime" }), _jsx("p", { className: "solid-filter-dialog-subtitle m-0", children: "Remove all past module package import and export temp storage from the local SolidX runtime." })] }) }), _jsx("div", { className: "solid-filter-dialog-sep" }), _jsxs("div", { className: "solid-filter-dialog-body solid-generate-code-popup__body", children: [_jsx("p", { className: "solid-generate-code-popup__intro", children: "This clears all incomplete and completed package import or export runs, including previews, extracted archives, resumable transaction state, and generated `.sldx` export artifacts." }), _jsxs("div", { className: "solid-generate-code-popup__panel", children: [_jsxs("div", { className: "solid-generate-code-popup__panel-title", children: [_jsx(HardDriveDownload, { size: 15 }), _jsx("span", { children: "What gets removed" })] }), _jsxs("ul", { className: "solid-generate-code-popup__list", children: [_jsx("li", { children: "Uploaded `.sldx` files and extracted import working folders" }), _jsx("li", { children: "Import preview metadata, status files, and resumable pointers" }), _jsx("li", { children: "Generated export staging folders and downloaded archive temp files" }), _jsx("li", { children: "Any stale package runtime state kept under `.solidx-runtime`" })] })] }), _jsxs("div", { className: "solid-generate-code-popup__notice is-warning", children: [_jsx(AlertTriangle, { size: 16 }), _jsx("span", { children: "If a package was already imported and files were placed into `solid-api` or `solid-ui`, this cleanup does not roll those files back. If build and seed were not run yet, the developer must do that manually afterward." })] }), _jsxs("div", { className: "solid-generate-code-popup__panel", children: [_jsxs("div", { className: "solid-generate-code-popup__panel-title", children: [_jsx(TerminalSquare, { size: 15 }), _jsx("span", { children: "Manual recovery commands" })] }), _jsx("div", { className: "solid-generate-code-popup__command-grid", children: commands.map(function (command) {
+                                    var copied = copiedCommandKey === command.key;
+                                    return (_jsxs("div", { className: "solid-generate-code-popup__command-item", children: [_jsxs("div", { className: "solid-generate-code-popup__command-meta", children: [_jsx("div", { className: "solid-generate-code-popup__command-label", children: command.label }), _jsx("pre", { className: "solid-generate-code-popup__command-code", children: command.command }), _jsx("div", { className: "solid-generate-code-popup__command-help", children: command.help })] }), _jsx(SolidButton, { size: "small", variant: "outline", className: "solid-generate-code-popup__command-copy", leftIcon: copied ? _jsx(Check, { size: 14 }) : _jsx(Copy, { size: 14 }), onClick: function () { return handleCopy(command); }, children: copied ? "Copied" : "Copy" })] }, command.key));
+                                }) })] }), errorState ? (_jsxs("div", { className: "solid-generate-code-popup__notice is-warning", children: [_jsx(AlertTriangle, { size: 16 }), _jsx("span", { children: errorState })] })) : null, _jsxs("div", { className: "solid-generate-code-popup__actions", children: [_jsx(SolidButton, { size: "small", autoFocus: true, severity: "danger", leftIcon: _jsx(Trash2, { size: 14 }), onClick: handleClear, children: "Clear Package Runtime" }), _jsx(SolidButton, { size: "small", variant: "outline", onClick: function () { return dispatch(closePopup()); }, children: "Cancel" })] })] })] }));
+};
+export { ClearModulePackageRuntimeHeaderAction };
+//# sourceMappingURL=ClearModulePackageRuntimeHeaderAction.js.map

package/dist/components/core/extension/solid-core/moduleMetadata/list/ClearModulePackageRuntimeHeaderAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClearModulePackageRuntimeHeaderAction.js","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/moduleMetadata/list/ClearModulePackageRuntimeHeaderAction.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useMemo, useState } from \"react\";\nimport { useDispatch } from \"react-redux\";\nimport { AlertTriangle, Check, Copy, HardDriveDownload, TerminalSquare, Trash2 } from \"lucide-react\";\nimport { SolidCircularLoader } from \"../../../../../../components/core/common/SolidLoaders/SolidCircularLoader\";\nimport { useClearModulePackageRuntimeMutation } from \"../../../../../../redux/api/moduleApi\";\nimport { closePopup } from \"../../../../../../redux/features/popupSlice\";\nimport { showToast } from \"../../../../../../redux/features/toastSlice\";\nimport { SolidButton } from \"../../../../../shad-cn-ui\";\n\ntype RuntimeCommand = {\n  key: string;\n  label: string;\n  command: string;\n  help: string;\n};\n\nconst ClearModulePackageRuntimeHeaderAction = () => {\n  const dispatch = useDispatch();\n  const [clearModulePackageRuntime] = useClearModulePackageRuntimeMutation();\n  const [isClearing, setIsClearing] = useState(false);\n  const [errorState, setErrorState] = useState<string | null>(null);\n  const [copiedCommandKey, setCopiedCommandKey] = useState<string | null>(null);\n\n  const commands = useMemo<RuntimeCommand[]>(\n    () => [\n      {\n        key: \"build-api\",\n        label: \"Build API and shared artifacts\",\n        command: \"npx -y @solidxai/solidctl@latest build\",\n        help: \"Run from the consuming project root after the imported files are in place.\",\n      },\n      {\n        key: \"build-ui\",\n        label: \"Build UI bundle\",\n        command: \"npx -y @solidxai/solidctl@latest build --ui-only\",\n        help: \"Use this when the imported package introduced or changed `solid-ui` files.\",\n      },\n      {\n        key: \"seed-module\",\n        label: \"Seed one imported module\",\n        command: \"npx -y @solidxai/solidctl@latest seed --modules-to-seed <module-name>\",\n        help: \"Replace `<module-name>` with the imported module if metadata files were already placed locally.\",\n      },\n    ],\n    []\n  );\n\n  const handleCopy = async (command: RuntimeCommand) => {\n    try {\n      await navigator.clipboard.writeText(command.command);\n      setCopiedCommandKey(command.key);\n      window.setTimeout(() => {\n        setCopiedCommandKey((current) => (current === command.key ? null : current));\n      }, 1800);\n    } catch (error) {\n      dispatch(\n        showToast({\n          severity: \"error\",\n          summary: \"Copy failed\",\n          detail: \"Unable to copy the recovery command to the clipboard.\",\n        })\n      );\n    }\n  };\n\n  const handleClear = async () => {\n    try {\n      setIsClearing(true);\n      setErrorState(null);\n\n      const response = await clearModulePackageRuntime({}).unwrap();\n      const removedImports = Number(response?.removedImportTransactions ?? 0);\n      const removedExports = Number(response?.removedExportTransactions ?? 0);\n\n      dispatch(\n        showToast({\n          severity: \"success\",\n          summary: \"Package runtime cleared\",\n          detail: `Removed ${removedImports} import run(s) and ${removedExports} export run(s) from local module package runtime storage.`,\n        })\n      );\n      dispatch(closePopup());\n    } catch (error: any) {\n      const detail = error?.data?.message || error?.message || \"Unable to clear package runtime.\";\n      setErrorState(String(detail));\n      dispatch(showToast({ severity: \"error\", summary: \"Cleanup failed\", detail: String(detail) }));\n    } finally {\n      setIsClearing(false);\n    }\n  };\n\n  if (isClearing) {\n    return (\n      <div className=\"solid-generate-code-popup\">\n        <div className=\"solid-filter-dialog-head solid-generate-code-popup__head\">\n          <div>\n            <h3 className=\"solid-filter-dialog-title\">Clear Package Runtime</h3>\n            <p className=\"solid-filter-dialog-subtitle m-0\">Removing past import and export working files from local runtime storage.</p>\n          </div>\n        </div>\n        <div className=\"solid-filter-dialog-sep\" />\n        <div className=\"solid-filter-dialog-body solid-generate-code-popup__body solid-generate-code-popup__body--loading\">\n          <SolidCircularLoader />\n          <p className=\"solid-generate-code-popup__loading-title\">Clearing runtime storage...</p>\n          <p className=\"solid-generate-code-popup__loading-copy\">Deleting past `.sldx` imports, exports, extracted previews, and resumable transaction markers.</p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"solid-generate-code-popup\">\n      <div className=\"solid-filter-dialog-head solid-generate-code-popup__head\">\n        <div>\n          <h3 className=\"solid-filter-dialog-title\">Clear Package Runtime</h3>\n          <p className=\"solid-filter-dialog-subtitle m-0\">\n            Remove all past module package import and export temp storage from the local SolidX runtime.\n          </p>\n        </div>\n      </div>\n      <div className=\"solid-filter-dialog-sep\" />\n      <div className=\"solid-filter-dialog-body solid-generate-code-popup__body\">\n        <p className=\"solid-generate-code-popup__intro\">\n          This clears all incomplete and completed package import or export runs, including previews, extracted archives,\n          resumable transaction state, and generated `.sldx` export artifacts.\n        </p>\n\n        <div className=\"solid-generate-code-popup__panel\">\n          <div className=\"solid-generate-code-popup__panel-title\">\n            <HardDriveDownload size={15} />\n            <span>What gets removed</span>\n          </div>\n          <ul className=\"solid-generate-code-popup__list\">\n            <li>Uploaded `.sldx` files and extracted import working folders</li>\n            <li>Import preview metadata, status files, and resumable pointers</li>\n            <li>Generated export staging folders and downloaded archive temp files</li>\n            <li>Any stale package runtime state kept under `.solidx-runtime`</li>\n          </ul>\n        </div>\n\n        <div className=\"solid-generate-code-popup__notice is-warning\">\n          <AlertTriangle size={16} />\n          <span>\n            If a package was already imported and files were placed into `solid-api` or `solid-ui`, this cleanup does not\n            roll those files back. If build and seed were not run yet, the developer must do that manually afterward.\n          </span>\n        </div>\n\n        <div className=\"solid-generate-code-popup__panel\">\n          <div className=\"solid-generate-code-popup__panel-title\">\n            <TerminalSquare size={15} />\n            <span>Manual recovery commands</span>\n          </div>\n          <div className=\"solid-generate-code-popup__command-grid\">\n            {commands.map((command) => {\n              const copied = copiedCommandKey === command.key;\n              return (\n                <div key={command.key} className=\"solid-generate-code-popup__command-item\">\n                  <div className=\"solid-generate-code-popup__command-meta\">\n                    <div className=\"solid-generate-code-popup__command-label\">{command.label}</div>\n                    <pre className=\"solid-generate-code-popup__command-code\">{command.command}</pre>\n                    <div className=\"solid-generate-code-popup__command-help\">{command.help}</div>\n                  </div>\n                  <SolidButton\n                    size=\"small\"\n                    variant=\"outline\"\n                    className=\"solid-generate-code-popup__command-copy\"\n                    leftIcon={copied ? <Check size={14} /> : <Copy size={14} />}\n                    onClick={() => handleCopy(command)}\n                  >\n                    {copied ? \"Copied\" : \"Copy\"}\n                  </SolidButton>\n                </div>\n              );\n            })}\n          </div>\n        </div>\n\n        {errorState ? (\n          <div className=\"solid-generate-code-popup__notice is-warning\">\n            <AlertTriangle size={16} />\n            <span>{errorState}</span>\n          </div>\n        ) : null}\n\n        <div className=\"solid-generate-code-popup__actions\">\n          <SolidButton\n            size=\"small\"\n            autoFocus\n            severity=\"danger\"\n            leftIcon={<Trash2 size={14} />}\n            onClick={handleClear}\n          >\n            Clear Package Runtime\n          </SolidButton>\n          <SolidButton size=\"small\" variant=\"outline\" onClick={() => dispatch(closePopup())}>\n            Cancel\n          </SolidButton>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport { ClearModulePackageRuntimeHeaderAction };\n"]}