@mindexec/cli 0.2.0 → 0.2.2

package/README.md

@@ -18,6 +18,14 @@ By default the CLI opens the MindCanvas app in your default browser after the
 bridge is ready. Use `mindexec --no-open` or `MINDEXEC_NO_OPEN=1` when you only
 want to start the listener.
 
+For npx and global installs, the default workspace is the directory where you
+run the command. Run it from the folder that contains your `.mindexec` data, or
+pass the workspace explicitly:
+
+```bash
+npx @mindexec/cli --workspace /path/to/workspace
+```
+
 For local frontend development, keep LocalBridge running and refresh the
 packaged app bundle after code changes:
 
@@ -47,6 +55,7 @@ mindexec
 湲곕낯 ?ㅽ뻾 二쇱냼??`http://127.0.0.1:5147`?낅땲?? `WORKSPACE_PATH`媛€ 鍮꾩뼱 ?덉쑝硫??ㅼ튂???⑦궎吏€??遺€紐??대뜑瑜?湲곕낯 ?묒뾽 怨듦컙?쇰줈 ?ъ슜?⑸땲??
 
 ```bash
+mindexec --workspace /custom/path
 BRIDGE_PORT=8080 WORKSPACE_PATH=/custom/path mindexec
 ```
 

package/launch-bridge.cjs

@@ -1,6 +1,7 @@
 #!/usr/bin/env node
 
 const path = require('path');
+const fs = require('fs');
 const { spawn } = require('child_process');
 const packageInfo = require('./package.json');
 const { normalizePort, releaseBridgePort } = require('./port-guard.cjs');
@@ -8,23 +9,94 @@ const { normalizePort, releaseBridgePort } = require('./port-guard.cjs');
 const bridgeRoot = __dirname;
 const serverPath = path.resolve(bridgeRoot, 'server.js');
 const inheritedWorkspacePath = String(process.env.WORKSPACE_PATH || '').trim();
-const workspacePath = inheritedWorkspacePath || path.resolve(bridgeRoot, '..');
 const rawArgs = process.argv.slice(2);
+const parsedArgs = extractWorkspaceArg(rawArgs);
+const cliArgs = parsedArgs.args;
+const workspacePath = path.resolve(
+    parsedArgs.workspacePath || inheritedWorkspacePath || getDefaultWorkspacePath()
+);
 const appUrl = `http://localhost:${normalizePort(process.env.BRIDGE_PORT)}/mindcanvas`;
 const statusUrl = `http://127.0.0.1:${normalizePort(process.env.BRIDGE_PORT)}/api/status`;
 
+function isSamePath(left, right) {
+    return path.resolve(left).toLowerCase() === path.resolve(right).toLowerCase();
+}
+
+function pathExists(...segments) {
+    return fs.existsSync(path.join(...segments));
+}
+
+function looksLikeWorkspaceRoot(candidate) {
+    return pathExists(candidate, '.mindexec')
+        || pathExists(candidate, 'MindExecution.Web')
+        || pathExists(candidate, 'MindExecution.Shared')
+        || pathExists(candidate, 'LocalBridge');
+}
+
+function getDefaultWorkspacePath() {
+    const cwd = process.cwd();
+    const bridgeParent = path.resolve(bridgeRoot, '..');
+
+    if (isSamePath(cwd, bridgeRoot) && looksLikeWorkspaceRoot(bridgeParent)) {
+        return bridgeParent;
+    }
+
+    return cwd;
+}
+
+function extractWorkspaceArg(args) {
+    const filteredArgs = [];
+    let workspacePath = '';
+
+    for (let index = 0; index < args.length; index += 1) {
+        const arg = args[index];
+        if (arg === '--workspace' || arg === '--workspace-path') {
+            workspacePath = String(args[index + 1] || '').trim();
+            if (!workspacePath) {
+                console.error(`[MindExec CLI] ${arg} requires a path.`);
+                process.exit(1);
+            }
+
+            index += 1;
+            continue;
+        }
+
+        if (arg.startsWith('--workspace=')) {
+            workspacePath = arg.slice('--workspace='.length).trim();
+            continue;
+        }
+
+        if (arg.startsWith('--workspace-path=')) {
+            workspacePath = arg.slice('--workspace-path='.length).trim();
+            continue;
+        }
+
+        filteredArgs.push(arg);
+    }
+
+    return {
+        args: filteredArgs,
+        workspacePath
+    };
+}
+
 function printHelp() {
     console.log(`MindExec CLI ${packageInfo.version}
 
 Usage:
-  mindexec [start] [node-options]
-  npx @mindexec/cli
+  mindexec [start] [options] [node-options]
+  npx @mindexec/cli [options]
 
 Runs the MindExec local app and bridge on http://localhost:5147/mindcanvas by default.
 
+Options:
+  --workspace <path>
+                    Workspace root. Defaults to the current directory for npx/global runs
+  --no-open         Do not open the local app in the default browser
+
 Environment:
   BRIDGE_PORT       Local bridge port. Default: 5147
-  WORKSPACE_PATH    Workspace root. Default: parent of the installed package
+  WORKSPACE_PATH    Workspace root. Overridden by --workspace when both are set
   BRIDGE_TOKEN      Fixed token for protected REST APIs
   MINDEXEC_WEB_ROOT Published MindCanvas wwwroot override. Default: package wwwroot
   MINDEXEC_NO_OPEN=1
@@ -37,25 +109,27 @@ Environment:
 Examples:
   mindexec
   mindexec --no-open
+  mindexec --workspace /path/to/work
+  npx @mindexec/cli --workspace /path/to/work
   BRIDGE_PORT=8080 WORKSPACE_PATH=/path/to/work mindexec
   mindexec --watch
 `);
 }
 
