@xcanwin/manyoyo 5.8.0 → 5.8.2

package/lib/web/frontend/app.css

@@ -407,6 +407,75 @@ textarea:focus-visible {
     width: min(760px, calc(100vw - 24px));
 }
 
+.agent-template-primary .text-block {
+    margin-top: 0;
+}
+
+.agent-template-primary .text-block + .text-block,
+#agentTemplateOverrideGroup {
+    margin-top: 12px;
+}
+
+.agent-template-primary select,
+.agent-template-primary textarea {
+    border: 1px solid var(--line);
+    border-radius: 10px;
+    padding: 9px 11px;
+    background: var(--panel-strong);
+    color: var(--text);
+    font-size: 13px;
+    font-family: var(--font-ui);
+}
+
+.agent-template-primary textarea {
+    min-height: 92px;
+    font-family: var(--font-mono);
+    resize: vertical;
+}
+
+.agent-template-section {
+    padding: 12px;
+    border: 1px solid var(--line);
+    border-radius: 12px;
+    background: rgba(255, 253, 250, 0.92);
+}
+
+.agent-template-section + .agent-template-section {
+    margin-top: 12px;
+}
+
+.agent-template-section-title {
+    margin-bottom: 8px;
+    font-size: 12px;
+    font-weight: 700;
+    color: var(--text);
+}
+
+.agent-template-section .text-block {
+    margin-top: 0;
+}
+
+.agent-template-section .text-block + .text-block {
+    margin-top: 10px;
+}
+
+.agent-template-section select,
+.agent-template-section textarea {
+    border: 1px solid var(--line);
+    border-radius: 10px;
+    padding: 9px 11px;
+    background: var(--panel-strong);
+    color: var(--text);
+    font-size: 13px;
+    font-family: var(--font-ui);
+}
+
+.agent-template-section textarea {
+    min-height: 92px;
+    font-family: var(--font-mono);
+    resize: vertical;
+}
+
 .session-head {
     display: flex;
     justify-content: space-between;

package/lib/web/frontend/app.html

@@ -165,12 +165,7 @@
                             </div>
                         </label>
                         <label>containerName<input id="createContainerName" placeholder="my-dev 或 my-{now}" /></label>
-                        <label>containerPath
-                            <div class="field-inline">
-                                <input id="createContainerPath" placeholder="/workspace" />
-                                <button type="button" id="pickContainerPathBtn" class="secondary field-picker-btn">选择</button>
-                            </div>
-                        </label>
+                        <label>containerPath<input id="createContainerPath" placeholder="/workspace" /></label>
                         <label>imageName<input id="createImageName" placeholder="localhost/xcanwin/manyoyo" /></label>
                         <label>imageVersion<input id="createImageVersion" placeholder="1.7.4-common" /></label>
                         <label>containerMode
@@ -184,7 +179,15 @@
                         <label>shellPrefix<input id="createShellPrefix" placeholder="例如 IS_SANDBOX=1" /></label>
                         <label>shell<input id="createShell" placeholder="例如 claude / codex" /></label>
                         <label>shellSuffix<input id="createShellSuffix" placeholder="例如 --dangerously-skip-permissions" /></label>
-                        <label>yolo<input id="createYolo" placeholder="例如 c / cx / gm / oc" /></label>
+                        <label>CLI
+                            <select id="createYolo">
+                                <option value="">(不使用)</option>
+                                <option value="claude">claude</option>
+                                <option value="codex">codex</option>
+                                <option value="gemini">gemini</option>
+                                <option value="opencode">opencode</option>
+                            </select>
+                        </label>
                         <label>agentPromptCommand<input id="createAgentPromptCommand" placeholder="例如 codex exec --plain-text {prompt}" /></label>
                     </div>
                     <label class="text-block">env (KEY=VALUE，每行一项)
@@ -231,15 +234,38 @@
                     <button type="button" id="agentTemplateCancelBtn" class="secondary">关闭</button>
                 </header>
                 <div class="modal-body">
-                    <div id="agentTemplateTip" class="modal-tip"></div>
-                    <label class="text-block">容器默认 agentPromptCommand
-                        <textarea id="containerAgentPromptEditor" placeholder="例如 codex exec --skip-git-repo-check {prompt}"></textarea>
-                    </label>
-                    <div id="agentTemplateOverrideGroup">
-                        <label class="text-block">当前 AGENT 覆盖模板
-                            <textarea id="agentPromptOverrideEditor" placeholder="留空则继承容器默认模板"></textarea>
+                    <div id="agentTemplatePrimary" class="agent-template-primary">
+                        <label class="text-block">CLI
+                            <select id="containerCliSelect">
+                                <option value="custom">自定义</option>
+                                <option value="claude">claude</option>
+                                <option value="codex">codex</option>
+                                <option value="gemini">gemini</option>
+                                <option value="opencode">opencode</option>
+                            </select>
+                        </label>
+                        <label class="text-block">高级编辑 agentPromptCommand
+                            <textarea id="containerAgentPromptEditor" placeholder="例如 codex exec --skip-git-repo-check {prompt}"></textarea>
                         </label>
                     </div>
+                    <div id="agentTemplateOverrideGroup">
+                        <section class="agent-template-section">
+                            <div class="agent-template-section-title">当前 AGENT 覆盖</div>
+                            <label class="text-block">CLI
+                                <select id="agentCliSelect">
+                                    <option value="">继承容器默认</option>
+                                    <option value="custom">自定义</option>
+                                    <option value="claude">claude</option>
+                                    <option value="codex">codex</option>
+                                    <option value="gemini">gemini</option>
+                                    <option value="opencode">opencode</option>
+                                </select>
+                            </label>
+                            <label class="text-block">高级编辑 agentPromptCommand
+                                <textarea id="agentPromptOverrideEditor" placeholder="留空则继承容器默认模板"></textarea>
+                            </label>
+                        </section>
+                    </div>
                     <div id="agentTemplateError" class="modal-error" hidden></div>
                 </div>
                 <footer class="modal-footer">
@@ -254,7 +280,6 @@
     <script src="/app/vendor/xterm-addon-fit.js"></script>
     <script src="/app/vendor/marked.min.js"></script>
     <script src="/app/frontend/markdown-renderer.js"></script>
-    <script src="/app/frontend/path-picker-utils.js"></script>
     <script src="/app/frontend/app.js"></script>
 </body>
 </html>

package/lib/web/frontend/app.js

@@ -62,7 +62,6 @@
         sessionDetailRequestId: 0,
         agentTemplateError: '',
         createAgentPromptAuto: false,
-        createContainerPathBase: '',
         createDefaults: null,
         createRuns: {},
         sessionNodeMap: new Map(),
@@ -80,8 +79,6 @@
             title: '',
             tip: '',
             currentPath: '',
-            basePath: '',
-            baseContainerPath: '',
             entries: [],
             error: ''
         },
