Unify modal and inspector glass material

apps/catalog/src/CatalogApp.tsx

@@ -419,7 +419,15 @@ export function CatalogApp() {
           if (media.faviconFileName) setFaviconFileName(media.faviconFileName);
           if (media.faviconAssets) setFaviconAssets(media.faviconAssets);
         }
-        if (stored.glass) setGlassMaterial({ ...defaultGlassMaterial, ...stored.glass });
+        if (stored.glass) {
+          const legacyDefaultOpacity = stored.glass.version !== 4 && stored.glass.tintOpacity === 54;
+          setGlassMaterial({
+            ...defaultGlassMaterial,
+            ...stored.glass,
+            version: 4,
+            tintOpacity: legacyDefaultOpacity ? defaultGlassMaterial.tintOpacity : stored.glass.tintOpacity,
+          });
+        }
         const toolbar = stored.toolbar;
         if (toolbar) {
           if (toolbar.placement === "left" || toolbar.placement === "right" || toolbar.placement === "bottom") setToolbarPlacement(toolbar.placement);
@@ -904,7 +912,7 @@ export function CatalogApp() {
             <SettingsCard eyebrow="ENGINE / GLASS V4" title="Параметры материала" description="Общий token-контракт ui-core; изменения сразу видны на preview, модалках и Inspector.">
               <div className="catalog-glass-controls">
                 <ControlRow label="Цвет тонировки"><ColorField value={glassMaterial.tintHex} onChange={(tintHex) => setGlassMaterial((current) => ({ ...current, tintHex }))} /></ControlRow>
-                <RangeControl label="Прозрачность" value={glassMaterial.tintOpacity} min={0} max={96} formatValue={(value) => `${value}%`} onChange={(tintOpacity) => setGlassMaterial((current) => ({ ...current, tintOpacity }))} />
+                <RangeControl label="Плотность тонировки" value={glassMaterial.tintOpacity} min={0} max={100} formatValue={(value) => `${value}%`} onChange={(tintOpacity) => setGlassMaterial((current) => ({ ...current, version: 4, tintOpacity }))} />
                 <RangeControl label="Blur" value={glassMaterial.blur} min={0} max={120} formatValue={(value) => `${value}px`} onChange={(blur) => setGlassMaterial((current) => ({ ...current, blur }))} />
                 <RangeControl label="Saturation" value={glassMaterial.saturation} min={70} max={220} formatValue={(value) => `${value}%`} onChange={(saturation) => setGlassMaterial((current) => ({ ...current, saturation }))} />
                 <RangeControl label="Brightness" value={glassMaterial.brightness} min={70} max={160} formatValue={(value) => `${value}%`} onChange={(brightness) => setGlassMaterial((current) => ({ ...current, brightness }))} />