@tangle-network/sandbox-ui 0.10.6 → 0.10.7

package/dist/pages.js

@@ -411,6 +411,35 @@ var RAM_MIN = 2;
 var RAM_MAX = 32;
 var STORAGE_MIN = 20;
 var STORAGE_MAX = 512;
+var CPU_STEP = 0.5;
+var RAM_STEP = 1;
+var STORAGE_STEP = 8;
+function alignSliderStep(min, max, desiredStep) {
+  const range = max - min;
+  if (range <= 0 || desiredStep <= 0) return desiredStep;
+  if (Number.isInteger(desiredStep)) {
+    if (!Number.isInteger(range)) return desiredStep;
+    for (let c = Math.floor(desiredStep); c >= 1; c--) {
+      if (range % c === 0) return c;
+    }
+    return desiredStep;
+  }
+  const scale = 10;
+  const scaledRange = Math.round(range * scale);
+  const scaledStep = Math.round(desiredStep * scale);
+  for (let c = scaledStep; c >= 1; c--) {
+    if (scaledRange % c === 0) return c / scale;
+  }
+  return desiredStep;
+}
+function snapSliderValue(value, min, max, step) {
+  if (!Number.isFinite(value)) return min;
+  const clamped = Math.max(min, Math.min(value, max));
+  if (step <= 0) return clamped;
+  const steps = Math.round((clamped - min) / step);
+  const snapped = min + steps * step;
+  return Math.max(min, Math.min(snapped, max));
+}
 var DEFAULT_PRICING_RATES = {
   cpuPerHr: 0.045,
   ramPerGbHr: 5e-3,
@@ -469,6 +498,9 @@ function ProvisioningWizard({
     STORAGE_MIN,
     Math.min(resourceLimits?.storageMaxGB ?? STORAGE_MAX, STORAGE_MAX)
   );
+  const cpuStep = alignSliderStep(CPU_MIN, cpuMax, CPU_STEP);
+  const ramStep = alignSliderStep(RAM_MIN, ramMax, RAM_STEP);
+  const storageStep = alignSliderStep(STORAGE_MIN, storageMax, STORAGE_STEP);
   const dc = defaultConfig;
   const [envList, setEnvList] = React2.useState(
     environmentsProp ?? defaultEnvironments
@@ -504,17 +536,21 @@ function ProvisioningWizard({
     }
   }, [envList, effectiveDefault]);
   const [cpuCores, setCpuCores] = React2.useState(
-    Math.min(dc?.cpuCores ?? 4, cpuMax)
+    snapSliderValue(dc?.cpuCores ?? 4, CPU_MIN, cpuMax, cpuStep)
+  );
+  const [ramGB, setRamGB] = React2.useState(
+    snapSliderValue(dc?.ramGB ?? 16, RAM_MIN, ramMax, ramStep)
   );
-  const [ramGB, setRamGB] = React2.useState(Math.min(dc?.ramGB ?? 16, ramMax));
   const [storageGB, setStorageGB] = React2.useState(
-    Math.min(dc?.storageGB ?? 128, storageMax)
+    snapSliderValue(dc?.storageGB ?? 128, STORAGE_MIN, storageMax, storageStep)
   );
   React2.useEffect(() => {
-    setCpuCores((prev) => Math.min(prev, cpuMax));
-    setRamGB((prev) => Math.min(prev, ramMax));
-    setStorageGB((prev) => Math.min(prev, storageMax));
-  }, [cpuMax, ramMax, storageMax]);
+    setCpuCores((prev) => snapSliderValue(prev, CPU_MIN, cpuMax, cpuStep));
+    setRamGB((prev) => snapSliderValue(prev, RAM_MIN, ramMax, ramStep));
+    setStorageGB(
+      (prev) => snapSliderValue(prev, STORAGE_MIN, storageMax, storageStep)
+    );
+  }, [cpuMax, ramMax, storageMax, cpuStep, ramStep, storageStep]);
   const [modelTier, setModelTier] = React2.useState(
     dc?.modelTier ?? DEFAULT_MODEL_TIER
   );
@@ -600,9 +636,9 @@ function ProvisioningWizard({
     }
   };
   const applyPreset = (name2, cpu, ram, storage) => {
-    setCpuCores(Math.min(cpu, cpuMax));
-    setRamGB(Math.min(ram, ramMax));
-    setStorageGB(Math.min(storage, storageMax));
+    setCpuCores(snapSliderValue(cpu, CPU_MIN, cpuMax, cpuStep));
+    setRamGB(snapSliderValue(ram, RAM_MIN, ramMax, ramStep));
+    setStorageGB(snapSliderValue(storage, STORAGE_MIN, storageMax, storageStep));
     setActivePreset(name2);
   };
   const presets = RAW_PRESETS.map((p) => {
@@ -726,9 +762,11 @@ function ProvisioningWizard({
               onClick: () => {
                 setCurrentStep(1);
                 setSelectedEnv(environments[0]?.id ?? "");
-                setCpuCores(Math.min(4, cpuMax));
-                setRamGB(Math.min(16, ramMax));
-                setStorageGB(Math.min(128, storageMax));
+                setCpuCores(snapSliderValue(4, CPU_MIN, cpuMax, cpuStep));
+                setRamGB(snapSliderValue(16, RAM_MIN, ramMax, ramStep));
+                setStorageGB(
+                  snapSliderValue(128, STORAGE_MIN, storageMax, storageStep)
+                );
                 const resetOptions = modelOptions ?? DEFAULT_MODEL_OPTIONS;
                 const firstAvailable = resetOptions.find(
                   (o) => !o.disabled
@@ -845,7 +883,7 @@ function ProvisioningWizard({
                 setter: setCpuCores,
                 min: CPU_MIN,
                 max: cpuMax,
-                step: 0.5,
+                step: cpuStep,
                 unit: "vCPU"
               },
               {
@@ -854,7 +892,7 @@ function ProvisioningWizard({
                 setter: setRamGB,
                 min: RAM_MIN,
                 max: ramMax,
-                step: 1,
+                step: ramStep,
                 unit: "GB"
               },
               {
@@ -863,7 +901,7 @@ function ProvisioningWizard({
                 setter: setStorageGB,
                 min: STORAGE_MIN,
                 max: storageMax,
-                step: 8,
+                step: storageStep,
                 unit: "GB"
               }
             ].map(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/sandbox-ui",
-  "version": "0.10.6",
+  "version": "0.10.7",
   "description": "Unified UI component library for Tangle Sandbox — primitives, chat, dashboard, terminal, editor, and workspace components",
   "repository": {
     "type": "git",