-if (rawArgs.includes('--help') || rawArgs.includes('-h')) {
+if (cliArgs.includes('--help') || cliArgs.includes('-h')) {
     printHelp();
     process.exit(0);
 }
 
-if (rawArgs.includes('--version') || rawArgs.includes('-v')) {
+if (cliArgs.includes('--version') || cliArgs.includes('-v')) {
     console.log(packageInfo.version);
     process.exit(0);
 }
 
-const command = rawArgs[0];
+const command = cliArgs[0];
 const commandArgs = command === 'start' || command === 'bridge'
-    ? rawArgs.slice(1)
-    : rawArgs;
+    ? cliArgs.slice(1)
+    : cliArgs;
 const shouldOpenApp = !commandArgs.some(arg => arg === '--no-open' || arg === '--no-browser')
     && !/^(1|true|yes|on)$/i.test(String(process.env.MINDEXEC_NO_OPEN || '').trim())
     && !/^(0|false|no|off)$/i.test(String(process.env.MINDEXEC_OPEN_APP || '').trim());

package/package.json

@@ -1,25 +1,25 @@
 {
   "name": "@mindexec/cli",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "description": "MindExec local runtime and bridge CLI",
   "main": "server.js",
   "type": "module",
-  "files": [
-    "start-bridge.bat",
-    "start-bridge.sh",
-    "launch-bridge.cjs",
-    "server.js",
-    "codex-runtime.js",
-    "port-guard.cjs",
-    "wwwroot/",
-    "scripts/",
+  "files": [
+    "start-bridge.bat",
+    "start-bridge.sh",
+    "launch-bridge.cjs",
+    "server.js",
+    "codex-runtime.js",
+    "port-guard.cjs",
+    "wwwroot/",
+    "scripts/",
     "tree-sitter-grammars/",
     "README.md"
   ],
   "scripts": {
     "start": "node launch-bridge.cjs",
     "dev": "node launch-bridge.cjs --watch",
-    "test:syntax": "node --check server.js && node --check codex-runtime.js && node --check launch-bridge.cjs && node --check port-guard.cjs && node --check scripts/setup-tree-sitter-grammars.mjs",
+    "test:syntax": "node --check server.js && node --check codex-runtime.js && node --check launch-bridge.cjs && node --check port-guard.cjs && node --check scripts/setup-tree-sitter-grammars.mjs",
     "pack:dry": "npm pack --dry-run",
     "setup:grammars": "node scripts/setup-tree-sitter-grammars.mjs",
     "postinstall": "npm run setup:grammars"

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

@@ -36,6 +36,17 @@
     contain-intrinsic-size: auto !important;
 }
 
+.css3d-resolution-wrapper.node-type-templatelauncher,
+.css3d-resolution-wrapper.node-type-templatelauncher > .map-node,
+.css3d-resolution-wrapper.node-type-templatelauncher > .map-node-template-card {
+    contain: layout style !important;
+    content-visibility: visible !important;
+    contain-intrinsic-size: auto !important;
+    isolation: isolate !important;
+    -webkit-backface-visibility: visible !important;
+    backface-visibility: visible !important;
+}
+
 .css3d-resolution-wrapper.node-type-image > .map-node,
 .css3d-resolution-wrapper.node-type-video > .map-node,
 .css3d-resolution-wrapper.node-type-embed > .map-node {

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 = '20260609-midfar-idle-resident-wake-v204';
+    const MINDMAP_CORE_BUILD_ID = '20260610-template-board-ready-v205';
     const CanvasPhase = Object.freeze({
         Booting: 'booting',
         BoardFileLoading: 'board-file-loading',
@@ -170,6 +170,52 @@
     let moduleInstance = null;
     let pendingAuthToken = null;
     let pendingSettings = null;
+    let _lastCompletedBoardLoadId = null;
+    let _lastCompletedBoardLoadAt = 0;
+
+    function normalizeBoardIdValue(boardId) {
+        return String(boardId ?? '').trim().toLowerCase();
+    }
+
+    function invalidateCurrentBoardLoadCompletion(reason = 'unknown') {
+        _lastCompletedBoardLoadId = null;
+        _lastCompletedBoardLoadAt = 0;
+        emitMindCanvasTrace('board.load.pending', {
+            boardId: _currentBoardId,
+            reason
+        });
+    }
+
+    function isCurrentBoardLoadComplete() {
+        const activeBoardId = normalizeBoardIdValue(_currentBoardId);
+        return !!activeBoardId && activeBoardId === _lastCompletedBoardLoadId;
+    }
+
+    function markBoardLoadComplete(boardId, reason = 'unknown') {
+        const expectedBoardId = normalizeBoardIdValue(boardId);
+        const activeBoardId = normalizeBoardIdValue(_currentBoardId);
+        if (!expectedBoardId || expectedBoardId !== activeBoardId) {
+            emitMindCanvasTrace('board.staleMutationBlocked', {
+                mutation: 'markBoardLoadComplete',
+                expectedBoardId,
+                activeBoardId,
+                reason
+            });
+            return false;
+        }
+
+        _lastCompletedBoardLoadId = expectedBoardId;
+        _lastCompletedBoardLoadAt = typeof performance !== 'undefined' ? performance.now() : Date.now();
+        emitMindCanvasTrace('board.load.complete', {
+            boardId: _currentBoardId,
+            reason,
+            nodeCount: moduleInstance?.nodeObjectsById?.size || 0,
+            isLoading: moduleInstance?.isLoading === true,
+            phase: moduleInstance?.canvasPhase || null
+        });
+        return true;
+    }
+
     function isDocumentHidden() {
         return typeof document !== 'undefined' && document.visibilityState === 'hidden';
     }
@@ -1997,7 +2043,11 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
     let _currentBoardId = null;
 
     function setActiveBoardIdRuntime(boardId, reason = 'unknown') {
+        const previousBoardId = _currentBoardId;
         _currentBoardId = boardId || null;
+        if (normalizeBoardIdValue(previousBoardId) !== normalizeBoardIdValue(_currentBoardId)) {
+            invalidateCurrentBoardLoadCompletion(reason);
+        }
         window.MindCanvasBuildInfo?.setRuntime?.('activeBoardId', _currentBoardId);
         emitMindCanvasTrace('board.active', {
             boardId: _currentBoardId,
@@ -7258,6 +7308,7 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
             if (boardId) {
                 setActiveBoardIdRuntime(boardId, 'resetBoard');
             }
+            invalidateCurrentBoardLoadCompletion('resetBoard');
             // ▲▲▲ [Fix] ▲▲▲
             const resetPhase = moduleInstance.canvasPhase === CanvasPhase.Booting
                 ? CanvasPhase.BoardFileLoading
@@ -7369,9 +7420,22 @@ ${summaryLines.map(line => `<div>${escapeNodeFrameDebugHtml(line)}</div>`).join(
         // ▼▼▼ [Fix] Expose activeBoardId for async guard in addNode ▼▼▼
         get activeBoardId() { return _currentBoardId; },
         setActiveBoardId: (boardId) => { setActiveBoardIdRuntime(boardId, 'external-setActiveBoardId'); },
+        markBoardLoadCompleteForBoard: (boardId) => markBoardLoadComplete(boardId, 'csharp-board-load-complete'),
+        getActiveBoardRuntimeState: () => ({
+            activeBoardId: _currentBoardId,
+            activeBoardIdNormalized: normalizeBoardIdValue(_currentBoardId),
+            isLoading: moduleInstance?.isLoading === true,
+            canvasPhase: moduleInstance?.canvasPhase || null,
+            nodeCount: moduleInstance?.nodeObjectsById?.size || 0,
+            boardLoadComplete: isCurrentBoardLoadComplete(),
+            boardLoadCompletedAt: _lastCompletedBoardLoadAt || 0
+        }),
         getRuntimeDiagnostics: () => ({
             activeBoardId: _currentBoardId,
             canvasPhase: moduleInstance?.canvasPhase || null,
+            isLoading: moduleInstance?.isLoading === true,
+            boardLoadComplete: isCurrentBoardLoadComplete(),
+            nodeCount: moduleInstance?.nodeObjectsById?.size || 0,
             buildInfo: window.MindCanvasBuildInfo?.dump?.() || null,
             guardCounts: window.MindCanvasDevGuards?.getCounts?.() || {},
             trace: {

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

@@ -297,6 +297,17 @@
                 overflow: hidden !important;
             }
 
+            .css3d-resolution-wrapper.node-type-templatelauncher,
+            .css3d-resolution-wrapper.node-type-templatelauncher > .map-node,
+            .css3d-resolution-wrapper.node-type-templatelauncher > .map-node-template-card {
+                contain: layout style !important;
+                content-visibility: visible !important;
+                contain-intrinsic-size: auto !important;
+                isolation: isolate !important;
+                backface-visibility: visible !important;
+                -webkit-backface-visibility: visible !important;
+            }
+
             .css3d-resolution-wrapper.node-type-image .node-content-wrapper,
             .css3d-resolution-wrapper.node-type-video .node-content-wrapper,
             .css3d-resolution-wrapper.node-type-embed .node-content-wrapper,
@@ -3196,6 +3207,8 @@
 
             nodeModel.response = normalized;
             nodeModel.Response = normalized;
+            mediaEl.dataset.mediaSourceUrl = normalized;
+            mediaEl.dataset.resolvedMediaSourceUrl = normalized;
             mediaEl.setAttribute('src', normalized);
 
             if (contentTypeLower === 'video' && typeof mediaEl.load === 'function') {
@@ -3266,11 +3279,25 @@
             return;
         }
 
+        const clearVideoPlaybackError = () => {
+            if (contentTypeLower !== 'video') {
+                return;
+            }
+
+            const metadata = ensureCssMediaMetadata(nodeModel);
+            delete metadata.VideoPlaybackError;
+            delete metadata.videoPlaybackError;
+            delete metadata.VideoPlaybackErrorCode;
+            delete metadata.videoPlaybackErrorCode;
+            mediaEl.closest?.('.video-content')?.classList?.remove?.('mind-map-video-error');
+        };
+
         const handleReady = () => {
             if (contentTypeLower === 'image') {
                 mediaEl.dataset.mediaReady = '1';
                 mediaEl.style.opacity = '1';
             }
+            clearVideoPlaybackError();
             setAssetRefreshState(nodeModel, '', '');
             syncMediaLoadingRowForElement(mediaEl, nodeModel, contentTypeLower);
             mediaEl.dataset.assetRefreshAttempted = '';
@@ -3282,12 +3309,61 @@
             }
         };
 
-        mediaEl.onerror = () => {
+        const describeVideoElementError = () => {
+            const code = Number(mediaEl?.error?.code || 0);
+            const reason = {
+                1: 'loading was aborted',
+                2: 'a network error stopped loading',
+                3: 'the browser could not decode the media',
+                4: 'the browser does not support this codec or container'
+            }[code] || 'the browser could not load the media';
+            const source = getCssMediaCanonicalSource(mediaEl, nodeModel?.response || nodeModel?.Response || '');
+            let hint = 'Try H.264/AAC MP4 or WebM.';
+            try {
+                const parsed = new URL(source, window.location?.href || undefined);
+                const extension = parsed.pathname.split('.').pop()?.toLowerCase() || '';
+                if (extension === 'mov' || extension === 'm4v') {
+                    hint = 'MOV/M4V often fails in browsers unless encoded as H.264/AAC.';
+                }
+            } catch { }
+
+            return `Video playback failed: ${reason}. ${hint}`;
+        };
+
+        const markVideoElementError = () => {
+            if (contentTypeLower !== 'video') {
+                return;
+            }
+
+            const metadata = ensureCssMediaMetadata(nodeModel);
+            const message = describeVideoElementError();
+            metadata.VideoPlaybackError = message;
+            metadata.videoPlaybackError = message;
+            metadata.VideoPlaybackErrorCode = String(Number(mediaEl?.error?.code || 0));
+            metadata.videoPlaybackErrorCode = metadata.VideoPlaybackErrorCode;
+            mediaEl.closest?.('.video-content')?.classList?.add?.('mind-map-video-error');
+            setAssetRefreshState(nodeModel, 'failed', message);
+            syncMediaLoadingRowForElement(mediaEl, nodeModel, contentTypeLower);
+        };
+
+        const handleMediaError = async () => {
             if (contentTypeLower === 'image') {
                 mediaEl.dataset.mediaReady = '0';
                 mediaEl.style.opacity = '0';
             }
-            void tryRefreshCssMediaSource(mediaEl, nodeModel, contentTypeLower);
+            const beforeSource = getCssMediaCanonicalSource(mediaEl, nodeModel?.response || nodeModel?.Response || '');
+            await tryRefreshCssMediaSource(mediaEl, nodeModel, contentTypeLower);
+            if (contentTypeLower === 'video') {
+                const afterSource = getCssMediaCanonicalSource(mediaEl, nodeModel?.response || nodeModel?.Response || '');
+                const refreshState = getAssetRefreshState(nodeModel);
+                if (afterSource === beforeSource && refreshState !== 'refreshing') {
+                    markVideoElementError();
+                }
+            }
+        };
+
+        mediaEl.onerror = () => {
+            void handleMediaError();
         };
 
         if (contentTypeLower === 'video') {
@@ -5740,7 +5816,7 @@
             tone = 'refresh';
         } else if ((contentTypeLower === 'image' || contentTypeLower === 'video') && assetRefreshState === 'failed') {
             showRow = true;
-            label = 'Asset refresh failed';
+            label = contentTypeLower === 'video' ? 'Video playback failed' : 'Asset refresh failed';
             message = assetRefreshMessage || 'Reload the board or reopen this file.';
             tone = 'failed';
         } else if (contentTypeLower === 'video') {

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

@@ -367,6 +367,10 @@
             isAgentLikeLodNode(model);
     }
 
+    function isTemplateLauncherModel(model) {
+        return getNodeContentType(model) === 'templatelauncher';
+    }
+
     function isCssMediaFallbackModel(model) {
         const contentType = getNodeContentType(model);
         return contentType === 'image' ||
@@ -710,6 +714,7 @@
     function supportsCss3dNodeModel(model) {
         const contentType = getNodeContentType(model);
         return isTextLikeModel(model) ||
+            isTemplateLauncherModel(model) ||
             contentType === 'image' ||
             contentType === 'video' ||
             contentType === 'embed';
@@ -4379,6 +4384,15 @@
                 this._warmCss3dNodeIds.has(nodeId);
         }
 
+        _syncAlwaysCss3dNodes(nodeObjectsById, module = this._module) {
+            if (!nodeObjectsById || !isCss3dRendererEnabled(module)) return;
+
+            for (const entry of nodeObjectsById.values()) {
+                if (!entry || !isTemplateLauncherModel(entry.model)) continue;
+                this._showNodeCss3d(entry, module);
+            }
+        }
+
         _showNodeCss3d(entry, module) {
             if (!entry || !window.MindMapCss3DManager) return;
             const model = entry.model;
@@ -5517,6 +5531,8 @@
                         // ▲▲▲ [FIX] ▲▲▲
 
 
+                        this._syncAlwaysCss3dNodes(nodeObjectsById, module);
+
                     } else {
                         perfTime('fullResSetup', () => {
                             // Full-res: NEAR(DOM overlay + CSS3D) / NORMAL(CSS3D only)

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

@@ -38,6 +38,14 @@
     const NODE_INTERACTIVE_CONTENT_SELECTORS = `${NODE_TEXT_SELECTION_SELECTORS}, .embed-content, .embed-card, .embed-card *, .embed-action, .embed-play-button, iframe, .map-node-memo__icon-button, .map-node-memo__icon-option, .map-node-memo__icon-popover, .map-node-memo__agent-action, .map-node-memo__agent-result-link, .map-node-memo__agent-plan-panel, .map-node-memo__agent-plan-body, .map-node-memo__agent-plan-body *, .map-node-memo__agent-console-panel, .map-node-memo__agent-console-body, .map-node-memo__agent-console-body *, .map-node-memo__agent-console-resize, .map-node-memo__agent-console-resize *`;
     const MEMO_EDIT_ONLY_SELECTORS = '.map-node-memo__title, .map-node-memo__body, .map-node-memo__icon-button, .map-node-memo__icon-option, .map-node-memo__icon-popover';
 
+    function getNodeContentTypeLower(nodeModel) {
+        return String(nodeModel?.contentType ?? nodeModel?.ContentType ?? '').trim().toLowerCase();
+    }
+
+    function isTemplateLauncherNodeModel(nodeModel) {
+        return getNodeContentTypeLower(nodeModel) === 'templatelauncher';
+    }
+
     function getNodeMetadata(nodeModel) {
         return nodeModel?.metadata || nodeModel?.Metadata || null;
     }
@@ -2106,7 +2114,8 @@
         // ★ [Add] Safeguard: abort if factory is not loaded yet (avoid crash)
         // ★ [Add] Safeguard: abort if factory is not loaded yet (avoid crash)
         // ★ [수정] 텍스처가 필요 없는 CSS3D 타입(text, note, code, markdown)은 팩토리가 없어도 통과시킵니다.
-        const isCss3dType = nodeModel.contentType === 'text' || nodeModel.contentType === 'note' || nodeModel.contentType === 'memo' || nodeModel.contentType === 'code' || nodeModel.contentType === 'markdown' || nodeModel.contentType === 'embed';
+        const isTemplateLauncherNode = isTemplateLauncherNodeModel(nodeModel);
+        const isCss3dType = nodeModel.contentType === 'text' || nodeModel.contentType === 'note' || nodeModel.contentType === 'memo' || nodeModel.contentType === 'code' || nodeModel.contentType === 'markdown' || nodeModel.contentType === 'embed' || isTemplateLauncherNode;
 
         if (!isCss3dType && typeof window.MindMapTextureFactory === 'undefined') {
             console.error(`[MindMapNodes] Critical: MindMapTextureFactory is missing! Cannot add node ${nodeModel.id}. Retrying in 100ms...`);
@@ -2170,7 +2179,7 @@
         let autoPositioned = false;
         const isNewNode = nodeModel.metadata && nodeModel.metadata['IsNew'] === 'true';
 
-        if (isNewNode && (nodeModel.contentType === 'note' || nodeModel.contentType === 'text' || nodeModel.contentType === 'memo' || nodeModel.contentType === 'image' || nodeModel.contentType === 'video' || nodeModel.contentType === 'embed') && nodeModel.positionX === 0 && nodeModel.positionY === 0) {
+        if (isNewNode && (nodeModel.contentType === 'note' || nodeModel.contentType === 'text' || nodeModel.contentType === 'memo' || nodeModel.contentType === 'image' || nodeModel.contentType === 'video' || nodeModel.contentType === 'embed' || isTemplateLauncherNode) && nodeModel.positionX === 0 && nodeModel.positionY === 0) {
             if (module.cursorPosition) {
                 nodeModel.positionX = module.cursorPosition.x;
                 nodeModel.positionY = module.cursorPosition.y;
@@ -2685,7 +2694,7 @@
         const isNearMode = module.lodRenderer ? !module.lodRenderer.isInLODMode : true;
 
         // Rich cards use CSS3D in NEAR/NORMAL so wrapper glow/selection stays consistent.
-        if (nodeModel.contentType === 'note' || nodeModel.contentType === 'memo' || nodeModel.contentType === 'text' || nodeModel.contentType === 'markdown' || nodeModel.contentType === 'code' || nodeModel.contentType === 'image' || nodeModel.contentType === 'video' || nodeModel.contentType === 'embed') {
+        if (nodeModel.contentType === 'note' || nodeModel.contentType === 'memo' || nodeModel.contentType === 'text' || nodeModel.contentType === 'markdown' || nodeModel.contentType === 'code' || nodeModel.contentType === 'image' || nodeModel.contentType === 'video' || nodeModel.contentType === 'embed' || isTemplateLauncherNode) {
             log(`[MindMapNodes] Creating cssObject for ${nodeModel.contentType} node ${nodeModel.id}`);
             const shouldDeferCssObject = module.isLoading && (
                 nodeModel.contentType === 'text' ||
@@ -2704,7 +2713,7 @@
                 const glPos = glObject.position;
                 // [FIX] Parallax issue fix: Set Z to match glObject (was + 0.2)
                 nodeEntry.cssObject.position.set(glPos.x, glPos.y, glPos.z);
-                const shouldAttachCss = isNearMode;
+                const shouldAttachCss = isNearMode || isTemplateLauncherNode;
                 if (shouldAttachCss) {
                     (module.cssScene || module.scene).add(nodeEntry.cssObject);
                     window.MindMapCss3DManager?.markCssParentRepairNeeded?.(module, nodeModel.id);

package/wwwroot/_framework/blazor.boot.json

@@ -1,7 +1,7 @@
 {
   "mainAssemblyName": "MindExecution.Web",
   "resources": {
-    "hash": "sha256-j9lSCQnAHXGmdzDIi3d5whli8CN6n66zmJphjRM2/ZI=",
+    "hash": "sha256-bpjahUAizPTcZ5/jYUUN2m7UstGT3kbK9FOnfweXUO8=",
     "fingerprinting": {
       "Google.Protobuf.9h59ukbel7.dll": "Google.Protobuf.dll",
       "Markdig.d1j7v41cl1.dll": "Markdig.dll",
@@ -127,12 +127,12 @@
       "MindExecution.Kernel.gwwc40sc45.dll": "MindExecution.Kernel.dll",
       "MindExecution.Plugins.Admin.0jgrn1sckv.dll": "MindExecution.Plugins.Admin.dll",
       "MindExecution.Plugins.Business.13mme2qcag.dll": "MindExecution.Plugins.Business.dll",
-      "MindExecution.Plugins.Concept.dfp2mdt45q.dll": "MindExecution.Plugins.Concept.dll",
+      "MindExecution.Plugins.Concept.9al2g3v3f9.dll": "MindExecution.Plugins.Concept.dll",
       "MindExecution.Plugins.Directory.3w4t6n3se0.dll": "MindExecution.Plugins.Directory.dll",
-      "MindExecution.Plugins.PlanMaster.s0qpntz420.dll": "MindExecution.Plugins.PlanMaster.dll",
-      "MindExecution.Plugins.YouTube.iu11fq8d16.dll": "MindExecution.Plugins.YouTube.dll",
-      "MindExecution.Shared.7j27dcqnrc.dll": "MindExecution.Shared.dll",
-      "MindExecution.Web.pq1ty8ov2v.dll": "MindExecution.Web.dll",
+      "MindExecution.Plugins.PlanMaster.vfmfbygv5y.dll": "MindExecution.Plugins.PlanMaster.dll",
+      "MindExecution.Plugins.YouTube.32jyiqs383.dll": "MindExecution.Plugins.YouTube.dll",
+      "MindExecution.Shared.7ttmykvopx.dll": "MindExecution.Shared.dll",
+      "MindExecution.Web.ozzcqp30uy.dll": "MindExecution.Web.dll",
       "dotnet.js": "dotnet.js",
       "dotnet.native.xsn1d6x2kd.js": "dotnet.native.js",
       "dotnet.native.vz0adxojrz.wasm": "dotnet.native.wasm",
@@ -280,16 +280,16 @@
       "netstandard.0xet7jg7ky.dll": "sha256-xENDv620uJ8fHwLJ2bdhrTHz4QPjvqXOztnk2a4wr0c=",
       "MindExecution.Core.1q1trifbuu.dll": "sha256-Bx+DnvKBnQ6pU+WkVnBtHJWmbT8+AfwdrzIsZOYRuwk=",
       "MindExecution.Kernel.gwwc40sc45.dll": "sha256-kHUYRsoWMKBagWUNqjc2tZDNhinix4z4JbCHhmQqr+w=",
-      "MindExecution.Plugins.Concept.dfp2mdt45q.dll": "sha256-OecaUsIn1VlvDL5wBdzpYm2qwLSvYFEubsTNZD5cqWc=",
-      "MindExecution.Plugins.PlanMaster.s0qpntz420.dll": "sha256-/IqukDrp/IN9xLgL2Tk49cFCKvhUil8tz9EED052KwM=",
-      "MindExecution.Shared.7j27dcqnrc.dll": "sha256-k0X8TvkgyDcpJk03YwVNKPYEN/oQ1BhAXH22CtP7lmM=",
-      "MindExecution.Web.pq1ty8ov2v.dll": "sha256-74+tLbyshIXRRBzB0l2KvysS0+DKpaZ4/JQ9KYf3lMo="
+      "MindExecution.Plugins.Concept.9al2g3v3f9.dll": "sha256-QYQcZjx/1n94cDfUijDLZP+Mb0V8qN/BXwg+Yabys7U=",
+      "MindExecution.Plugins.PlanMaster.vfmfbygv5y.dll": "sha256-W5LWlsDtp+V4lm7BLdhefVcNkfRJ8b67uF7CWh5vtng=",
+      "MindExecution.Shared.7ttmykvopx.dll": "sha256-a2JiyNIN4cEhbaPuCSHbToBV2fLKbDK0/aEOrEB0vHs=",
+      "MindExecution.Web.ozzcqp30uy.dll": "sha256-NM/QHswprBwzOuOVX0bH1Q9dOfu0eLz784S5dFaMLT0="
     },
     "lazyAssembly": {
       "MindExecution.Plugins.Admin.0jgrn1sckv.dll": "sha256-bGesH24e01NzlKAZSfHwmyCRSCqXh7Dh8IzpYUD/+vQ=",
       "MindExecution.Plugins.Business.13mme2qcag.dll": "sha256-Tc/4bEirMCQn6JXVksPprJln7V0VOUCHXOqdMYYoHOc=",
       "MindExecution.Plugins.Directory.3w4t6n3se0.dll": "sha256-A3Cd8T7bI7w2uz0HT8L6inpQp40EVGFAks1Hl7bPxo0=",
-      "MindExecution.Plugins.YouTube.iu11fq8d16.dll": "sha256-Zmlfr3wCyo/K6+6+wKziZnEvv9qaffdxaegJmSDs2vM="
+      "MindExecution.Plugins.YouTube.32jyiqs383.dll": "sha256-BfHgivxHkj3qFVB0s5RJXV7nvvbJjpSue9Cnbcbx8co="
     }
   },
   "cacheBootResources": true,

package/wwwroot/index.html

@@ -7,8 +7,8 @@
     <title>MindExec | Run your ideas as AI task graphs</title>
     <meta name="description" content="MindExec is an AI execution canvas for solo builders, researchers, developers, and creators. Start with free browser tools, then move serious work into saved MindCanvas projects." />
     <base href="/" />
-    <link rel="stylesheet" href="_content/MindExecution.Shared/css/app.css?v=20260610-video-dnd-v454" />
-    <link rel="stylesheet" href="_content/MindExecution.Shared/css/mind-map-overrides.css?v=20260610-video-dnd-v454" />
+    <link rel="stylesheet" href="_content/MindExecution.Shared/css/app.css?v=20260610-template-card-v460" />
+    <link rel="stylesheet" href="_content/MindExecution.Shared/css/mind-map-overrides.css?v=20260610-template-card-v460" />
     <!-- ?쇄뼹??Font Awesome (local) ?쇄뼹??-->
     <link rel="stylesheet" href="_content/MindExecution.Shared/lib/font-awesome/css/all.min.css" />
     <!-- ?꿎뼯??-->
@@ -558,7 +558,7 @@
             }
 
             const base = '_content/MindExecution.Shared/js/';
-            const scriptVersion = '20260610-video-dnd-v454';
+            const scriptVersion = '20260610-template-card-v460';
             const scriptUrl = (script) => `${base}${script}?v=${scriptVersion}`;
             console.log(`[Script Loader] Shared JS version: ${scriptVersion}`);
             const criticalScripts = [

package/wwwroot/service-worker-assets.js

@@ -1,5 +1,5 @@
 self.assetsManifest = {
-    "version":  "DG6TAbxo",
+    "version":  "IFXfuOYd",
     "assets":  [
                    {
                        "hash":  "sha256-+CSYMcqLNTsq3VnH11jgYyOCCdxvHzL74CBmo4sCmMU=",
@@ -42,7 +42,7 @@
                        "url":  "_content/MindExecution.Shared/css/app.css"
                    },
                    {
-                       "hash":  "sha256-aFRuE02nuyx5pmI+f1OphRTDxfeIfFOF6ZSpgUnjOzU=",
+                       "hash":  "sha256-8c4EBD7ciaWPLPydbFB44+kg/t5LYC0wVUO7GM0eHHs=",
                        "url":  "_content/MindExecution.Shared/css/mind-map-overrides.css"
                    },
                    {
@@ -78,7 +78,7 @@
                        "url":  "_content/MindExecution.Shared/js/marked.min.js"
                    },
                    {
-                       "hash":  "sha256-1bN3G+Kvz//ajslfZkDbiB0JlOEqYE9zDfzUyMUuHM4=",
+                       "hash":  "sha256-Njstb0CPStc2mmPhfiAWmqPZEHooyzZ5DfcPfAXF21A=",
                        "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-Gb2UEcBSTZegpBX8BUGB/2oW5sSu3I0zILX/kC74sU4=",
+                       "hash":  "sha256-tbkbEIXDKELigOD/5f5XEfRmaXg8Q7NJ/OpLyKC2gg0=",
                        "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-ZK4kJVsno8A3B4Sy+deHjTqFtstV2eSJDt+jPKgcfuM=",
+                       "hash":  "sha256-eCnM98QtSxKZXrNczEE7YjT3uHmIVz9tee8R+33mMnc=",
                        "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-yYoxPLbG2g8rBHwNyJBWZF/wi2hG0tQDXx3crliTTAA=",
+                       "hash":  "sha256-2qBxbVqSdyOUf9ZphBekCGWunuKiFOPRlK/vB2hiCBw=",
                        "url":  "_content/MindExecution.Shared/js/mind-map-nodes.js"
                    },
                    {
@@ -426,28 +426,28 @@
                        "url":  "_framework/MindExecution.Plugins.Business.13mme2qcag.dll"
                    },
                    {
-                       "hash":  "sha256-OecaUsIn1VlvDL5wBdzpYm2qwLSvYFEubsTNZD5cqWc=",
-                       "url":  "_framework/MindExecution.Plugins.Concept.dfp2mdt45q.dll"
+                       "hash":  "sha256-QYQcZjx/1n94cDfUijDLZP+Mb0V8qN/BXwg+Yabys7U=",
+                       "url":  "_framework/MindExecution.Plugins.Concept.9al2g3v3f9.dll"
                    },
                    {
                        "hash":  "sha256-A3Cd8T7bI7w2uz0HT8L6inpQp40EVGFAks1Hl7bPxo0=",
                        "url":  "_framework/MindExecution.Plugins.Directory.3w4t6n3se0.dll"
                    },
                    {
-                       "hash":  "sha256-/IqukDrp/IN9xLgL2Tk49cFCKvhUil8tz9EED052KwM=",
-                       "url":  "_framework/MindExecution.Plugins.PlanMaster.s0qpntz420.dll"
+                       "hash":  "sha256-W5LWlsDtp+V4lm7BLdhefVcNkfRJ8b67uF7CWh5vtng=",
+                       "url":  "_framework/MindExecution.Plugins.PlanMaster.vfmfbygv5y.dll"
                    },
                    {
-                       "hash":  "sha256-Zmlfr3wCyo/K6+6+wKziZnEvv9qaffdxaegJmSDs2vM=",
-                       "url":  "_framework/MindExecution.Plugins.YouTube.iu11fq8d16.dll"
+                       "hash":  "sha256-BfHgivxHkj3qFVB0s5RJXV7nvvbJjpSue9Cnbcbx8co=",
+                       "url":  "_framework/MindExecution.Plugins.YouTube.32jyiqs383.dll"
                    },
                    {
-                       "hash":  "sha256-k0X8TvkgyDcpJk03YwVNKPYEN/oQ1BhAXH22CtP7lmM=",
-                       "url":  "_framework/MindExecution.Shared.7j27dcqnrc.dll"
+                       "hash":  "sha256-a2JiyNIN4cEhbaPuCSHbToBV2fLKbDK0/aEOrEB0vHs=",
+                       "url":  "_framework/MindExecution.Shared.7ttmykvopx.dll"
                    },
                    {
-                       "hash":  "sha256-74+tLbyshIXRRBzB0l2KvysS0+DKpaZ4/JQ9KYf3lMo=",
-                       "url":  "_framework/MindExecution.Web.pq1ty8ov2v.dll"
+                       "hash":  "sha256-NM/QHswprBwzOuOVX0bH1Q9dOfu0eLz784S5dFaMLT0=",
+                       "url":  "_framework/MindExecution.Web.ozzcqp30uy.dll"
                    },
                    {
                        "hash":  "sha256-IsZJ91/OW+fHzNqIgEc7Y072ns8z9dGritiSyvR9Wgc=",
@@ -770,7 +770,7 @@
                        "url":  "_framework/Websocket.Client.vapounvmnl.dll"
                    },
                    {
-                       "hash":  "sha256-GH60B592wM29SlKKi+ms1pJ+uIqnA43EzAvXuxBROk4=",
+                       "hash":  "sha256-1V8kJI8cQQC5wH7NDXOkR1Bl3ZCqG0lKzlAZShrzyJA=",
                        "url":  "_framework/blazor.boot.json"
                    },
                    {
@@ -834,7 +834,7 @@
                        "url":  "image-manifest.json"
                    },
                    {
-                       "hash":  "sha256-i5ricR/8J4W5bSLBVwDNqBQtUAoohO+DuD/UaR0agk4=",
+                       "hash":  "sha256-78bACARkTS2HDx0RnUgBr8qzgYhIv/9sm+az5Gi7nkk=",
                        "url":  "index.html"
                    },
                    {

package/wwwroot/service-worker.js

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