@@ -145,7 +142,6 @@
     const createHostPath = document.getElementById('createHostPath');
     const createContainerPath = document.getElementById('createContainerPath');
     const pickHostPathBtn = document.getElementById('pickHostPathBtn');
-    const pickContainerPathBtn = document.getElementById('pickContainerPathBtn');
     const createImageName = document.getElementById('createImageName');
     const createImageVersion = document.getElementById('createImageVersion');
     const createContainerMode = document.getElementById('createContainerMode');
@@ -188,9 +184,11 @@
     const sendBtn = document.getElementById('sendBtn');
     const stopBtn = document.getElementById('stopBtn');
     const agentTemplateModal = document.getElementById('agentTemplateModal');
-    const agentTemplateTip = document.getElementById('agentTemplateTip');
+    const agentTemplatePrimary = document.getElementById('agentTemplatePrimary');
+    const containerCliSelect = document.getElementById('containerCliSelect');
     const containerAgentPromptEditor = document.getElementById('containerAgentPromptEditor');
     const agentTemplateOverrideGroup = document.getElementById('agentTemplateOverrideGroup');
+    const agentCliSelect = document.getElementById('agentCliSelect');
     const agentPromptOverrideEditor = document.getElementById('agentPromptOverrideEditor');
     const agentTemplateError = document.getElementById('agentTemplateError');
     const agentTemplateCancelBtn = document.getElementById('agentTemplateCancelBtn');
@@ -230,16 +228,18 @@
     const GEMINI_YOLO_FLAG = '--yolo';
     const CODEX_DANGEROUS_FLAG = '--dangerously-bypass-approvals-and-sandbox';
     const OPENCODE_PERMISSION_KEY = 'OPENCODE_PERMISSION=';
