@mindexec/cli 0.2.303 → 0.2.305

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mindexec/cli",
-  "version": "0.2.303",
+  "version": "0.2.305",
   "description": "MindExec local runtime and bridge CLI",
   "main": "server.js",
   "type": "module",

package/wwwroot/_content/MindExecution.Shared/css/mind-map-overrides.css

@@ -86,11 +86,11 @@ body.mind-map-scroll-locked {
 .map-node-note,
 .map-node-memo,
 .map-node-code {
-    -webkit-backface-visibility: hidden;
-    backface-visibility: hidden;
+    -webkit-backface-visibility: visible;
+    backface-visibility: visible;
     /* 텍스트 렌더링 품질 */
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
+    -webkit-font-smoothing: auto;
+    -moz-osx-font-smoothing: auto;
     /* 서브픽셀 정렬로 흐림 방지 */
 }
 
@@ -104,7 +104,8 @@ body.mind-map-scroll-locked {
     contain: layout style !important;
     content-visibility: visible !important;
     contain-intrinsic-size: auto !important;
-    transform: var(--css3d-node-resolution-transform, none) !important;
+    transform: none !important;
+    zoom: var(--css3d-node-resolution-zoom, 1) !important;
     will-change: auto !important;
     -webkit-backface-visibility: visible !important;
     backface-visibility: visible !important;
@@ -1437,8 +1438,8 @@ html.mindcanvas-platform-apple .css3d-resolution-wrapper.is-automation-relation-
     box-sizing: border-box;
     pointer-events: auto;
     transform-origin: 0 0;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
+    -webkit-font-smoothing: auto;
+    -moz-osx-font-smoothing: auto;
     text-rendering: auto;
     contain: layout style paint;
 }

package/wwwroot/_content/MindExecution.Shared/js/mind-map-core.js

@@ -5,7 +5,7 @@
     const DEBUG = false;
     const FPS_DEBUG = false;
     const FRAME_PERF_DEBUG = false;
-    const MINDMAP_CORE_BUILD_ID = '20260621-render-surface-v764';
+    const MINDMAP_CORE_BUILD_ID = '20260621-native-text-css3d-v768';
     const CanvasPhase = Object.freeze({
         Booting: 'booting',
         BoardFileLoading: 'board-file-loading',
@@ -118,6 +118,14 @@
     const CAMERA_MOTION_WEBGL_TRANSFORM_TRANSLATE_BUCKET_PX = 0.001;
     const CAMERA_MOTION_WEBGL_TRANSFORM_SCALE_BUCKET = 0.000001;
     const CSS3D_FLAT_CAMERA_MOTION_ENABLED = true;
+    const CSS3D_SETTLED_TEXT_FLAT_RENDER_ENABLED = true;
+    const CSS3D_SETTLED_TEXT_FLAT_SAFE_TYPES = new Set([
+        'text',
+        'note',
+        'memo',
+        'markdown',
+        'code'
+    ]);
     const CAMERA_STATIONARY_INTERACTION_FRAME_DELAY_MS = 48;
     const CAMERA_ZOOM_END_DELAY_MS = 150;
     const CAMERA_MOTION_GLOBAL_STYLE_CLASS_ENABLED = false;
@@ -673,11 +681,38 @@
             return false;
         }
 
+        const flatScene = canUseSettledTextFlatCss3dSceneRender(module, scene, camera, renderDebugFlags);
+        if (flatScene.ok === true && typeof renderer.renderFlat === 'function') {
+            syncCss3dViewportForSceneRender(module, renderer, camera);
+            const renderedFlat = renderer.renderFlat(scene, camera, {
+                translateBucketPx: CAMERA_MOTION_WEBGL_TRANSFORM_TRANSLATE_BUCKET_PX,
+                scaleBucket: CAMERA_MOTION_WEBGL_TRANSFORM_SCALE_BUCKET
+            }) === true;
+            if (renderedFlat === true) {
+                module._lastCss3dCameraMotionMode = 'flat-settled';
+                module._lastCss3dCameraMotionReason = reason;
+                module._lastCss3dSceneRenderInfo = {
+                    mode: 'flat-settled',
+                    reason,
+                    visibleCount: flatScene.visibleCount,
+                    unsafeCount: flatScene.unsafeCount
+                };
+                return true;
+            }
+        }
+
         if (typeof renderer.render === 'function') {
             syncCss3dViewportForSceneRender(module, renderer, camera);
             renderer.render(scene, camera);
             module._lastCss3dCameraMotionMode = 'matrix3d';
             module._lastCss3dCameraMotionReason = reason;
+            module._lastCss3dSceneRenderInfo = {
+                mode: 'matrix3d',
+                reason,
+                flatSkipReason: flatScene.reason,
+                visibleCount: flatScene.visibleCount,
+                unsafeCount: flatScene.unsafeCount
+            };
             return true;
         }
 
@@ -816,6 +851,108 @@
             Math.abs(Number(rotation.z || 0)) <= 1e-5;
     }
 
+    function isCss3dEntryVisibleForFlatScene(entry) {
+        const cssObject = entry?.cssObject || null;
+        const element = cssObject?.element || null;
+        if (!cssObject || !element) {
+            return false;
+        }
+
+        if (cssObject.visible !== true && entry?.currentType !== 'CSS') {
+            return false;
+        }
+
+        const style = typeof globalThis.getComputedStyle === 'function'
+            ? globalThis.getComputedStyle(element)
+            : null;
+        const rect = typeof element.getBoundingClientRect === 'function'
+            ? element.getBoundingClientRect()
+            : null;
+        return style?.display !== 'none' &&
+            style?.visibility !== 'hidden' &&
+            Number(rect?.width || 0) > 0 &&
+            Number(rect?.height || 0) > 0;
+    }
+
+    function isCss3dEntryUnsafeForSettledFlatScene(entry) {
+        const model = entry?.model || {};
+        const type = String(model.contentType ?? model.ContentType ?? '').trim().toLowerCase();
+        if (!CSS3D_SETTLED_TEXT_FLAT_SAFE_TYPES.has(type)) {
+            return true;
+        }
+
+        if (type === 'image' ||
+            type === 'video' ||
+            type === 'embed' ||
+            type === 'csv-table' ||
+            type === 'templatelauncher') {
+            return true;
+        }
+
+        const element = entry?.cssObject?.element || null;
+        if (!element) {
+            return true;
+        }
+
+        const classList = element.classList;
+        if (classList?.contains?.('node-type-image') === true ||
+            classList?.contains?.('node-type-video') === true ||
+            classList?.contains?.('node-type-embed') === true ||
+            classList?.contains?.('node-type-csv-table') === true ||
+            classList?.contains?.('node-type-templatelauncher') === true) {
+            return true;
+        }
+
+        return !!element.querySelector?.(
+            'iframe, video, canvas.mind-map-video-proxy, .map-node-template-card, .map-node-remote-fleet, .csv-table-scroll, [data-remote-fleet-resize-handle="true"]'
+        );
+    }
+
+    function canUseSettledTextFlatCss3dSceneRender(module, scene, camera, renderDebugFlags = null) {
+        const renderer = module?.cssRenderer || null;
+        if (CSS3D_SETTLED_TEXT_FLAT_RENDER_ENABLED !== true ||
+            !module ||
+            !scene ||
+            !renderer ||
+            typeof renderer.renderFlat !== 'function' ||
+            canUseFlatCss3dCameraMotion(module, renderer, camera, renderDebugFlags) !== true) {
+            return { ok: false, reason: 'not-eligible', visibleCount: 0, unsafeCount: 0 };
+        }
+
+        if (hasBusinessAutomationDraftOrTransformMotionWork(module) === true) {
+            return { ok: false, reason: 'automation-edge-active', visibleCount: 0, unsafeCount: 0 };
+        }
+
+        const entries = module.nodeObjectsById instanceof Map
+            ? Array.from(module.nodeObjectsById.values())
+            : [];
+        let visibleCount = 0;
+        let unsafeCount = 0;
+        for (const entry of entries) {
+            if (isCss3dEntryVisibleForFlatScene(entry) !== true) {
+                continue;
+            }
+
+            visibleCount++;
+            if (isCss3dEntryUnsafeForSettledFlatScene(entry) === true) {
+                unsafeCount++;
+                if (unsafeCount > 0) {
+                    break;
+                }
+            }
+        }
+
+        if (visibleCount <= 0) {
+            return { ok: false, reason: 'no-visible-css3d', visibleCount, unsafeCount };
+        }
+
+        if (unsafeCount > 0) {
+            return { ok: false, reason: 'unsafe-live-css3d-surface', visibleCount, unsafeCount };
+        }
+
+        return { ok: true, reason: 'text-only-css3d', visibleCount, unsafeCount };
+    }
+
     function syncBusinessAutomationEdgesForCameraNavigation(module, transformOnly = false, allowDraftRender = false) {
         transformOnly = transformOnly === true;
         allowDraftRender = allowDraftRender === true;
@@ -2480,6 +2617,9 @@
             overlayContentChanged: moduleInstance._overlayDebugContentChanged === true,
             overlayForceRefresh: moduleInstance._overlayDebugForceRefresh === true,
             cameraMotionFastPathStatus: moduleInstance._cameraMotionFastPathStatus || null,
+            lastCss3dCameraMotionMode: String(moduleInstance._lastCss3dCameraMotionMode || ''),
+            lastCss3dCameraMotionReason: String(moduleInstance._lastCss3dCameraMotionReason || ''),
+            lastCss3dSceneRenderInfo: moduleInstance._lastCss3dSceneRenderInfo || null,
             metricsSnapshotMs: Number(metricsSnapshotMs.toFixed(2)),
             metricsSnapshotCached: false,
             metricsSnapshotAgeMs: 0,

package/wwwroot/_content/MindExecution.Shared/js/mind-map-css3d-manager.js

@@ -15,7 +15,7 @@
     const CSS_IMAGE_PROMOTION_BUDGET_MS = 4;
     const CSS_IMAGE_BLOB_CACHE_LIMIT = 160;
     const CSS_IMAGE_DISPLAY_MAX_CONCURRENCY = 8;
-    const CSS3D_TEXT_NODE_RESOLUTION_SCALE = 3.0;
+    const CSS3D_TEXT_NODE_RESOLUTION_SCALE = 1.0;
     const CSS3D_MEDIA_NODE_RESOLUTION_SCALE = 1.0;
     const LOOPBACK_ASSET_URL_REGEX = /^http:\/\/(?:127(?:\.\d{1,3}){3}|localhost|\[::1\])(?::\d+)?\/assets\//i;
     let _cssImagePreviewHoldUntil = 0;
@@ -68,6 +68,33 @@
         return CSS3D_TEXT_NODE_RESOLUTION_SCALE;
     }
 
+    function getCss3dResolutionZoomValue(resolutionScale) {
+        const scale = Math.max(1, Number(resolutionScale || 1));
+        return Number.isFinite(scale) ? String(scale) : '1';
+    }
+
+    function applyCss3dResolutionLayout(element, worldWidth, worldHeight, resolutionScale, options = {}) {
+        if (!element?.style) return;
+
+        const width = Math.max(1, Math.round(Number(worldWidth || 1)));
+        const height = Math.max(1, Math.round(Number(worldHeight || 1)));
+        const zoom = getCss3dResolutionZoomValue(resolutionScale);
+        element.style.width = `${width}px`;
+        element.style.height = `${height}px`;
+        element.style.minWidth = `${width}px`;
+        element.style.minHeight = `${height}px`;
+        element.style.maxWidth = `${width}px`;
+        element.style.maxHeight = `${height}px`;
+        element.style.transform = 'none';
+        element.style.transformOrigin = '0 0';
+        element.style.removeProperty('--css3d-node-resolution-transform');
+        element.style.setProperty('--css3d-node-resolution-zoom', zoom);
+        element.style.setProperty('zoom', zoom);
+        if (options.resetLayoutTransform === true) {
+            element.style.webkitTransform = 'none';
+        }
+    }
+
     function detectCsvDelimiter(csvText) {
         const text = String(csvText || '');
         const candidates = [',', '\t', ';', '|'];
@@ -341,8 +368,8 @@
                 line-height: var(--mind-map-editable-line-height);
                 font-weight: 400;
                 letter-spacing: normal;
-                -webkit-font-smoothing: antialiased;
-                -moz-osx-font-smoothing: grayscale;
+                -webkit-font-smoothing: auto;
+                -moz-osx-font-smoothing: auto;
                 text-rendering: auto;
             }
             .markdown-body h1 { font-size: 1.8em; font-weight: bold; margin-top: 1em; margin-bottom: 0.5em; border-bottom: 1px solid #eaecef; padding-bottom: 0.3em; }
@@ -717,11 +744,11 @@
             .css3d-dynamic-node,
             [id^="css3d-node-"],
             .map-node {
-                -webkit-font-smoothing: antialiased !important;
-                -moz-osx-font-smoothing: grayscale !important;
+                -webkit-font-smoothing: auto !important;
+                -moz-osx-font-smoothing: auto !important;
                 text-rendering: auto !important;
-                backface-visibility: hidden !important;
-                -webkit-backface-visibility: hidden !important;
+                backface-visibility: visible !important;
+                -webkit-backface-visibility: visible !important;
                 transition: none !important;
                 -webkit-transition: none !important;
                 will-change: auto !important;
@@ -1034,11 +1061,11 @@
                 pointer-events: none;
                 overflow: visible;
                 transform-origin: 0 0;
-                -webkit-font-smoothing: antialiased;
-                -moz-osx-font-smoothing: grayscale;
+                -webkit-font-smoothing: auto;
+                -moz-osx-font-smoothing: auto;
                 text-rendering: auto;
-                backface-visibility: hidden;
-                -webkit-backface-visibility: hidden;
+                backface-visibility: visible;
+                -webkit-backface-visibility: visible;
             }
 
             .mind-map-text-overlay.mind-map-text-overlay-selectable {
@@ -1093,11 +1120,11 @@
                 pointer-events: auto;
                 overflow: visible;
                 transform-origin: 0 0;
-                -webkit-font-smoothing: antialiased;
-                -moz-osx-font-smoothing: grayscale;
+                -webkit-font-smoothing: auto;
+                -moz-osx-font-smoothing: auto;
                 text-rendering: auto;
-                backface-visibility: hidden;
-                -webkit-backface-visibility: hidden;
+                backface-visibility: visible;
+                -webkit-backface-visibility: visible;
             }
 
             .mind-map-edit-overlay-card {
@@ -1824,7 +1851,7 @@
             || wrapper.classList?.contains?.('node-type-csv-table')
         );
 
-        const resolutionScale = Math.max(1, Number(cssObject?.userData?.resolutionScale || CSS3D_RESOLUTION_SCALE || 1));
+        const resolutionScale = Math.max(1, Number(cssObject?.userData?.resolutionScale || 1));
         const worldWidth = Math.max(1, Math.round(Number(width || 1)));
         const worldHeight = Math.max(1, Math.round(Number(height || 1)));
         const scaledWidth = worldWidth * resolutionScale;
@@ -1856,14 +1883,9 @@
 
         const inner = wrapper.firstElementChild;
         if (inner?.style) {
-            inner.style.width = `${worldWidth}px`;
-            inner.style.height = `${worldHeight}px`;
-            inner.style.minWidth = `${worldWidth}px`;
-            inner.style.minHeight = `${worldHeight}px`;
-            inner.style.maxWidth = `${worldWidth}px`;
-            inner.style.maxHeight = `${worldHeight}px`;
-            inner.style.transform = `scale(${resolutionScale})`;
-            inner.style.transformOrigin = '0 0';
+            applyCss3dResolutionLayout(inner, worldWidth, worldHeight, resolutionScale, {
+                resetLayoutTransform: true
+            });
             inner.style.overflow = hasContextSourcePins ? 'visible' : 'hidden';
             if (hasContextSourcePins) {
                 inner.style.contain = 'layout style';
@@ -2165,7 +2187,7 @@
     }
 
     function resolveCss3dMediaFrameSize(nodeModel, cssObject, options = {}) {
-        const resolutionScale = Math.max(1, Number(cssObject?.userData?.resolutionScale || CSS3D_RESOLUTION_SCALE || 1));
+        const resolutionScale = Math.max(1, Number(cssObject?.userData?.resolutionScale || 1));
         const wrapper = cssObject?.element || null;
         const inner = wrapper?.firstElementChild || null;
         const nodeId = getNodeId(nodeModel);
@@ -5735,7 +5757,7 @@
             caret-color: #1f2937;
             box-sizing: border-box;
             overflow-y: auto;
-            -webkit-font-smoothing: antialiased;
+            -webkit-font-smoothing: auto;
             text-rendering: auto;
             white-space: pre-wrap;
             overflow-wrap: break-word;
@@ -20124,7 +20146,7 @@
             overflow-y: auto;
             white-space: pre-wrap;
             overflow-wrap: break-word;
-            -webkit-font-smoothing: antialiased;
+            -webkit-font-smoothing: auto;
             text-rendering: auto;
         `;
 
@@ -22892,12 +22914,9 @@
 
         // ▼▼▼ [Clarity] Scale factor for high-resolution rendering ▼▼▼
         const resolutionScale = getCss3dNodeResolutionScale(contentTypeLower);
-        clonedElement.style.width = `${width}px`;
-        clonedElement.style.height = `${height}px`;
-        clonedElement.style.minWidth = `${width}px`;
-        clonedElement.style.minHeight = `${height}px`;
-        clonedElement.style.maxWidth = `${width}px`;
-        clonedElement.style.maxHeight = `${height}px`;
+        applyCss3dResolutionLayout(clonedElement, width, height, resolutionScale, {
+            resetLayoutTransform: true
+        });
         clonedElement.style.borderRadius = '0px';
 
         // ▼▼▼ [Changed] Remove offset to match WebGL positioning (top-left origin) ▼▼▼
@@ -22909,17 +22928,13 @@
         clonedElement.style.top = '0px';
         // ▲▲▲ [Changed] ▲▲▲
 
-        const innerResolutionTransform = resolutionScale === 1 ? 'none' : `scale(${resolutionScale})`;
-        clonedElement.style.transform = innerResolutionTransform;
-        clonedElement.style.setProperty('--css3d-node-resolution-transform', innerResolutionTransform);
-        clonedElement.style.transformOrigin = '0 0'; // Scale from top-left
         clonedElement.style.transition = 'none';
         clonedElement.style.webkitTransition = 'none';
 
         // ▼▼▼ [Perf] GPU acceleration for smooth zoom/pan ▼▼▼
         // 초기에는 꺼둠 (auto). 카메라 이동 시 mind-map-core.js가 setWillChange(true) 호출
         clonedElement.style.willChange = 'auto'; // 'transform';
-        clonedElement.style.backfaceVisibility = isMediaNode ? 'visible' : 'hidden';
+        clonedElement.style.backfaceVisibility = 'visible';
         // ▲▲▲ [Perf] ▲▲▲
 
         const wrapper = document.createElement('div');
@@ -22951,7 +22966,7 @@
 
         // ▼▼▼ [Perf] GPU acceleration for smooth zoom/pan ▼▼▼
         wrapper.style.willChange = 'auto'; // 'transform';
-        wrapper.style.backfaceVisibility = isMediaNode ? 'visible' : 'hidden';
+        wrapper.style.backfaceVisibility = 'visible';
         wrapper.style.transformStyle = isMediaNode ? 'flat' : '';
         // ▲▲▲ [Perf] ▲▲▲
 
@@ -23140,32 +23155,9 @@
             }
             const inner = el.firstElementChild;
             if (inner) {
-                const innerResolutionTransform = resolutionScale === 1 ? 'none' : `scale(${resolutionScale})`;
-                if (inner.style.width !== `${worldWidth}px`) {
-                    inner.style.width = `${worldWidth}px`;
-                }
-                if (inner.style.height !== `${worldHeight}px`) {
-                    inner.style.height = `${worldHeight}px`;
-                }
-                if (inner.style.minWidth !== `${worldWidth}px`) {
-                    inner.style.minWidth = `${worldWidth}px`;
-                }
-                if (inner.style.minHeight !== `${worldHeight}px`) {
-                    inner.style.minHeight = `${worldHeight}px`;
-                }
-                if (inner.style.maxWidth !== `${worldWidth}px`) {
-                    inner.style.maxWidth = `${worldWidth}px`;
-                }
-                if (inner.style.maxHeight !== `${worldHeight}px`) {
-                    inner.style.maxHeight = `${worldHeight}px`;
-                }
-                if (inner.style.transform !== innerResolutionTransform) {
-                    inner.style.transform = innerResolutionTransform;
-                    inner.style.transformOrigin = '0 0';
-                }
-                if (inner.style.getPropertyValue('--css3d-node-resolution-transform') !== innerResolutionTransform) {
-                    inner.style.setProperty('--css3d-node-resolution-transform', innerResolutionTransform);
-                }
+                applyCss3dResolutionLayout(inner, worldWidth, worldHeight, resolutionScale, {
+                    resetLayoutTransform: true
+                });
             }
         }
 
@@ -23241,14 +23233,9 @@
             card.dataset.nodeId = nodeId;
             card.dataset.semanticType = getNodeSemanticType(nodeModel);
             card.classList.toggle('map-node-remote-device', isRemoteFleetDeviceNode(nodeModel));
-            card.style.width = `${worldWidth}px`;
-            card.style.height = `${worldHeight}px`;
-            card.style.minWidth = `${worldWidth}px`;
-            card.style.minHeight = `${worldHeight}px`;
-            card.style.maxWidth = `${worldWidth}px`;
-            card.style.maxHeight = `${worldHeight}px`;
-            card.style.transform = `scale(${resolutionScale})`;
-            card.style.transformOrigin = '0 0';
+            applyCss3dResolutionLayout(card, worldWidth, worldHeight, resolutionScale, {
+                resetLayoutTransform: true
+            });
             ensureRemoteFleetResizeHandles(card, nodeModel);
 
             const titleEl = card.querySelector('.template-card__title');
@@ -23281,14 +23268,9 @@
             card.style.position = 'absolute';
             card.style.left = '0px';
             card.style.top = '0px';
-            card.style.width = `${worldWidth}px`;
-            card.style.height = `${worldHeight}px`;
-            card.style.minWidth = `${worldWidth}px`;
-            card.style.minHeight = `${worldHeight}px`;
-            card.style.maxWidth = `${worldWidth}px`;
-            card.style.maxHeight = `${worldHeight}px`;
-            card.style.transform = `scale(${resolutionScale})`;
-            card.style.transformOrigin = '0 0';
+            applyCss3dResolutionLayout(card, worldWidth, worldHeight, resolutionScale, {
+                resetLayoutTransform: true
+            });
             card.style.transition = 'none';
             card.style.webkitTransition = 'none';
 

package/wwwroot/_content/MindExecution.Shared/js/mind-map-lod-renderer.js

@@ -51,7 +51,7 @@
     // ▲▲▲ [Usage] ▲▲▲
 
     // Procedural line rendering settings
-    const LOD_RENDERER_BUILD_ID = '20260621-render-surface-v764';
+    const LOD_RENDERER_BUILD_ID = '20260621-native-text-css3d-v768';
     const DirtyKind = Object.freeze({
         ResidentFullRebuild: 'resident-full-rebuild',
         ResidentPatch: 'resident-patch',

package/wwwroot/_content/MindExecution.Shared/js/mind-map-nodes.js

@@ -1494,8 +1494,11 @@
             inner.style.minHeight = `${height}px`;
             inner.style.maxWidth = `${width}px`;
             inner.style.maxHeight = `${height}px`;
-            inner.style.transform = `scale(${resolutionScale})`;
+            inner.style.transform = 'none';
             inner.style.transformOrigin = '0 0';
+            inner.style.removeProperty('--css3d-node-resolution-transform');
+            inner.style.setProperty('--css3d-node-resolution-zoom', String(Math.max(1, Number(resolutionScale || 1))));
+            inner.style.setProperty('zoom', String(Math.max(1, Number(resolutionScale || 1))));
             inner.style.overflow = 'hidden';
         }
         if (module && nodeId) {
@@ -4012,8 +4015,11 @@
             if (innerContent) {
                 innerContent.style.width = `${modelWidth}px`;
                 innerContent.style.height = `${modelHeight}px`;
-                innerContent.style.transform = `scale(${resolutionScale})`;
+                innerContent.style.transform = 'none';
                 innerContent.style.transformOrigin = '0 0';
+                innerContent.style.removeProperty('--css3d-node-resolution-transform');
+                innerContent.style.setProperty('--css3d-node-resolution-zoom', String(Math.max(1, Number(resolutionScale || 1))));
+                innerContent.style.setProperty('zoom', String(Math.max(1, Number(resolutionScale || 1))));
             }
 
             // Update textarea size as well

package/wwwroot/_content/MindExecution.Shared/js/mind-map-pipeline.js

@@ -587,8 +587,11 @@
                         inner.style.minHeight = h + 'px';
                         inner.style.maxWidth = w + 'px';
                         inner.style.maxHeight = h + 'px';
-                        inner.style.transform = `scale(${resolutionScale})`;
+                        inner.style.transform = 'none';
                         inner.style.transformOrigin = '0 0';
+                        inner.style.removeProperty('--css3d-node-resolution-transform');
+                        inner.style.setProperty('--css3d-node-resolution-zoom', String(Math.max(1, Number(resolutionScale || 1))));
+                        inner.style.setProperty('zoom', String(Math.max(1, Number(resolutionScale || 1))));
                     }
                     const textarea = wrapper.querySelector('textarea');
                     if (textarea) {

package/wwwroot/_content/MindExecution.Shared/js/renderers/CSS3DRenderer.js

@@ -32,8 +32,8 @@
 
     function CSS3DRenderer(){
         var _width, _height; var _widthHalf, _heightHalf; var cache = { camera:{ fov:0, style:'', mode:'matrix3d' }, objects: new WeakMap() };
-        var domElement = document.createElement('div'); domElement.style.overflow = 'hidden'; domElement.style.contain = 'layout style'; domElement.style.willChange = 'transform'; domElement.style.webkitTransition = domElement.style.transition = 'none'; domElement.style.webkitBackfaceVisibility = domElement.style.backfaceVisibility = 'hidden'; this.domElement = domElement;
-        var cameraElement = document.createElement('div'); cameraElement.style.webkitTransformStyle = cameraElement.style.transformStyle = 'preserve-3d'; cameraElement.style.pointerEvents = 'none'; cameraElement.style.webkitTransformOrigin = cameraElement.style.transformOrigin = '0 0'; cameraElement.style.contain = 'layout style'; cameraElement.style.willChange = 'transform'; cameraElement.style.webkitTransition = cameraElement.style.transition = 'none'; cameraElement.style.webkitBackfaceVisibility = cameraElement.style.backfaceVisibility = 'hidden'; domElement.appendChild(cameraElement);
+        var domElement = document.createElement('div'); domElement.style.overflow = 'hidden'; domElement.style.contain = 'layout style'; domElement.style.willChange = 'transform'; domElement.style.webkitTransition = domElement.style.transition = 'none'; domElement.style.webkitBackfaceVisibility = domElement.style.backfaceVisibility = 'visible'; this.domElement = domElement;
+        var cameraElement = document.createElement('div'); cameraElement.style.webkitTransformStyle = cameraElement.style.transformStyle = 'preserve-3d'; cameraElement.style.pointerEvents = 'none'; cameraElement.style.webkitTransformOrigin = cameraElement.style.transformOrigin = '0 0'; cameraElement.style.contain = 'layout style'; cameraElement.style.willChange = 'transform'; cameraElement.style.webkitTransition = cameraElement.style.transition = 'none'; cameraElement.style.webkitBackfaceVisibility = cameraElement.style.backfaceVisibility = 'visible'; domElement.appendChild(cameraElement);
 
         this.getSize = function(){ return { width:_width, height:_height }; };
         this.getCameraElement = function(){ return cameraElement; };

package/wwwroot/index.html

@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html>
 <html lang="en">
 
 <head>
@@ -7,11 +7,11 @@
     <title>MindExec | Business Execution OS for solo builders</title>
     <meta name="description" content="MindExec is an AI business execution OS for solo builders who want to turn notes, research, assets, and repeatable execution Skills into revenue-producing work." />
     <base href="/" />
-    <link rel="stylesheet" href="_content/MindExecution.Shared/css/app.css?v=20260621-render-surface-v764" />
-    <link rel="stylesheet" href="_content/MindExecution.Shared/css/mind-map-overrides.css?v=20260621-render-surface-v764" />
-    <!-- ?占썩뼹??Font Awesome (local) ?占썩뼹??-->
+    <link rel="stylesheet" href="_content/MindExecution.Shared/css/app.css?v=20260621-native-text-css3d-v768" />
+    <link rel="stylesheet" href="_content/MindExecution.Shared/css/mind-map-overrides.css?v=20260621-native-text-css3d-v768" />
+    <!-- ??좎뜦堉??Font Awesome (local) ??좎뜦堉??-->
     <link rel="stylesheet" href="_content/MindExecution.Shared/lib/font-awesome/css/all.min.css" />
-    <!-- ?占썩뼯??-->
+    <!-- ??좎뜦堉??-->
     <style>
         #app {
             min-height: 100vh;
@@ -180,7 +180,7 @@
         function adjustTextareaHeight(element) {
             if (!element) return;
 
-            // ?占썩뼹??[Change] Add jitter-prevention logic ?占썩뼹??
+            // ??좎뜦堉??[Change] Add jitter-prevention logic ??좎뜦堉??
             // Compare the previous text length. When content grows, skip the 'auto' reset.
             // Only reset to 'auto' when shrinking (during deletion).
             const currentLength = element.value.length;
@@ -191,7 +191,7 @@
             }
 
             element.dataset.prevLength = currentLength; // store current length
-            // ?占썩뼯??[Change] ?占썩뼯??
+            // ??좎뜦堉??[Change] ??좎뜦堉??
 
             const computedStyles = window.getComputedStyle(element);
             const lineHeight = parseFloat(computedStyles.lineHeight || '24') || 24;
@@ -284,11 +284,11 @@
         // Prevent default page-level DnD behavior
         document.addEventListener('dragover', (e) => {
             e.preventDefault();
-            // ?占썩뼹??[Change] Remove/avoid stopPropagation (do not disrupt event flow) ?占썩뼹??
+            // ??좎뜦堉??[Change] Remove/avoid stopPropagation (do not disrupt event flow) ??좎뜦堉??
             // e.stopPropagation(); 
-            // ?占썩뼯??[Change] ?占썩뼯??
+            // ??좎뜦堉??[Change] ??좎뜦堉??
 
-            // ?占썩뼹??[Change] Default is 'none', but only apply when not handled by children ?占썩뼹??
+            // ??좎뜦堉??[Change] Default is 'none', but only apply when not handled by children ??좎뜦堉??
             // (If MindMapDnD handles it, this code won't run or will be ignored)
             // e.dataTransfer.dropEffect = 'none'; 
         }, false);
@@ -428,7 +428,7 @@
             window.__matchesMarketingToolHost(host, location.host || '')
         );
     </script>
-    <!-- ?占썩뼹??[Upgrade] Three.js r168 via ESM ?占썩뼹??-->
+    <!-- ??좎뜦堉??[Upgrade] Three.js r168 via ESM ??좎뜦堉??-->
     <script type="importmap">
     {
         "imports": {
@@ -579,7 +579,7 @@
             }
 
             const base = '_content/MindExecution.Shared/js/';
-        const scriptVersion = '20260621-render-surface-v764';
+        const scriptVersion = '20260621-native-text-css3d-v768';
             const scriptUrl = (script) => `${base}${script}?v=${scriptVersion}`;
             console.log(`[Script Loader] Shared JS version: ${scriptVersion}`);
             const criticalScripts = [
@@ -590,7 +590,7 @@
                 'background-themes.js',
                 'mind-map-logic-workers.js',
                 // Troika removed
-                'texture-worker-manager.js',  // ??Web Worker ?占쎌뒪占??占쎌꽦
+                'texture-worker-manager.js',  // ??Web Worker ??좎럩?ゅ뜝???좎럩苑?
                 'mind-map-texture-factory.js',
                 'mind-map-glow-shader.js',  // ??SDF Glow (no textures, GPU only)
                 'mind-map-css3d-manager.js',
@@ -603,7 +603,7 @@
                 'mind-map-interactions.js',
                 'mind-map-dnd.js',
                 'mind-map-lod-renderer.js',
-                'mind-map-text-lod-system.js',  // ??Text LOD ?占쎌뒪??(?占쎌쟻 ?占쎌뒪占??占쎌쭏)
+                'mind-map-text-lod-system.js',  // ??Text LOD ??좎럩???(??좎럩????좎럩?ゅ뜝???좎럩彛?
                 'mind-map-core.js',
                 'mindmap-toolbar.js',
                 'token-manager.js',
@@ -722,7 +722,7 @@
             window.showBlazorBootError('The page could not finish loading. Reload and try again.');
         });
     </script>
-    <!-- ?占썩뼯??[Upgrade] ?占썩뼯??-->
+    <!-- ??좎뜦堉??[Upgrade] ??좎뜦堉??-->
 </body>
 
 </html>

package/wwwroot/service-worker-assets.js

@@ -1,5 +1,5 @@
 self.assetsManifest = {
-    "version":  "ruCzPCdj",
+    "version":  "MbOfumRW",
     "assets":  [
                    {
                        "hash":  "sha256-+CSYMcqLNTsq3VnH11jgYyOCCdxvHzL74CBmo4sCmMU=",
@@ -42,7 +42,7 @@
                        "url":  "_content/MindExecution.Shared/css/app.css"
                    },
                    {
-                       "hash":  "sha256-fBZF6kWiDPt1sGCsO142TDnkhyhEpqsEyhsor/tlD7s=",
+                       "hash":  "sha256-7nQpXb37sKR3RZmQKw2aOgyHiJhZIeD0ZjND2r6kPQA=",
                        "url":  "_content/MindExecution.Shared/css/mind-map-overrides.css"
                    },
                    {
@@ -78,7 +78,7 @@
                        "url":  "_content/MindExecution.Shared/js/marked.min.js"
                    },
                    {
-                       "hash":  "sha256-HKwYME1RgiPDf9/sqJM9cACT6oNp0T289ABb6yhj2Do=",
+                       "hash":  "sha256-MQlbxaL9dPkFLXMKym66rO86KqrhAENJ2as1RigkaAg=",
                        "url":  "_content/MindExecution.Shared/js/mind-map-core.js"
                    },
                    {
@@ -86,7 +86,7 @@
                        "url":  "_content/MindExecution.Shared/js/mind-map-core.js.backup"
                    },
                    {
-                       "hash":  "sha256-NIcvifXg16PDsJNbK9ML9ulTLc1AythfZn++dITG33s=",
+                       "hash":  "sha256-47AXeYQsA/oib+SKpGtdZvNe46zeqUJIVjSSCWQh+R4=",
                        "url":  "_content/MindExecution.Shared/js/mind-map-css3d-manager.js"
                    },
                    {
@@ -114,7 +114,7 @@
                        "url":  "_content/MindExecution.Shared/js/mind-map-lod-plan-worker.js"
                    },
                    {
-                       "hash":  "sha256-rfWvg1M/ej67E8jHQnhft3J1kl+26xCAih2xbhjdMFk=",
+                       "hash":  "sha256-jZXZkbCTSbx0/SeGrY8w8ftkqVJyxsoIVqPQY5VlxYI=",
                        "url":  "_content/MindExecution.Shared/js/mind-map-lod-renderer.js"
                    },
                    {
@@ -134,7 +134,7 @@
                        "url":  "_content/MindExecution.Shared/js/mind-map-node-search-worker.js"
                    },
                    {
-                       "hash":  "sha256-ClgYZD53gZ+rXhndRO4/9wtqRdYzjnARG3onQqch/Gk=",
+                       "hash":  "sha256-ILZvVKP1KjScKg2EAmPNokKNrZCv8do4XE3r1piy988=",
                        "url":  "_content/MindExecution.Shared/js/mind-map-nodes.js"
                    },
                    {
@@ -146,7 +146,7 @@
                        "url":  "_content/MindExecution.Shared/js/mind-map-object-manager.js.backup"
                    },
                    {
-                       "hash":  "sha256-U1ZZffxZdhXwwCRY4VLUKXOFUMGllD7/Wsno/iXNC2E=",
+                       "hash":  "sha256-QvC3R24/3hjEyEkuxhKD2yA47gscsPoysFuaQJ6hhLQ=",
                        "url":  "_content/MindExecution.Shared/js/mind-map-pipeline.js"
                    },
                    {
@@ -182,7 +182,7 @@
                        "url":  "_content/MindExecution.Shared/js/plan-master.js"
                    },
                    {
-                       "hash":  "sha256-QCdyQOre0GrA61w+YanZp5DbOJr/dlg7rCLE9f/hAqM=",
+                       "hash":  "sha256-sw+qo4BCCICzNh4RmibnAFQaeNcZ0njo6b1VwFAzKdo=",
                        "url":  "_content/MindExecution.Shared/js/renderers/CSS3DRenderer.js"
                    },
                    {
@@ -834,7 +834,7 @@
                        "url":  "image-manifest.json"
                    },
                    {
-                       "hash":  "sha256-uCxwMt+KFk4zlQHx+qaZ17q6j5sRS3XOFt7RqN1OkG8=",
+                       "hash":  "sha256-k7kHDdZrrGs696vtUiMDao5o91j7fMxKEO5ZbrR+vxM=",
                        "url":  "index.html"
                    },
                    {

package/wwwroot/service-worker.js

@@ -1,4 +1,4 @@
-/* Manifest version: ruCzPCdj */
+/* Manifest version: MbOfumRW */
 // Hosted deployments should prefer the network over stale offline caches.
 // This service worker immediately clears old Blazor offline caches and unregisters itself.