codexmate 0.0.56 → 0.1.1

package/web-ui/modules/app.computed.main-tabs.mjs

@@ -12,7 +12,8 @@ function readTaskOrchestrationDraftMetrics(taskOrchestration) {
     const title = String(state.title || '').trim();
     const workflowIds = normalizeTaskDraftLines(state.workflowIdsText);
     const followUps = normalizeTaskDraftLines(state.followUpsText);
-    const engine = String(state.selectedEngine || 'codex').trim().toLowerCase() === 'workflow' ? 'workflow' : 'codex';
+    const requestCount = target ? followUps.length + 1 : 0;
+    const engine = String(state.selectedEngine || 'openai-chat').trim().toLowerCase() === 'workflow' ? 'workflow' : 'openai-chat';
     const runMode = String(state.runMode || 'write').trim().toLowerCase();
     const allowWrite = runMode === 'write';
     const dryRun = runMode === 'dry-run';
@@ -37,12 +38,234 @@ function readTaskOrchestrationDraftMetrics(taskOrchestration) {
         planWarnings,
         workflowCount: workflowIds.length,
         followUpCount: followUps.length,
+        requestCount,
+        hasSequentialFollowUps: followUps.length > 0,
         planNodeCount: planNodes.length,
         allowWrite,
         dryRun
     };
 }
 