+    const AGENT_TEMPLATE_CLI_COMMAND_MAP = {
+        claude: YOLO_COMMAND_MAP.claude,
+        codex: YOLO_COMMAND_MAP.codex,
+        gemini: YOLO_COMMAND_MAP.gemini,
+        opencode: YOLO_COMMAND_MAP.opencode
+    };
     const SIDEBAR_TREE_STORAGE_KEY = 'manyoyo.web.sidebarTree.v1';
     const markdownRenderer = window.ManyoyoMarkdown
         && typeof window.ManyoyoMarkdown.shouldRenderMessage === 'function'
         && typeof window.ManyoyoMarkdown.render === 'function'
         ? window.ManyoyoMarkdown
         : null;
-    const pathPickerUtils = window.ManyoyoPathPickerUtils && typeof window.ManyoyoPathPickerUtils === 'object'
-        ? window.ManyoyoPathPickerUtils
-        : {};
-
     function normalizeBooleanMap(source) {
         const result = {};
         if (!source || typeof source !== 'object' || Array.isArray(source)) {
@@ -696,41 +696,6 @@
         return false;
     }
 
-    function normalizeSlashPath(value) {
-        if (typeof pathPickerUtils.normalizeSlashPath === 'function') {
-            return pathPickerUtils.normalizeSlashPath(value);
-        }
-        return String(value || '').replace(/\\/g, '/');
-    }
-
-    function isChildPath(basePath, targetPath) {
-        if (typeof pathPickerUtils.isChildPath === 'function') {
-            return pathPickerUtils.isChildPath(basePath, targetPath);
-        }
-        const normalizedBase = normalizeSlashPath(basePath).replace(/\/+$/, '');
-        const normalizedTarget = normalizeSlashPath(targetPath).replace(/\/+$/, '');
-        if (!normalizedBase) {
-            return false;
-        }
-        return normalizedTarget === normalizedBase || normalizedTarget.startsWith(normalizedBase + '/');
-    }
-
-    function buildContainerPathFromHostSelection(baseHostPath, baseContainerPath, selectedHostPath) {
-        if (typeof pathPickerUtils.buildContainerPathFromHostSelection === 'function') {
-            return pathPickerUtils.buildContainerPathFromHostSelection(baseHostPath, baseContainerPath, selectedHostPath);
-        }
-        const normalizedBaseHost = normalizeSlashPath(baseHostPath).replace(/\/+$/, '');
-        const normalizedContainer = normalizeSlashPath(baseContainerPath).replace(/\/+$/, '') || '/workspace';
-        const normalizedSelected = normalizeSlashPath(selectedHostPath).replace(/\/+$/, '');
-        if (!normalizedBaseHost || !isChildPath(normalizedBaseHost, normalizedSelected)) {
-            return normalizedContainer;
-        }
-        const relative = normalizedSelected === normalizedBaseHost
-            ? ''
-            : normalizedSelected.slice(normalizedBaseHost.length + 1);
-        return relative ? `${normalizedContainer}/${relative}`.replace(/\/+/g, '/') : normalizedContainer;
-    }
-
     function setModalVisible(modalNode, visible) {
         if (!modalNode) return;
         modalNode.hidden = !visible;
@@ -829,6 +794,26 @@
         return YOLO_COMMAND_MAP[key] || '';
     }
 
+    function normalizeCreateYoloValue(yolo) {
+        const key = String(yolo || '').trim().toLowerCase();
+        if (!key) {
+            return '';
+        }
+        if (key === 'claude' || key === 'cc' || key === 'c') {
+            return 'claude';
+        }
+        if (key === 'codex' || key === 'cx') {
+            return 'codex';
+        }
+        if (key === 'gemini' || key === 'gm' || key === 'g') {
+            return 'gemini';
+        }
+        if (key === 'opencode' || key === 'oc') {
+            return 'opencode';
+        }
+        return '';
+    }
+
     function stripLeadingAssignments(commandText) {
         let rest = String(commandText || '').trim();
         const assignmentPattern = /^(?:[A-Za-z_][A-Za-z0-9_]*=)(?:"(?:\\.|[^"])*"|'(?:\\.|[^'])*'|[^\s]+)(?:\s+|$)/;
@@ -919,7 +904,6 @@
         createContainerName.value = value.containerName || '';
         createHostPath.value = value.hostPath || '';
         createContainerPath.value = value.containerPath || '';
-        state.createContainerPathBase = String(value.containerPath || '').trim();
         createImageName.value = value.imageName || '';
         createImageVersion.value = value.imageVersion || '';
         createContainerMode.value = value.containerMode || '';
@@ -928,7 +912,7 @@
         createShellSuffix.value = value.shellSuffix || '';
         createAgentPromptCommand.value = value.agentPromptCommand || '';
         state.createAgentPromptAuto = false;
-        createYolo.value = value.yolo || '';
+        createYolo.value = normalizeCreateYoloValue(value.yolo);
         // 敏感 env 与继承数组由服务端在创建时合并，前端表单默认不回显，避免泄露或重复提交。
         createEnv.value = '';
         createEnvFile.value = '';
@@ -1106,28 +1090,101 @@
         agentTemplateError.textContent = state.agentTemplateError;
     }
 
