codexmate 0.1.23 → 0.1.25

package/cli.js

@@ -1098,7 +1098,10 @@ function normalizeWebUiPreferences(value = {}) {
             skillsTargetApp: navigation.skillsTargetApp === 'claude' || navigation.skillsTargetApp === 'pi'
                 ? navigation.skillsTargetApp
                 : 'codex',
-            promptTemplatesMode: navigation.promptTemplatesMode === 'manage' ? 'manage' : 'compose'
+            promptTemplatesMode: navigation.promptTemplatesMode === 'manage' ? 'manage' : 'compose',
+            pluginsActiveId: typeof navigation.pluginsActiveId === 'string' && navigation.pluginsActiveId.trim()
+                ? navigation.pluginsActiveId.trim()
+                : 'prompt-templates'
         }
     };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codexmate",
-  "version": "0.1.23",
+  "version": "0.1.25",
   "description": "Codex/Claude Code/OpenClaw 配置、会话与任务编排 CLI + Web 工具",
   "main": "cli.js",
   "bin": {

package/plugins/prompt-templates/computed.mjs

@@ -158,7 +158,7 @@ function localizeBuiltinPromptTemplate(item, t) {
 
 import { pluginsRegistry } from '../registry.mjs';
 
-export function createPluginsComputed() {
+export function createPromptTemplatesComputed() {
     return {
         pluginsCatalog() {
             return pluginsRegistry

package/plugins/prompt-templates/index.mjs

@@ -1,6 +1,6 @@
-export { createPluginsMethods } from './methods.mjs';
-export { createPluginsComputed } from './computed.mjs';
-export { pluginMeta } from './manifest.mjs';
+export { createPromptTemplatesMethods as createPluginsMethods } from './methods.mjs';
+export { createPromptTemplatesComputed as createPluginsComputed } from './computed.mjs';
+export { promptTemplatesPluginMeta as pluginMeta } from './manifest.mjs';
 export {
     readPromptTemplatesFromStorage,
     persistPromptTemplatesToStorage,

package/plugins/prompt-templates/manifest.mjs

@@ -1,6 +1,6 @@
 import { pluginOwnership } from './ownership.mjs';
 
-const baseMeta = {
+const promptTemplatesBaseMeta = {
     id: 'prompt-templates',
     title: 'Prompt Templates',
     titleKey: 'plugins.catalog.promptTemplates.title',
@@ -11,8 +11,10 @@ const baseMeta = {
     tone: 'configured'
 };
 
-export const pluginMeta = {
-    ...baseMeta,
+export const promptTemplatesPluginMeta = {
+    ...promptTemplatesBaseMeta,
     createdBy: pluginOwnership && typeof pluginOwnership.createdBy === 'string' ? pluginOwnership.createdBy : '',
     maintainers: pluginOwnership && Array.isArray(pluginOwnership.maintainers) ? pluginOwnership.maintainers : []
 };
+
+export { promptTemplatesPluginMeta as pluginMeta };

package/plugins/prompt-templates/methods.mjs

@@ -79,7 +79,7 @@ function normalizePromptTemplateDraft(draft) {
     };
 }
 
-export function createPluginsMethods() {
+export function createPromptTemplatesMethods() {
     return {
         resetPromptComposerVarValues() {
             this.promptComposerVarValuesRaw = {};
@@ -280,8 +280,15 @@ export function createPluginsMethods() {
         selectPlugin(pluginId) {
             const id = typeof pluginId === 'string' ? pluginId.trim() : '';
             if (!id) return;
-            if (!getPluginEntry(id)) return;
+            const entry = getPluginEntry(id);
+            if (!entry) return;
             this.pluginsActiveId = id;
+            if (typeof this.saveNavState === 'function') {
+                this.saveNavState();
+            }
+            if (typeof entry.loadOverview === 'function' && typeof this.loadPluginsOverview === 'function') {
+                void Promise.resolve(this.loadPluginsOverview({ silent: true })).catch(() => {});
+            }
         },
 
         async loadPluginsOverview(options = {}) {

package/plugins/registry.mjs

@@ -1,8 +1,11 @@
-import { pluginMeta as promptTemplatesMeta } from './prompt-templates/manifest.mjs';
+import { promptTemplatesPluginMeta } from './prompt-templates/manifest.mjs';
 import { loadPromptTemplatesOverview } from './prompt-templates/overview.mjs';
+import { textToolsPluginMeta } from './text-tools/manifest.mjs';
+import { loadTextToolsOverview } from './text-tools/overview.mjs';
 
 export const pluginsRegistry = [
-    { id: promptTemplatesMeta.id, meta: promptTemplatesMeta, loadOverview: loadPromptTemplatesOverview }
+    { id: promptTemplatesPluginMeta.id, meta: promptTemplatesPluginMeta, loadOverview: loadPromptTemplatesOverview },
+    { id: textToolsPluginMeta.id, meta: textToolsPluginMeta, loadOverview: loadTextToolsOverview }
 ];
 
 export function getFirstPluginId() {

package/plugins/text-tools/computed.mjs

@@ -0,0 +1,23 @@
+import { textTools, DEFAULT_TEXT_TOOL_ID } from './index.mjs';
+
+export function createTextToolsComputed() {
+    return {
+        textToolsList() {
+            const t = typeof this.t === 'function' ? this.t : null;
+            return textTools.map((tool) => ({
+                id: tool.id,
+                labelKey: tool.labelKey,
+                label: t ? t(tool.labelKey) : tool.labelKey
+            }));
+        },
+
+        textToolsOutput() {
+            const activeId = typeof this.textToolsActiveToolId === 'string' ? this.textToolsActiveToolId.trim() : '';
+            const tool = textTools.find((item) => item && item.id === activeId)
+                || textTools.find((item) => item && item.id === DEFAULT_TEXT_TOOL_ID)
+                || null;
+            const input = typeof this.textToolsInput === 'string' ? this.textToolsInput : '';
+            return tool && typeof tool.run === 'function' ? tool.run(input) : '';
+        }
+    };
+}

package/plugins/text-tools/index.mjs

@@ -0,0 +1,14 @@
+export const DEFAULT_TEXT_TOOL_ID = 'compress';
+
+export function compressTextToSingleLine(input) {
+    if (typeof input !== 'string') return '';
+    return input.replace(/\s+/g, ' ').trim();
+}
+
+export const textTools = [
+    {
+        id: 'compress',
+        labelKey: 'plugins.textTools.tools.compress',
+        run: compressTextToSingleLine
+    }
+];

package/plugins/text-tools/manifest.mjs

@@ -0,0 +1,20 @@
+import { textToolsPluginOwnership } from './ownership.mjs';
+
+const textToolsBaseMeta = {
+    id: 'text-tools',
+    title: 'Text Tools',
+    titleKey: 'plugins.catalog.textTools.title',
+    description: 'Lightweight in-browser text utilities; the first tool compresses text into a single line.',
+    descriptionKey: 'plugins.catalog.textTools.description',
+    statusLabel: 'standard',
+    statusLabelKey: 'plugins.status.standard',
+    tone: 'configured'
+};
+
+export const textToolsPluginMeta = {
+    ...textToolsBaseMeta,
+    createdBy: textToolsPluginOwnership && typeof textToolsPluginOwnership.createdBy === 'string' ? textToolsPluginOwnership.createdBy : '',
+    maintainers: textToolsPluginOwnership && Array.isArray(textToolsPluginOwnership.maintainers) ? textToolsPluginOwnership.maintainers : []
+};
+
+export { textToolsPluginMeta as pluginMeta };

package/plugins/text-tools/methods.mjs

@@ -0,0 +1,24 @@
+export function createTextToolsMethods() {
+    return {
+        async copyTextToolsOutput() {
+            const text = typeof this.textToolsOutput === 'string' ? this.textToolsOutput.trim() : '';
+            if (!text) {
+                this.showMessage(typeof this.t === 'function' ? this.t('toast.copy.empty') : 'Nothing to copy', 'info');
+                return;
+            }
+            try {
+                if (navigator.clipboard && window.isSecureContext) {
+                    await navigator.clipboard.writeText(text);
+                    this.showMessage(typeof this.t === 'function' ? this.t('toast.copy.ok') : 'Copied', 'success');
+                    return;
+                }
+            } catch (_) {}
+            const ok = typeof this.fallbackCopyText === 'function' ? this.fallbackCopyText(text) : false;
+            if (ok) {
+                this.showMessage(typeof this.t === 'function' ? this.t('toast.copy.ok') : 'Copied', 'success');
+                return;
+            }
+            this.showMessage(typeof this.t === 'function' ? this.t('toast.copy.fail') : 'Copy failed', 'error');
+        }
+    };
+}

package/plugins/text-tools/overview.mjs

@@ -0,0 +1,12 @@
+import { textTools, DEFAULT_TEXT_TOOL_ID } from './index.mjs';
+
+export async function loadTextToolsOverview(ctx) {
+    const app = ctx && typeof ctx === 'object' ? ctx : {};
+    const activeId = typeof app.textToolsActiveToolId === 'string' ? app.textToolsActiveToolId.trim() : '';
+    const exists = textTools.some((tool) => tool && tool.id === activeId);
+    app.textToolsActiveToolId = exists ? activeId : DEFAULT_TEXT_TOOL_ID;
+    if (typeof app.textToolsInput !== 'string') {
+        app.textToolsInput = '';
+    }
+    return true;
+}

package/plugins/text-tools/ownership.mjs

@@ -0,0 +1,7 @@
+export const textToolsPluginOwnership = {
+    pluginId: 'text-tools',
+    createdBy: 'ymkiux',
+    maintainers: ['ymkiux']
+};
+
+export { textToolsPluginOwnership as pluginOwnership };

package/web-ui/app.js

@@ -108,8 +108,9 @@ document.addEventListener('DOMContentLoaded', () => {
                 sysChangeAxis: { mode: 'edit', ticks: [], truncated: false, totalLines: 0, added: 0, removed: 0 },
                 promptsMobileView: 'edit',
                 promptsPreviewLibsMissing: false,
-                agentsHighlightHtml: '',
-                sysPromptHighlightHtml: '',
+                promptsPathReferencePaths: {},
+                promptsPathReferenceLoading: false,
+                promptsPathReferenceCacheKey: '',
                 agentsPreviewHtml: '',
                 sysPromptPreviewHtml: '',
                 projectClaudeMdPath: '',
@@ -169,6 +170,8 @@ document.addEventListener('DOMContentLoaded', () => {
                 pluginsActiveId: 'prompt-templates',
                 pluginsLoading: false,
                 pluginsError: '',
+                textToolsActiveToolId: '',
+                textToolsInput: '',
                 promptTemplatesListRaw: [],
                 promptTemplatesLoadedOnce: false,
                 promptTemplatesKeyword: '',

package/web-ui/index.html

@@ -8,7 +8,6 @@
     <link rel="apple-touch-icon" href="/res/logo-pack.webp">
     <script src="/res/vue.runtime.global.prod.js"></script>
     <script src="/res/json5.min.js"></script>
-    <script src="/res/highlight.min.js"></script>
     <script src="/res/marked.min.js"></script>
     <script src="/res/purify.min.js"></script>
     <link rel="stylesheet" href="/web-ui/styles.css">

package/web-ui/logic.markdown-editor.mjs

@@ -2,67 +2,15 @@
  * Pure logic for the prompts-panel Markdown editor.
  * No DOM access in this module so every function stays unit-testable.
  *
- * Syntax highlighting delegates to the vendored highlight.js UMD build
- * (web-ui/res/highlight.min.js, "markdown" grammar is included in the
- * common build) and the rendered highlight markup is layered behind a
- * transparent textarea. Preview rendering delegates to the vendored
- * marked + DOMPurify pair; raw markdown may embed arbitrary HTML, so
- * sanitize is mandatory before the result reaches v-html.
+ * Preview rendering delegates to the vendored marked + DOMPurify pair; raw
+ * markdown may embed arbitrary HTML, so sanitize is mandatory before the
+ * result reaches v-html.
  */
 
-const HIGHLIGHT_MAX_CHARS = 200000;
-const HTML_ESCAPE_MAP = {
-    '&': '&',
-    '<': '&lt;',
-    '>': '&gt;',
-    '"': '&quot;',
-    "'": '&#39;'
-};
-
-
-let hasWarnedHighlightFallback = false;
-
-export function escapeHtmlText(text) {
-    return String(text === null || text === undefined ? '' : text)
-        .replace(/[&<>"']/g, (ch) => HTML_ESCAPE_MAP[ch]);
-}
-
-function plainHighlightFallback(text) {
-    if (!hasWarnedHighlightFallback) {
-        hasWarnedHighlightFallback = true;
-        // eslint-disable-next-line no-console
-        console.warn('prompts editor: highlight.js unavailable, editor falls back to plain text rendering');
-    }
-    return escapeHtmlText(text) + '\n';
-}
-
-/**
- * Produce the highlighted HTML layer for a markdown source string.
- * highlight.js escapes HTML entities itself; the trailing newline keeps
- * the <pre> backdrop visually aligned with the textarea's final line.
- * Returns escaped plain text when hljs is missing or the input exceeds
- * the highlight budget (observable degradation, never a fake success).
- */
-export function highlightMarkdownText(text, hljs) {
-    const source = typeof text === 'string' ? text : '';
-    if (!hljs || typeof hljs.highlight !== 'function' || typeof hljs.getLanguage !== 'function' || !hljs.getLanguage('markdown')) {
-        return plainHighlightFallback(source);
-    }
-    if (source.length > HIGHLIGHT_MAX_CHARS) {
-        return plainHighlightFallback(source);
-    }
-    try {
-        return hljs.highlight(source, { language: 'markdown', ignoreUnescapedHTML: true }).value + '\n';
-    } catch (e) {
-        return plainHighlightFallback(source);
-    }
-}
-
-
 /**
  * Render a markdown preview. Returns a state object instead of raw HTML so
- * the UI can surface "libs missing" and "empty input" explicitly instead
- * of faking a successful render.
+ * the UI can surface "libs missing" and "empty input" explicitly instead of
+ * faking a successful render.
  */
 export function buildMarkdownPreviewHtml(text, marked, purify) {
     const source = typeof text === 'string' ? text : '';

package/web-ui/logic.prompts-change-axis.mjs

@@ -1,15 +1,9 @@
 /**
- * Prompts-panel change axis: aggregates the line-level diff between the
- * saved original content and the current editor content (or between the
- * rendered diff rows) into clickable tick positions. Pure functions only.
- *
- * The diff engine itself is reused from logic.agents-diff.mjs (LCS for
- * small inputs, window-sync for large ones) so hunk line numbers stay
- * consistent with the red/green preview flow.
+ * Prompts-panel change axis: aggregates the rendered diff rows into
+ * clickable tick positions for the red/green diff preview view.
+ * Pure functions only.
  */
 
-import { buildLineDiff } from './logic.agents-diff.mjs';
-
 const AXIS_MAX_TICKS = 200;
 const AXIS_MIN_TICK_HEIGHT_PERCENT = 1.2;
 
@@ -55,64 +49,6 @@ function capAxisTicks(runs, positioning) {
     };
 }
 
-/**
- * Build change-axis ticks for the editor view.
- *
- * @param {string} baseText saved original content
- * @param {string} currentText current editor content
- * @returns {{ ticks: Array<object>, totalLines: number, truncated: boolean,
- *            stats: { added: number, removed: number, unchanged: number } }}
- */
-export function buildPromptsChangeAxis(baseText, currentText) {
-    const diff = buildLineDiff(baseText, currentText);
-    const totalLines = Math.max(1, diff.newLineCount);
-    const runs = [];
-    let run = null;
-    let newCursor = 0;
-    const flushRun = () => {
-        if (run) {
-            runs.push(run);
-            run = null;
-        }
-    };
-
-    for (const line of diff.lines) {
-        if (!line || !isChangedDiffType(line.type)) {
-            flushRun();
-            if (line && line.type === 'context' && typeof line.newNumber === 'number') {
-                newCursor = line.newNumber;
-            }
-            continue;
-        }
-        if (!run) {
-            run = {
-                anchor: line.type === 'add' && typeof line.newNumber === 'number'
-                    ? line.newNumber - 1
-                    : newCursor,
-                startLine: line.type === 'add' && typeof line.newNumber === 'number'
-                    ? line.newNumber
-                    : newCursor + 1,
-                added: 0,
-                removed: 0
-            };
-        }
-        if (line.type === 'add') {
-            run.added += 1;
-        } else {
-            run.removed += 1;
-        }
-    }
-    flushRun();
-
-    const { ticks, truncated } = capAxisTicks(runs, { total: totalLines });
-    return {
-        ticks,
-        totalLines,
-        truncated,
-        stats: diff.stats
-    };
-}
-
 /**
  * Build change-axis ticks for the diff preview view. Tick positions map to
  * rendered row indexes so clicks scroll the diff list to the exact row.
@@ -164,24 +100,3 @@ export function buildPromptsDiffAxis(diffLines) {
     };
 }
 
-/**
- * Proportional scroll position for jumping to a line inside the editor
- * textarea. The textarea scrolls internally (min-height contract in
- * prompts-editor.css), so scrollTop maps linearly onto the line space.
- *
- * @param {number} scrollHeight textarea scrollHeight
- * @param {number} clientHeight textarea clientHeight
- * @param {number} lineIndex 1-based target line in the current content
- * @param {number} totalLines total line count of the current content
- * @returns {number} clamped scrollTop value
- */
-export function computePromptsAxisScrollTop(scrollHeight, clientHeight, lineIndex, totalLines) {
-    const maxScroll = Math.max(0, (Number(scrollHeight) || 0) - (Number(clientHeight) || 0));
-    if (maxScroll <= 0) {
-        return 0;
-    }
-    const safeTotal = Math.max(1, Number(totalLines) || 1);
-    const safeLine = Math.max(1, Number(lineIndex) || 1);
-    const ratio = Math.min(1, Math.max(0, (safeLine - 1) / Math.max(1, safeTotal - 1)));
-    return Math.min(maxScroll, Math.round(maxScroll * ratio));
-}

package/web-ui/logic.prompts-path-reference.mjs

@@ -0,0 +1,118 @@
+/**
+ * Prompts-panel "path reference" logic: build the dropdown entries that
+ * point to the OTHER instruction-file tabs' real absolute paths, and
+ * splice the rendered reference sentence into editor content at the caret.
+ *
+ * The inserted sentence is instruction-file CONTENT (not UI text), so it
+ * is intentionally a fixed English template, independent of the UI locale.
+ *
+ * Pure functions only: no Vue, no DOM, no api access.
+ */
+
+export const PROMPT_PATH_REFERENCE_TEMPLATE = 'Always follow the rules defined in `{path}`.';
+
+const PROMPT_PATH_REFERENCE_ENTRY_ORDER = ['codex', 'opencode', 'claudeGlobal', 'claudeProject', 'system'];
+
+// promptsSubTab value -> entry id excluded from that tab's own dropdown.
+const CURRENT_TAB_EXCLUDED_ENTRY = {
+    'codex': 'codex',
+    'opencode': 'opencode',
+    'claude-project': 'claudeProject',
+    'system': 'system'
+};
+
+export function buildPromptPathReferenceSentence(path) {
+    const target = typeof path === 'string' ? path.trim() : '';
+    if (!target) {
+        return '';
+    }
+    return PROMPT_PATH_REFERENCE_TEMPLATE.replace('{path}', target);
+}
+
+/**
+ * Splice `text` into `content` at the given selection, replacing the
+ * selected range (same contract as typing over a selection). Out-of-range
+ * indices are clamped; invalid indices fall back to "insert at end".
+ */
+export function insertPromptPathReferenceText(content, selectionStart, selectionEnd, text) {
+    const source = typeof content === 'string' ? content : '';
+    const inserted = typeof text === 'string' ? text : '';
+    const fallback = source.length;
+    const rawStart = Number.isFinite(selectionStart) ? Number(selectionStart) : fallback;
+    const rawEnd = Number.isFinite(selectionEnd) ? Number(selectionEnd) : fallback;
+    const start = Math.min(Math.max(rawStart, 0), source.length);
+    const end = Math.min(Math.max(rawEnd, start), source.length);
+    return {
+        content: source.slice(0, start) + inserted + source.slice(end),
+        caret: start + inserted.length
+    };
+}
+
+/**
+ * Build the dropdown option list for the prompts editors.
+ *
+ * config:
+ *   - currentTab: promptsSubTab value ('codex' | 'opencode' | 'claude-project' | 'system')
+ *   - paths: map entry id -> { path, exists, error } (server-resolved absolute paths)
+ *   - t: i18n translator, signature t(key, params)
+ *   - systemFile: file name shown for the Pi system-prompt entry (SYSTEM.md / APPEND_SYSTEM.md)
+ *
+ * Each option: { id, label, path, exists, disabled, disabledReason }.
+ * Missing/error entries stay in the list but render disabled, so a failed
+ * fetch is visible instead of silently hiding a tab.
+ */
+export function buildPromptPathReferenceOptions(config) {
+    const cfg = config || {};
+    const currentTab = CURRENT_TAB_EXCLUDED_ENTRY[cfg.currentTab] ? cfg.currentTab : 'codex';
+    const excludedEntry = CURRENT_TAB_EXCLUDED_ENTRY[currentTab];
+    const paths = cfg.paths || {};
+    const t = typeof cfg.t === 'function' ? cfg.t : ((key) => key);
+    const systemFile = typeof cfg.systemFile === 'string' && cfg.systemFile.trim()
+        ? cfg.systemFile.trim()
+        : 'SYSTEM.md';
+
+    const labelKeys = {
+        codex: 'prompts.pathReference.codex',
+        opencode: 'prompts.pathReference.opencode',
+        claudeGlobal: 'prompts.pathReference.claudeGlobal',
+        claudeProject: 'prompts.pathReference.claudeProject',
+        system: 'prompts.pathReference.system'
+    };
+
+    const options = [];
+    for (const id of PROMPT_PATH_REFERENCE_ENTRY_ORDER) {
+        if (id === excludedEntry) {
+            continue;
+        }
+        const entry = paths[id] || null;
+        let label = id === 'system'
+            ? t(labelKeys[id], { file: systemFile })
+            : t(labelKeys[id]);
+        let disabled = false;
+        let disabledReason = '';
+        if (id === 'claudeProject' && !(entry && entry.path)) {
+            disabled = true;
+            disabledReason = t('prompts.pathReference.projectMissing');
+        }
+        if (!entry) {
+            disabled = true;
+            if (!disabledReason) {
+                disabledReason = t('prompts.pathReference.notLoaded');
+            }
+        } else if (entry.error) {
+            disabled = true;
+            disabledReason = entry.error;
+        } else if (entry.path && entry.exists === false) {
+            label += ' · ' + t('common.notExistsWillCreateOnSave');
+        }
+        options.push({
+            id,
+            label,
+            path: entry && entry.path ? entry.path : '',
+            exists: entry ? !!entry.exists : false,
+            disabled,
+            disabledReason
+        });
+    }
+    return options;
+}

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

@@ -1020,6 +1020,7 @@ export function createAgentsMethods(options = {}) {
         },
 
         loadPromptsTabContent() {
+            if (typeof this.loadPromptsPathReferences === "function") this.loadPromptsPathReferences();
             if (this.promptsSubTab === 'system') {
                 if (typeof this.loadSystemPrompt === 'function') this.loadSystemPrompt();
             } else {

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

@@ -52,7 +52,7 @@ import {
 export function createAppMethods() {
     return {
         ...createI18nMethods(),
-        ...createPromptsEditorMethods(),
+        ...createPromptsEditorMethods({ api }),
         ...createWebhookMethods(),
         ...createStartupClaudeMethods({
             api,