+
+function formatTaskConversationMeta(items) {
+    return items.filter(Boolean).join(' · ');
+}
+
+function collectTaskRunWorkspaceFileLines(detail) {
+    const run = detail && detail.run && typeof detail.run === 'object' ? detail.run : null;
+    const nodes = Array.isArray(detail && detail.nodes)
+        ? detail.nodes
+        : (Array.isArray(run && run.nodes) ? run.nodes : []);
+    const files = [];
+    for (const node of nodes) {
+        const output = node && node.output && typeof node.output === 'object' ? node.output : null;
+        const workspaceFiles = Array.isArray(output && output.workspaceFiles) ? output.workspaceFiles : [];
+        const materializedFiles = Array.isArray(output && output.materializedFiles) ? output.materializedFiles : [];
+        for (const file of workspaceFiles) {
+            if (!file || typeof file !== 'object') continue;
+            const op = String(file.operation || '').trim().toUpperCase() || 'FILE';
+            const filePath = String(file.relativePath || file.path || '').trim();
+            if (filePath) files.push(`${op} ${filePath}`);
+        }
+        for (const file of materializedFiles) {
+            if (!file || typeof file !== 'object') continue;
+            const filePath = String(file.relativePath || file.path || '').trim();
+            if (filePath) files.push(`WRITE ${filePath}`);
+        }
+    }
+    return Array.from(new Set(files)).slice(0, 6);
+}
+
+function normalizeTaskWorkspacePath(value) {
+    return String(value || '').trim().replace(/\\+/g, '/').replace(/\/$/, '');
+}
+
+function readTaskWorkspacePathFromItem(item) {
+    if (!item || typeof item !== 'object') return '';
+    return normalizeTaskWorkspacePath(item.cwd || item.workspacePath || item.projectPath || item.path);
+}
+
+function formatTaskWorkspaceLabel(workspacePath, fallback = 'Auto workspace') {
+    const normalized = normalizeTaskWorkspacePath(workspacePath);
+    if (!normalized) return fallback;
+    const parts = normalized.split('/').filter(Boolean);
+    return parts.length ? parts[parts.length - 1] : normalized;
+}
+
+function readTaskItemTimestamp(item) {
+    if (!item || typeof item !== 'object') return '';
+    return String(item.updatedAt || item.completedAt || item.startedAt || item.createdAt || item.enqueuedAt || '').trim();
+}
+
+function addTaskWorkspaceCandidate(workspaces, workspacePath, source, timestamp = '') {
+    const normalized = normalizeTaskWorkspacePath(workspacePath);
+    if (!normalized) return;
+    const key = normalized.toLowerCase();
+    const current = workspaces.get(key) || {
+        key,
+        path: normalized,
+        label: formatTaskWorkspaceLabel(normalized),
+        meta: normalized,
+        queueCount: 0,
+        runCount: 0,
+        lastActivity: ''
+    };
+    if (source === 'queue') current.queueCount += 1;
+    if (source === 'run') current.runCount += 1;
+    if (timestamp && (!current.lastActivity || timestamp > current.lastActivity)) {
+        current.lastActivity = timestamp;
+    }
+    workspaces.set(key, current);
+}
+
+function taskItemMatchesWorkspace(item, workspacePath) {
+    const selectedWorkspacePath = normalizeTaskWorkspacePath(workspacePath);
+    if (!selectedWorkspacePath) return true;
+    return readTaskWorkspacePathFromItem(item) === selectedWorkspacePath;
+}
+
+function createTaskWorkspaceItems(taskOrchestration) {
+    const state = taskOrchestration && typeof taskOrchestration === 'object' ? taskOrchestration : {};
+    const workspaces = new Map();
+    addTaskWorkspaceCandidate(workspaces, state.workspacePath, 'draft');
+    const detail = state.selectedRunDetail && typeof state.selectedRunDetail === 'object' ? state.selectedRunDetail : null;
+    if (detail) addTaskWorkspaceCandidate(workspaces, detail.cwd, 'detail');
+    const queue = Array.isArray(state.queue) ? state.queue : [];
+    const runs = Array.isArray(state.runs) ? state.runs : [];
+    queue.forEach((item) => addTaskWorkspaceCandidate(workspaces, readTaskWorkspacePathFromItem(item), 'queue', readTaskItemTimestamp(item)));
+    runs.forEach((item) => addTaskWorkspaceCandidate(workspaces, readTaskWorkspacePathFromItem(item), 'run', readTaskItemTimestamp(item)));
+    const items = Array.from(workspaces.values()).sort((a, b) => {
+        const byActivity = String(b.lastActivity || '').localeCompare(String(a.lastActivity || ''));
+        if (byActivity !== 0) return byActivity;
+        return a.label.localeCompare(b.label);
+    });
+    if (items.length === 0) {
+        items.push({
+            key: '__auto__',
+            path: '',
+            label: 'Auto workspace',
+            meta: 'Server default cwd',
+            queueCount: queue.length,
+            runCount: runs.length,
+            lastActivity: ''
+        });
+    }
+    return items;
+}
+
+function createTaskWorkspaceSessions(taskOrchestration, workspacePath) {
+    const state = taskOrchestration && typeof taskOrchestration === 'object' ? taskOrchestration : {};
+    const queue = Array.isArray(state.queue) ? state.queue : [];
+    const runs = Array.isArray(state.runs) ? state.runs : [];
+    const queueSessions = queue
+        .filter((item) => taskItemMatchesWorkspace(item, workspacePath))
+        .map((item) => ({
+            id: item.taskId || item.lastRunId || `queue-${readTaskItemTimestamp(item)}`,
+            type: 'queue',
+            status: item.status || item.runStatus || 'queued',
+            title: item.title || item.target || item.taskId || 'Queued task',
+            meta: item.threadId || item.cwd || item.taskId || '',
+            taskId: item.taskId || '',
+            runId: item.lastRunId || '',
+            threadId: item.threadId || '',
+            cwd: readTaskWorkspacePathFromItem(item),
+            timestamp: readTaskItemTimestamp(item),
+            active: true
+        }));
+    const runSessions = runs
+        .filter((item) => taskItemMatchesWorkspace(item, workspacePath))
+        .map((item) => ({
+            id: item.runId || item.taskId || `run-${readTaskItemTimestamp(item)}`,
+            type: 'run',
+            status: item.status || 'completed',
+            title: item.title || item.summary || item.taskId || item.runId || 'Run',
+            meta: item.threadId || item.cwd || `${item.durationMs || 0}ms`,
+            taskId: item.taskId || '',
+            runId: item.runId || '',
+            threadId: item.threadId || '',
+            cwd: readTaskWorkspacePathFromItem(item),
+            timestamp: readTaskItemTimestamp(item),
+            active: false
+        }));
+    return queueSessions.concat(runSessions).sort((a, b) => {
+        if (a.active !== b.active) return a.active ? -1 : 1;
+        return String(b.timestamp || '').localeCompare(String(a.timestamp || ''));
+    });
+}
+
+function createTaskConversationMessages(taskOrchestration, t = null) {
+    const state = taskOrchestration && typeof taskOrchestration === 'object' ? taskOrchestration : {};
+    const messages = [];
+    const target = String(state.target || '').trim();
+    const followUps = normalizeTaskDraftLines(state.followUpsText);
+    const detail = state.selectedRunDetail && typeof state.selectedRunDetail === 'object' ? state.selectedRunDetail : null;
+    const detailRun = detail && detail.run && typeof detail.run === 'object' ? detail.run : null;
+    if (detail) {
+        const fileLines = collectTaskRunWorkspaceFileLines(detail);
+        const resultLines = [];
+        if (detailRun && detailRun.summary) {
+            resultLines.push(detailRun.summary);
+        } else {
+            resultLines.push(translateTaskText(t, 'orchestration.chat.assistant.contextFallback', '已选中一个历史任务，继续时会继承它的线程和工作区。'));
+        }
+        if (fileLines.length > 0) {
+            resultLines.push(translateTaskText(t, 'orchestration.chat.assistant.filesSummary', `文件操作：${fileLines.join('；')}`, { files: fileLines.join('；') }));
+        }
+        messages.push({
+            id: 'context-run',
+            role: 'assistant',
+            label: detailRun && detailRun.status === 'success'
+                ? translateTaskText(t, 'orchestration.chat.assistant.resultLabel', '实现结果')
+                : translateTaskText(t, 'orchestration.chat.assistant.contextLabel', '上一轮上下文'),
+            text: resultLines.join('\n'),
+            meta: formatTaskConversationMeta([
+                detail.threadId ? translateTaskText(t, 'orchestration.chat.meta.thread', `线程 ${detail.threadId}`, { value: detail.threadId }) : '',
+                detail.cwd ? translateTaskText(t, 'orchestration.chat.meta.workspace', `工作区 ${detail.cwd}`, { value: detail.cwd }) : '',
+                detailRun && detailRun.status ? detailRun.status : ''
+            ])
+        });
+    } else if (!target && followUps.length === 0) {
+        messages.push({
+            id: 'assistant-empty',
+            role: 'assistant',
+            label: translateTaskText(t, 'orchestration.chat.assistant.readyLabel', 'Codexmate'),
+            text: translateTaskText(t, 'orchestration.chat.assistant.empty', '先发第一个需求；如果还有第二个需求，继续发送，Codexmate 会按顺序处理并保留上下文。'),
+            meta: translateTaskText(t, 'orchestration.chat.meta.order', '顺序执行 · 保留上下文')
+        });
+    }
+    if (target) {
+        messages.push({
+            id: 'user-target',
+            role: 'user',
+            label: translateTaskText(t, 'orchestration.chat.user.step', '需求 {count}', { count: 1 }),
+            text: target,
+            meta: translateTaskText(t, 'orchestration.chat.meta.first', '先完成这一条')
+        });
+    }
+    followUps.forEach((item, index) => {
+        const step = index + 2;
+        messages.push({
+            id: `user-follow-up-${index}`,
+            role: 'user',
+            label: translateTaskText(t, 'orchestration.chat.user.step', '需求 {count}', { count: step }),
+            text: item,
+            meta: translateTaskText(t, 'orchestration.chat.meta.afterPrevious', '等待前一条完成后继续')
+        });
+    });
+    if (!state.plan && target) {
+        messages.push({
+            id: 'assistant-next',
+            role: 'assistant',
+            label: translateTaskText(t, 'orchestration.chat.assistant.readyLabel', 'Codexmate'),
+            text: followUps.length > 0
+                ? translateTaskText(t, 'orchestration.chat.assistant.sequenceReady', '已收到多条需求；执行时会先完成需求 1，再带着上下文继续后续需求。')
+                : translateTaskText(t, 'orchestration.chat.assistant.singleReady', '已收到第一条需求。可以继续补需求 2，或直接预览并执行。'),
+            meta: translateTaskText(t, 'orchestration.chat.meta.previewNext', '下一步：预览计划')
+        });
+    }
+    return messages;
+}
+
 function translateTaskText(t, key, fallback, params = null) {
     if (typeof t !== 'function') return fallback;
     const translated = t(key, params);
@@ -60,13 +283,23 @@ function createTaskDraftChecklist(metrics, t = null) {
             done: metrics.hasTarget,
             detail: metrics.hasTarget ? translateTaskText(t, 'orchestration.readiness.target.done', '已写目标') : translateTaskText(t, 'orchestration.readiness.target.missing', '还没写目标')
         },
+        {
+            key: 'sequence',
+            label: translateTaskText(t, 'orchestration.readiness.sequence.label', '顺序'),
+            done: metrics.hasTarget,
+            detail: !metrics.hasTarget
+                ? translateTaskText(t, 'orchestration.readiness.sequence.missing', '先发送需求 1')
+                : (metrics.hasSequentialFollowUps
+                    ? translateTaskText(t, 'orchestration.readiness.sequence.multiple', '{count} 条需求会按顺序执行：先完成需求 1，再继续需求 2。', { count: metrics.requestCount })
+                    : translateTaskText(t, 'orchestration.readiness.sequence.single', '当前只有需求 1；继续发送会变成需求 2。'))
+        },
         {
             key: 'engine',
             label: metrics.engine === 'workflow' ? 'Workflow' : translateTaskText(t, 'orchestration.readiness.engine.label', '执行策略'),
             done: workflowReady,
             detail: metrics.engine === 'workflow'
                 ? (metrics.workflowCount > 0 ? translateTaskText(t, 'orchestration.readiness.workflow.done', `已选 ${metrics.workflowCount} 个 Workflow`, { count: metrics.workflowCount }) : translateTaskText(t, 'orchestration.readiness.workflow.missing', '还没选 Workflow ID'))
-                : translateTaskText(t, 'orchestration.readiness.engine.codex', '使用 Codex 规划节点')
+                : translateTaskText(t, 'orchestration.readiness.engine.openaiChat', '使用 OpenAI Chat-compatible 节点')
         },
         {
             key: 'scope',
@@ -81,7 +314,7 @@ function createTaskDraftChecklist(metrics, t = null) {
             label: translateTaskText(t, 'orchestration.readiness.preview.label', '预览'),
             done: previewReady,
             detail: !metrics.hasPlan
-                ? translateTaskText(t, 'orchestration.readiness.preview.missing', '还没生成计划')
+                ? translateTaskText(t, 'orchestration.readiness.preview.missing', '还没发送 /plan')
                 : (metrics.planIssues.length > 0 ? translateTaskText(t, 'orchestration.readiness.preview.blocked', `有 ${metrics.planIssues.length} 个阻塞项`, { count: metrics.planIssues.length }) : translateTaskText(t, 'orchestration.readiness.preview.ready', `计划可用，${metrics.planNodeCount} 个节点`, { count: metrics.planNodeCount }))
         }
     ];
@@ -106,7 +339,9 @@ function createTaskDraftReadiness(metrics, t = null) {
         return {
             tone: 'warn',
             title: translateTaskText(t, 'orchestration.readiness.preview.title', '建议先预览'),
-            summary: translateTaskText(t, 'orchestration.readiness.preview.summary', '草稿已成形，先生成一次计划，确认节点和依赖再执行。')
+            summary: metrics.hasSequentialFollowUps
+                ? translateTaskText(t, 'orchestration.readiness.preview.sequenceSummary', '草稿已成形，已锁定 {count} 条顺序需求：先完成需求 1，再继续需求 2。', { count: metrics.requestCount })
+                : translateTaskText(t, 'orchestration.readiness.preview.summary', '草稿已成形，发送 /plan 预览方案，确认节点和依赖再执行。')
         };
     }
     if (metrics.planIssues.length > 0) {
@@ -120,7 +355,7 @@ function createTaskDraftReadiness(metrics, t = null) {
         return {
             tone: 'warn',
             title: translateTaskText(t, 'orchestration.readiness.warn.title', '可以执行，但有提醒'),
-            summary: translateTaskText(t, 'orchestration.readiness.warn.summary', `计划已生成，但还有 ${metrics.planWarnings.length} 条提醒值得先看一眼。`, { count: metrics.planWarnings.length })
+            summary: translateTaskText(t, 'orchestration.readiness.warn.summary', `/plan 方案已生成，但还有 ${metrics.planWarnings.length} 条提醒值得先看一眼。`, { count: metrics.planWarnings.length })
         };
     }
     if (metrics.dryRun) {
@@ -134,7 +369,7 @@ function createTaskDraftReadiness(metrics, t = null) {
         tone: 'success',
         title: translateTaskText(t, 'orchestration.readiness.ready.title', '可以执行'),
         summary: metrics.followUpCount > 0
-            ? translateTaskText(t, 'orchestration.readiness.ready.withFollowUps', `主目标和收尾动作都已具备，可以直接执行或入队。`)
+            ? translateTaskText(t, 'orchestration.readiness.ready.withFollowUps', `已锁定 ${metrics.requestCount} 条顺序需求：先完成需求 1，再带上下文继续需求 2。`, { count: metrics.requestCount })
             : translateTaskText(t, 'orchestration.readiness.ready.summary', '主目标已经够清楚了，可以直接执行或入队。')
     };
 }
@@ -191,13 +426,72 @@ export function createMainTabsComputed() {
             if (detail && Array.isArray(detail.nodes)) return detail.nodes;
             return Array.isArray(run.nodes) ? run.nodes : [];
         },
+        taskOrchestrationActiveQueue() {
+            const queue = this.taskOrchestration && Array.isArray(this.taskOrchestration.queue)
+                ? this.taskOrchestration.queue
+                : [];
+            return queue.filter((item) => {
+                const status = String((item && (item.status || item.runStatus)) || '').trim().toLowerCase();
+                return status === 'queued' || status === 'running';
+            });
+        },
+        taskOrchestrationEngineLabel() {
+            const state = this.taskOrchestration && typeof this.taskOrchestration === 'object'
+                ? this.taskOrchestration
+                : {};
+            return state.selectedEngine === 'workflow' ? 'Workflow' : 'Codex';
+        },
+        taskOrchestrationWorkbenchVisible() {
+            const state = this.taskOrchestration && typeof this.taskOrchestration === 'object'
+                ? this.taskOrchestration
+                : {};
+            const activeQueue = Array.isArray(this.taskOrchestrationActiveQueue)
+                ? this.taskOrchestrationActiveQueue
+                : [];
+            return activeQueue.length > 0
+                || !!String(state.selectedRunId || '').trim()
+                || !!String(state.selectedRunError || '').trim()
+                || (state.workspaceTab === 'runs' && Array.isArray(state.runs) && state.runs.length > 0);
+        },
+        taskOrchestrationWorkspacePath() {
+            const state = this.taskOrchestration && typeof this.taskOrchestration === 'object'
+                ? this.taskOrchestration
+                : {};
+            const detail = state.selectedRunDetail && typeof state.selectedRunDetail === 'object'
+                ? state.selectedRunDetail
+                : null;
+            return normalizeTaskWorkspacePath(state.workspacePath || (detail && detail.cwd) || '');
+        },
+        taskOrchestrationWorkspaceItems() {
+            const items = createTaskWorkspaceItems(this.taskOrchestration);
+            const selectedPath = this.taskOrchestrationWorkspacePath;
+            return items.map((item) => ({
+                ...item,
+                active: normalizeTaskWorkspacePath(item.path) === selectedPath || (!selectedPath && !item.path)
+            }));
+        },
+        taskOrchestrationWorkspaceQueue() {
+            const queue = this.taskOrchestration && Array.isArray(this.taskOrchestration.queue)
+                ? this.taskOrchestration.queue
+                : [];
+            return queue.filter((item) => taskItemMatchesWorkspace(item, this.taskOrchestrationWorkspacePath));
+        },
+        taskOrchestrationWorkspaceRuns() {
+            const runs = this.taskOrchestration && Array.isArray(this.taskOrchestration.runs)
+                ? this.taskOrchestration.runs
+                : [];
+            return runs.filter((item) => taskItemMatchesWorkspace(item, this.taskOrchestrationWorkspacePath));
+        },
+        taskOrchestrationWorkspaceSessions() {
+            return createTaskWorkspaceSessions(this.taskOrchestration, this.taskOrchestrationWorkspacePath);
+        },
         taskOrchestrationQueueStats() {
             const queue = this.taskOrchestration && Array.isArray(this.taskOrchestration.queue)
                 ? this.taskOrchestration.queue
                 : [];
             const stats = { queued: 0, running: 0, failed: 0 };
             for (const item of queue) {
-                const status = String(item && item.status || '').trim().toLowerCase();
+                const status = String((item && (item.status || item.runStatus)) || '').trim().toLowerCase();
                 if (status === 'queued') stats.queued += 1;
                 else if (status === 'running') stats.running += 1;
                 else if (status === 'failed') stats.failed += 1;
@@ -212,6 +506,9 @@ export function createMainTabsComputed() {
         },
         taskOrchestrationDraftReadiness() {
             return createTaskDraftReadiness(this.taskOrchestrationDraftMetrics, this.t && this.t.bind(this));
+        },
+        taskOrchestrationConversationMessages() {
+            return createTaskConversationMessages(this.taskOrchestration, this.t && this.t.bind(this));
         }
     };
 }

package/web-ui/modules/app.methods.agents.mjs

@@ -354,6 +354,9 @@ export function createAgentsMethods(options = {}) {
             return !!this.agentsSaving || this.hasAgentsContentChanged() || this.agentsDiffVisible;
         },
         handleBeforeUnload(event) {
+            if (typeof this.flushWebUiPreferences === 'function') {
+                this.flushWebUiPreferences();
+            }
             if (!this.hasPendingAgentsDraft()) {
                 return;
             }
@@ -705,8 +708,193 @@ export function createAgentsMethods(options = {}) {
             }
         },
 
+
+        normalizePromptPresetName(name) {
+            return typeof name === 'string' ? name.trim() : '';
+        },
+        buildPromptPresetId() {
+            const randomPart = Math.random().toString(36).slice(2, 8);
+            return `prompt-preset-${Date.now()}-${randomPart}`;
+        },
+        getPromptPresetRenameDraft(preset) {
+            if (!preset || !preset.id) return '';
+            if (Object.prototype.hasOwnProperty.call(this.promptPresetRenameDraft || {}, preset.id)) {
+                return this.promptPresetRenameDraft[preset.id];
+            }
+            return preset.name || '';
+        },
+        setPromptPresetRenameDraft(id, value) {
+            if (!id) return;
+            this.promptPresetRenameDraft = {
+                ...(this.promptPresetRenameDraft || {}),
+                [id]: value
+            };
+        },
+        formatPromptPresetTime(value) {
+            if (typeof value !== 'string' || !value) {
+                return this.t('common.none');
+            }
+            const date = new Date(value);
+            if (Number.isNaN(date.getTime())) {
+                return value;
+            }
+            return date.toLocaleString();
+        },
+        findPromptPresetByName(name, excludeId = '') {
+            const normalizedName = this.normalizePromptPresetName(name).toLowerCase();
+            return (Array.isArray(this.promptPresets) ? this.promptPresets : []).find((preset) => {
+                if (!preset || preset.id === excludeId) return false;
+                return this.normalizePromptPresetName(preset.name).toLowerCase() === normalizedName;
+            }) || null;
+        },
+        async persistPromptPresets() {
+            if (typeof this.persistWebUiPreferences === 'function') {
+                await this.persistWebUiPreferences({ promptPresets: this.promptPresets });
+            }
+        },
+        getCurrentPromptPresetDefaultName() {
+            if (this.promptsSubTab === 'claude-project') {
+                const projectPath = typeof this.projectClaudeMdPath === 'string' ? this.projectClaudeMdPath.trim() : '';
+                return projectPath
+                    ? this.t('prompts.presets.defaultName.project', { path: projectPath })
+                    : this.t('prompts.subTab.project');
+            }
+            const fileName = typeof this.agentsPath === 'string' && this.agentsPath.trim()
+                ? (this.agentsPath.trim().split(/[\\/]/).filter(Boolean).pop() || '')
+                : '';
+            return fileName || this.t('prompts.subTab.codex');
+        },
+        async saveEditorPromptAsPreset() {
+            if (this.promptPresetSaving || this.agentsLoading || this.agentsDiffVisible) return;
+            const name = this.getCurrentPromptPresetDefaultName();
+            const content = typeof this.agentsContent === 'string' ? this.agentsContent : '';
+            if (!content.trim()) {
+                this.showMessage(this.t('prompts.presets.error.emptyContent'), 'error');
+                return;
+            }
+            const confirmed = await this.requestConfirmDialog({
+                title: this.t('prompts.presets.confirm.addCurrentTitle'),
+                message: this.t('prompts.presets.confirm.addCurrentMessage', { name }),
+                confirmText: this.t('prompts.presets.addCurrent'),
+                cancelText: this.t('common.cancel'),
+                danger: false
+            });
+            if (!confirmed) return;
+            this.promptPresetNameDraft = name;
+            await this.saveCurrentPromptAsPreset();
+        },
+        async saveCurrentPromptAsPreset() {
+            if (this.promptPresetSaving || this.agentsLoading) return;
+            const draftName = this.normalizePromptPresetName(this.promptPresetNameDraft);
+            const name = draftName || this.normalizePromptPresetName(this.getCurrentPromptPresetDefaultName());
+            const content = typeof this.agentsContent === 'string' ? this.agentsContent : '';
+            if (!name) {
+                this.showMessage(this.t('prompts.presets.error.emptyName'), 'error');
+                return;
+            }
+            if (!content.trim()) {
+                this.showMessage(this.t('prompts.presets.error.emptyContent'), 'error');
+                return;
+            }
+            const existing = this.findPromptPresetByName(name);
+            if (existing) {
+                const confirmed = await this.requestConfirmDialog({
+                    title: this.t('prompts.presets.confirm.overwriteTitle'),
+                    message: this.t('prompts.presets.confirm.overwriteMessage', { name }),
+                    confirmText: this.t('prompts.presets.confirm.overwriteConfirm'),
+                    cancelText: this.t('common.cancel'),
+                    danger: false
+                });
+                if (!confirmed) return;
+            }
+            this.promptPresetSaving = true;
+            try {
+                const now = new Date().toISOString();
+                if (existing) {
+                    this.promptPresets = this.promptPresets.map((preset) => preset.id === existing.id
+                        ? { ...preset, name, content, updatedAt: now }
+                        : preset);
+                    this.selectedPromptPresetId = existing.id;
+                } else {
+                    const preset = {
+                        id: this.buildPromptPresetId(),
+                        name,
+                        content,
+                        updatedAt: now
+                    };
+                    this.promptPresets = [preset, ...this.promptPresets];
+                    this.selectedPromptPresetId = preset.id;
+                }
+                this.promptPresetNameDraft = '';
+                await this.persistPromptPresets();
+                this.showMessage(this.t('prompts.presets.toast.saved'), 'success');
+            } finally {
+                this.promptPresetSaving = false;
+            }
+        },
+        async applyPromptPresetToEditor(preset) {
+            if (!preset || typeof preset.content !== 'string' || !preset.content) return;
+            this.agentsContent = preset.content;
+            this.onAgentsContentInput();
+            this.selectedPromptPresetId = preset.id;
+            this.showMessage(this.t('prompts.presets.toast.pasted'), 'success');
+        },
+        async applyPromptPresetSelection(event) {
+            const select = event && event.target;
+            const presetId = select && typeof select.value === 'string' ? select.value : '';
+            if (!presetId) return;
+            const preset = (Array.isArray(this.promptPresets) ? this.promptPresets : []).find((item) => item && item.id === presetId);
+            await this.applyPromptPresetToEditor(preset);
+            if (select) select.value = '';
+        },
+        async renamePromptPreset(preset) {
+            if (!preset || !preset.id) return;
+            const name = this.normalizePromptPresetName(this.getPromptPresetRenameDraft(preset));
+            if (!name) {
+                this.showMessage(this.t('prompts.presets.error.emptyName'), 'error');
+                return;
+            }
+            const existing = this.findPromptPresetByName(name, preset.id);
+            if (existing) {
+                this.showMessage(this.t('prompts.presets.error.duplicateName'), 'error');
+                return;
+            }
+            if (name === preset.name) {
+                this.showMessage(this.t('toast.noChanges'), 'info');
+                return;
+            }
+            const now = new Date().toISOString();
+            this.promptPresets = this.promptPresets.map((item) => item.id === preset.id
+                ? { ...item, name, updatedAt: now }
+                : item);
+            const drafts = { ...(this.promptPresetRenameDraft || {}) };
+            delete drafts[preset.id];
+            this.promptPresetRenameDraft = drafts;
+            await this.persistPromptPresets();
+            this.showMessage(this.t('prompts.presets.toast.renamed'), 'success');
+        },
+        async deletePromptPreset(preset) {
+            if (!preset || !preset.id) return;
+            const confirmed = await this.requestConfirmDialog({
+                title: this.t('prompts.presets.confirm.deleteTitle'),
+                message: this.t('prompts.presets.confirm.deleteMessage', { name: preset.name || '' }),
+                confirmText: this.t('common.delete'),
+                cancelText: this.t('common.cancel'),
+                danger: true
+            });
+            if (!confirmed) return;
+            this.promptPresets = this.promptPresets.filter((item) => item.id !== preset.id);
+            if (this.selectedPromptPresetId === preset.id) {
+                this.selectedPromptPresetId = '';
+            }
+            const drafts = { ...(this.promptPresetRenameDraft || {}) };
+            delete drafts[preset.id];
+            this.promptPresetRenameDraft = drafts;
+            await this.persistPromptPresets();
+            this.showMessage(this.t('prompts.presets.toast.deleted'), 'success');
+        },
         switchPromptsSubTab(subTab) {
-            const normalized = subTab === 'claude-project' ? 'claude-project' : 'codex';
+            const normalized = subTab === 'claude-project' ? subTab : 'codex';
             if (normalized === 'claude-project' && !this.projectPathOptions.length && !this.projectPathOptionsLoading) {
                 this.loadProjectPathOptions();
             }
@@ -715,6 +903,9 @@ export function createAgentsMethods(options = {}) {
                 return;
             }
             this.promptsSubTab = normalized;
+            this.$nextTick(() => {
+                document.querySelector('.main-panel')?.scrollTo({ top: 0, left: 0, behavior: 'auto' });
+            });
         },
 
         async loadPromptsContent() {