+    function inferTemplateCliValue(templateText, options) {
+        const text = String(templateText || '').trim();
+        const opts = options && typeof options === 'object' ? options : {};
+        if (!text) {
+            return opts.allowEmpty ? '' : 'custom';
+        }
+        const program = resolveAgentProgram(text);
+        return AGENT_PROMPT_TEMPLATE_MAP[program] ? program : 'custom';
+    }
+
+    function buildTemplateFromCliValue(cliValue) {
+        const cli = String(cliValue || '').trim().toLowerCase();
+        if (!cli || cli === 'custom') {
+            return '';
+        }
+        const baseCommand = AGENT_TEMPLATE_CLI_COMMAND_MAP[cli] || '';
+        if (!baseCommand) {
+            return '';
+        }
+        return resolveAgentPromptTemplate(baseCommand);
+    }
+
+    function syncAgentTemplateSelectFromEditor(selectNode, editorNode, options) {
+        if (!selectNode || !editorNode) {
+            return;
+        }
+        const value = inferTemplateCliValue(editorNode.value, options);
+        selectNode.value = value;
+    }
+
+    function getInheritedContainerTemplateText() {
+        if (containerAgentPromptEditor) {
+            const editorText = String(containerAgentPromptEditor.value || '').trim();
+            if (editorText) {
+                return editorText;
+            }
+        }
+        if (state.sessionDetail && typeof state.sessionDetail.containerAgentPromptCommand === 'string') {
+            const containerText = String(state.sessionDetail.containerAgentPromptCommand || '').trim();
+            if (containerText) {
+                return containerText;
+            }
+        }
+        if (state.sessionDetail && typeof state.sessionDetail.agentPromptCommand === 'string') {
+            const effectiveText = String(state.sessionDetail.agentPromptCommand || '').trim();
+            if (effectiveText) {
+                return effectiveText;
+            }
+        }
+        return '';
+    }
+
+    function applyAgentTemplateCliSelection(selectNode, editorNode, options) {
+        if (!selectNode || !editorNode) {
+            return;
+        }
+        const opts = options && typeof options === 'object' ? options : {};
+        const cliValue = String(selectNode.value || '').trim();
+        if (!cliValue && opts.allowEmpty === true) {
+            editorNode.value = getInheritedContainerTemplateText();
+            showAgentTemplateError('');
+            return;
+        }
+        if (cliValue === 'custom') {
+            showAgentTemplateError('');
+            return;
+        }
+        const nextTemplate = buildTemplateFromCliValue(cliValue);
+        if (nextTemplate) {
+            editorNode.value = nextTemplate;
+        }
+        showAgentTemplateError('');
+    }
+
     function fillAgentTemplateForm(detail) {
         const currentDetail = detail && typeof detail === 'object' ? detail : {};
+        const overrideEditable = isActiveAgentOverrideEditable();
+        const containerTemplateText = String(
+            currentDetail.containerAgentPromptCommand || currentDetail.agentPromptCommand || ''
+        ).trim();
         if (containerAgentPromptEditor) {
-            containerAgentPromptEditor.value = currentDetail.containerAgentPromptCommand || '';
+            containerAgentPromptEditor.value = containerTemplateText;
         }
         if (agentPromptOverrideEditor) {
-            agentPromptOverrideEditor.value = currentDetail.agentPromptCommandOverride || '';
+            agentPromptOverrideEditor.value = currentDetail.agentPromptCommandOverride || containerTemplateText;
+        }
+        syncAgentTemplateSelectFromEditor(containerCliSelect, containerAgentPromptEditor);
+        if (agentCliSelect) {
+            agentCliSelect.value = currentDetail.agentPromptCommandOverride ? inferTemplateCliValue(currentDetail.agentPromptCommandOverride, { allowEmpty: true }) : '';
+        }
+        if (agentTemplatePrimary) {
+            agentTemplatePrimary.hidden = overrideEditable;
         }
         if (agentTemplateOverrideGroup) {
-            agentTemplateOverrideGroup.hidden = !isActiveAgentOverrideEditable();
-        }
-        if (agentTemplateTip) {
-            const sessionName = currentDetail.agentName || state.active || '当前会话';
-            const sourceMap = {
-                agent: '当前 AGENT 覆盖',
-                container: '容器默认模板',
-                inferred: '从容器启动命令推导',
-                none: '未配置'
-            };
-            const sourceLabel = sourceMap[currentDetail.agentPromptSource] || '未配置';
-            const effectiveTemplate = currentDetail.agentPromptCommand || '—';
-            agentTemplateTip.textContent = `${sessionName} · 当前生效来源：${sourceLabel} · 生效模板：${effectiveTemplate}`;
+            agentTemplateOverrideGroup.hidden = !overrideEditable;
         }
         showAgentTemplateError('');
     }
@@ -1155,7 +1212,11 @@
         state.agentTemplateModalOpen = true;
         fillAgentTemplateForm(detail);
         syncUi();
-        if (containerAgentPromptEditor) {
+        if (isActiveAgentOverrideEditable() && agentCliSelect) {
+            agentCliSelect.focus();
+        } else if (containerCliSelect) {
+            containerCliSelect.focus();
+        } else if (containerAgentPromptEditor) {
             containerAgentPromptEditor.focus();
         }
     }
@@ -1177,11 +1238,15 @@
         showAgentTemplateError('');
         syncUi();
         try {
-            const payload = {
-                containerAgentPromptCommand: containerAgentPromptEditor ? String(containerAgentPromptEditor.value || '').trim() : ''
-            };
-            if (isActiveAgentOverrideEditable() && agentPromptOverrideEditor) {
-                payload.agentPromptCommandOverride = String(agentPromptOverrideEditor.value || '').trim();
+            const payload = {};
+            if (isActiveAgentOverrideEditable()) {
+                if (agentCliSelect && String(agentCliSelect.value || '').trim() === '') {
+                    payload.agentPromptCommandOverride = '';
+                } else if (agentPromptOverrideEditor) {
+                    payload.agentPromptCommandOverride = String(agentPromptOverrideEditor.value || '').trim();
+                }
+            } else if (containerAgentPromptEditor) {
+                payload.containerAgentPromptCommand = String(containerAgentPromptEditor.value || '').trim();
             }
             const data = await api('/api/sessions/' + encodeURIComponent(state.active) + '/agent-template', {
                 method: 'PUT',
@@ -2020,6 +2085,18 @@
         if (agentTemplateCancelBtn) {
             agentTemplateCancelBtn.disabled = state.agentTemplateSaving;
         }
+        if (containerCliSelect) {
+            containerCliSelect.disabled = state.agentTemplateSaving || isActiveAgentOverrideEditable();
+        }
+        if (containerAgentPromptEditor) {
+            containerAgentPromptEditor.disabled = state.agentTemplateSaving || isActiveAgentOverrideEditable();
+        }
+        if (agentCliSelect) {
+            agentCliSelect.disabled = state.agentTemplateSaving || !isActiveAgentOverrideEditable();
+        }
+        if (agentPromptOverrideEditor) {
+            agentPromptOverrideEditor.disabled = state.agentTemplateSaving || !isActiveAgentOverrideEditable();
+        }
         document.body.classList.toggle(
             'modal-open',
             state.configModalOpen || state.createModalOpen || state.directoryPicker.open || state.agentTemplateModalOpen
@@ -2290,12 +2367,8 @@
         try {
             const params = new URLSearchParams();
             params.set('path', picker.currentPath || '/');
-            if (picker.basePath) {
-                params.set('basePath', picker.basePath);
-            }
             const data = await api('/api/fs/directories?' + params.toString());
             picker.currentPath = data.currentPath || picker.currentPath;
-            picker.basePath = data.basePath || picker.basePath || '';
             picker.parentPath = data.parentPath || '';
             picker.entries = Array.isArray(data.entries) ? data.entries : [];
         } catch (e) {
@@ -2314,8 +2387,6 @@
         state.directoryPicker.title = '';
         state.directoryPicker.tip = '';
         state.directoryPicker.currentPath = '';
-        state.directoryPicker.basePath = '';
-        state.directoryPicker.baseContainerPath = '';
         state.directoryPicker.parentPath = '';
         state.directoryPicker.entries = [];
         state.directoryPicker.error = '';
@@ -2327,54 +2398,22 @@
         if (!picker.currentPath) {
             return;
         }
-        if (picker.mode === 'host') {
-            createHostPath.value = picker.currentPath;
-            if (!(createContainerPath.value || '').trim()) {
-                createContainerPath.value = '/workspace';
-                state.createContainerPathBase = '/workspace';
-            }
-        } else if (picker.mode === 'container') {
-            const mapped = buildContainerPathFromHostSelection(
-                picker.basePath,
-                picker.baseContainerPath || '/workspace',
-                picker.currentPath
-            );
-            createContainerPath.value = mapped;
-        }
+        createHostPath.value = picker.currentPath;
+        createContainerPath.value = picker.currentPath;
         closeDirectoryPicker();
     }
 
-    function openDirectoryPicker(mode) {
+    function openDirectoryPicker() {
         const picker = state.directoryPicker;
         picker.open = true;
         picker.loading = false;
         picker.error = '';
         picker.entries = [];
         picker.parentPath = '';
-        if (mode === 'container') {
-            const baseHostPath = (createHostPath.value || '').trim();
-            if (!baseHostPath) {
-                showCreateError('请先选择 hostPath，再选择 containerPath。');
-                picker.open = false;
-                renderDirectoryPicker();
-                return;
-            }
-            picker.mode = 'container';
-            picker.title = '选择 containerPath 对应目录';
-            picker.tip = '从 hostPath 下选择子目录，结果会映射到容器路径。';
-            picker.basePath = baseHostPath;
-            picker.baseContainerPath = typeof pathPickerUtils.resolveContainerPickerBase === 'function'
-                ? pathPickerUtils.resolveContainerPickerBase(state.createContainerPathBase, createContainerPath.value)
-                : (String(state.createContainerPathBase || '').trim() || String(createContainerPath.value || '').trim() || '/workspace');
-            picker.currentPath = baseHostPath;
-        } else {
-            picker.mode = 'host';
-            picker.title = '选择 hostPath';
-            picker.tip = '浏览宿主机目录，选中后会回填 create 表单。';
-            picker.basePath = '';
-            picker.baseContainerPath = '';
-            picker.currentPath = (createHostPath.value || '').trim() || '/';
-        }
+        picker.mode = 'host';
+        picker.title = '选择 hostPath';
+        picker.tip = '浏览宿主机目录，选中后会回填 create 表单。';
+        picker.currentPath = (createHostPath.value || '').trim() || '/';
         renderDirectoryPicker();
         loadDirectoryPicker(picker.currentPath);
     }
@@ -3538,13 +3577,7 @@
 
     if (pickHostPathBtn) {
         pickHostPathBtn.addEventListener('click', function () {
-            openDirectoryPicker('host');
-        });
-    }
-
-    if (pickContainerPathBtn) {
-        pickContainerPathBtn.addEventListener('click', function () {
-            openDirectoryPicker('container');
+            openDirectoryPicker();
         });
     }
 
@@ -3568,6 +3601,30 @@
         });
     }
 
+    if (containerCliSelect) {
+        containerCliSelect.addEventListener('change', function () {
+            applyAgentTemplateCliSelection(containerCliSelect, containerAgentPromptEditor);
+        });
+    }
+
+    if (agentCliSelect) {
+        agentCliSelect.addEventListener('change', function () {
+            applyAgentTemplateCliSelection(agentCliSelect, agentPromptOverrideEditor, { allowEmpty: true });
+        });
+    }
+
+    if (containerAgentPromptEditor) {
+        containerAgentPromptEditor.addEventListener('input', function () {
+            syncAgentTemplateSelectFromEditor(containerCliSelect, containerAgentPromptEditor);
+        });
+    }
+
+    if (agentPromptOverrideEditor) {
+        agentPromptOverrideEditor.addEventListener('input', function () {
+            syncAgentTemplateSelectFromEditor(agentCliSelect, agentPromptOverrideEditor, { allowEmpty: true });
+        });
+    }
+
     if (agentTemplateCancelBtn) {
         agentTemplateCancelBtn.addEventListener('click', function () {
             closeAgentTemplateModal();
@@ -3599,6 +3656,9 @@
         inputNode.addEventListener('input', function () {
             updateCreateAgentPromptCommandFromCommand();
         });
+        inputNode.addEventListener('change', function () {
+            updateCreateAgentPromptCommandFromCommand();
+        });
     });
 
     if (createAgentPromptCommand) {
@@ -3614,12 +3674,6 @@
         });
     }
 
-    if (createContainerPath) {
-        createContainerPath.addEventListener('input', function () {
-            state.createContainerPathBase = String(createContainerPath.value || '').trim();
-        });
-    }
-
     if (createForm) {
         createForm.addEventListener('submit', async function (event) {
             event.preventDefault();

package/lib/web/server.js

@@ -3767,7 +3767,7 @@ async function startWebServer(options) {
             const appFrontendMatch = pathname.match(/^\/app\/frontend\/([A-Za-z0-9._-]+)$/);
             if (req.method === 'GET' && appFrontendMatch) {
                 const assetName = appFrontendMatch[1];
-                if (!(assetName === 'app.css' || assetName === 'app.js' || assetName === 'markdown.css' || assetName === 'markdown-renderer.js' || assetName === 'path-picker-utils.js')) {
+                if (!(assetName === 'app.css' || assetName === 'app.js' || assetName === 'markdown.css' || assetName === 'markdown-renderer.js')) {
                     sendHtml(res, 404, '<h1>404 Not Found</h1>');
                     return;
                 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@xcanwin/manyoyo",
-    "version": "5.8.0",
+    "version": "5.8.2",
     "imageVersion": "1.9.0-common",
     "playwrightCliVersion": "0.1.1",
     "description": "AI Agent CLI Security Sandbox for Docker and Podman",

package/lib/web/frontend/path-picker-utils.js

@@ -1,57 +0,0 @@
-(function (root, factory) {
-    const api = factory();
-    if (typeof module === 'object' && module.exports) {
-        module.exports = api;
-    }
-    if (root && typeof root === 'object') {
-        root.ManyoyoPathPickerUtils = api;
-    }
-}(typeof globalThis !== 'undefined' ? globalThis : this, function () {
-    function normalizeSlashPath(value) {
-        return String(value || '').replace(/\\/g, '/');
-    }
-
-    function isChildPath(basePath, targetPath) {
-        const normalizedBase = normalizeSlashPath(basePath).replace(/\/+$/, '');
-        const normalizedTarget = normalizeSlashPath(targetPath).replace(/\/+$/, '');
-        if (!normalizedBase) {
-            return false;
-        }
-        return normalizedTarget === normalizedBase || normalizedTarget.startsWith(normalizedBase + '/');
-    }
-
-    function resolveContainerPickerBase(baseContainerPath, currentContainerPath) {
-        return String(baseContainerPath || '').trim()
-            || String(currentContainerPath || '').trim()
-            || '/workspace';
-    }
-
-    function buildContainerPathFromHostSelection(baseHostPath, baseContainerPath, selectedHostPath) {
-        const normalizedBaseHost = normalizeSlashPath(baseHostPath).replace(/\/+$/, '');
-        const normalizedContainer = normalizeSlashPath(baseContainerPath).replace(/\/+$/, '') || '/workspace';
-        const normalizedSelected = normalizeSlashPath(selectedHostPath).replace(/\/+$/, '');
-        if (!normalizedBaseHost || !isChildPath(normalizedBaseHost, normalizedSelected)) {
-            return normalizedContainer;
-        }
-        const relative = normalizedSelected === normalizedBaseHost
-            ? ''
-            : normalizedSelected.slice(normalizedBaseHost.length + 1);
-        return relative ? `${normalizedContainer}/${relative}`.replace(/\/+/g, '/') : normalizedContainer;
-    }
-
-    function applyContainerPathSelection(baseHostPath, baseContainerPath, currentContainerPath, selectedHostPath) {
-        return buildContainerPathFromHostSelection(
-            baseHostPath,
-            resolveContainerPickerBase(baseContainerPath, currentContainerPath),
-            selectedHostPath
-        );
-    }
-
-    return {
-        normalizeSlashPath,
-        isChildPath,
-        resolveContainerPickerBase,
-        buildContainerPathFromHostSelection,
-        applyContainerPathSelection
-    };
-}));