codexmate 0.1.23 → 0.1.24

package/package.json

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

package/web-ui/app.js

@@ -108,6 +108,9 @@ document.addEventListener('DOMContentLoaded', () => {
                 sysChangeAxis: { mode: 'edit', ticks: [], truncated: false, totalLines: 0, added: 0, removed: 0 },
                 promptsMobileView: 'edit',
                 promptsPreviewLibsMissing: false,
+                promptsPathReferencePaths: {},
+                promptsPathReferenceLoading: false,
+                promptsPathReferenceCacheKey: '',
                 agentsHighlightHtml: '',
                 sysPromptHighlightHtml: '',
                 agentsPreviewHtml: '',

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,

package/web-ui/modules/app.methods.prompts-editor.mjs

@@ -7,7 +7,9 @@
  * State contract (declared in app.js data()):
  *   promptsPreviewEnabled, promptsPreviewCollapsed, promptsMobileView,
  *   promptsPreviewLibsMissing, agentsHighlightHtml, sysPromptHighlightHtml,
- *   agentsPreviewHtml, sysPromptPreviewHtml, agentsChangeAxis, sysChangeAxis
+ *   agentsPreviewHtml, sysPromptPreviewHtml, agentsChangeAxis, sysChangeAxis,
+ *   promptsPathReferencePaths, promptsPathReferenceLoading,
+ *   promptsPathReferenceCacheKey (path-reference dropdown)
  * Template contract:
  *   refs promptsAgentsTextarea / promptsSysTextarea on the two textareas,
  *   refs promptsAgentsHighlight / promptsSysHighlight on the backdrop <pre>,
@@ -19,9 +21,12 @@ import {
     highlightMarkdownText
 } from '../logic.markdown-editor.mjs';
 import {
-    buildPromptsChangeAxis,
-    buildPromptsDiffAxis,
-    computePromptsAxisScrollTop
+    buildPromptPathReferenceOptions as buildPromptPathReferenceOptionList,
+    buildPromptPathReferenceSentence,
+    insertPromptPathReferenceText
+} from '../logic.prompts-path-reference.mjs';
+import {
+    buildPromptsDiffAxis
 } from '../logic.prompts-change-axis.mjs';
 
 const PROMPTS_HIGHLIGHT_DEBOUNCE_MS = 150;
@@ -83,7 +88,9 @@ function resolvePromptsPreviewLibs() {
     return { marked: window.marked || null, purify: window.DOMPurify || null };
 }
 
-export function createPromptsEditorMethods() {
+export function createPromptsEditorMethods(options = {}) {
+    const { api } = options;
+
     return {
         promptsEditorMeta(key) {
             return PROMPTS_EDITOR_META[key] || null;
@@ -188,25 +195,12 @@ export function createPromptsEditorMethods() {
                     added: Number(stats && stats.added) || 0,
                     removed: Number(stats && stats.removed) || 0
                 };
-                this.consumePromptsAxisPendingJump(key);
-                return;
-            }
-            this.clearPromptsAxisPendingJump(key);
-            const current = this[meta.contentField];
-            const original = this[meta.originalField];
-            if (typeof current !== 'string' || current === original) {
-                this[meta.axisField] = emptyPromptsChangeAxis();
                 return;
             }
-            const axis = buildPromptsChangeAxis(typeof original === 'string' ? original : '', current);
-            this[meta.axisField] = {
-                mode: 'edit',
-                ticks: axis.truncated ? [] : axis.ticks,
-                truncated: axis.truncated,
-                totalLines: axis.totalLines,
-                added: Number(axis.stats && axis.stats.added) || 0,
-                removed: Number(axis.stats && axis.stats.removed) || 0
-            };
+            // Edit mode renders no axis (the axis is a diff-preview-only
+            // affordance): keep it empty so the full line-diff cost is only
+            // paid while the red/green preview is open.
+            this[meta.axisField] = emptyPromptsChangeAxis();
         },
 
         schedulePromptsChangeAxis(key) {
@@ -241,85 +235,144 @@ export function createPromptsEditorMethods() {
                 }
                 return;
             }
-            // Edit mode: a tick click opens the red/green comparison view
-            // focused on this hunk, so the user sees WHAT changed (old vs new),
-            // not just where. prepareAgentsDiff / prepareSysPromptDiff are the
-            // same preview entry the save/eye button uses; both settle their
-            // own error state internally and never reject.
-            const canOpenDiff = typeof this[meta.prepareDiffMethod] === 'function'
-                && !this[meta.loadingField]
-                && !this[meta.savingField]
-                && !this[meta.diffLoadingField];
-            if (canOpenDiff) {
-                this._promptsAxisPendingJump = { key, startLine: tick.startLine };
-                this[meta.prepareDiffMethod]();
-                return;
+        },
+
+        setPromptsMobileView(view) {
+            if (view === 'edit' || view === 'preview') {
+                this.promptsMobileView = view;
             }
-            // Fallback when the diff flow is not wired on the context (isolated
-            // method usage): keep the legacy proportional editor scroll so the
-            // click still produces an observable move instead of a silent no-op.
-            const textarea = this.$refs && this.$refs[meta.textareaRef];
-            if (!textarea || typeof textarea.scrollTop !== 'number') {
-                return;
+        },
+
+        togglePromptsPreviewCollapsed() {
+            this.promptsPreviewCollapsed = !this.promptsPreviewCollapsed;
+            if (typeof this.persistWebUiPreferences === 'function') {
+                this.persistWebUiPreferences({ promptsPreviewCollapsed: this.promptsPreviewCollapsed });
             }
-            textarea.scrollTop = computePromptsAxisScrollTop(
-                textarea.scrollHeight,
-                textarea.clientHeight,
-                tick.startLine,
-                axis.totalLines
-            );
-            this.syncPromptsOverlayScroll(key);
         },
 
-        clearPromptsAxisPendingJump(key) {
-            if (this._promptsAxisPendingJump && this._promptsAxisPendingJump.key === key) {
-                this._promptsAxisPendingJump = null;
+        buildPromptsPathReferenceCacheKey() {
+            return [
+                (this.projectClaudeMdPath || '').trim(),
+                this.sysPromptScope || 'global',
+                this.sysPromptMode || 'system'
+            ].join('|');
+        },
+
+        // Lazy loader for the path-reference dropdown. Fetches the OTHER tabs'
+        // real absolute paths via the existing metaOnly RPC contracts
+        // (get-agents-file / get-opencode-agents-file / get-claude-md-file
+        // return path + exists without content; get-system-prompt returns
+        // path + a small SYSTEM.md/APPEND_SYSTEM.md read). Cache key covers the
+        // only inputs that change a resolved path: project baseDir, sysPrompt
+        // scope and mode. Idempotent per key; concurrent callers share the
+        // in-flight promise.
+        loadPromptsPathReferences() {
+            const cacheKey = this.buildPromptsPathReferenceCacheKey();
+            if (this.promptsPathReferenceCacheKey === cacheKey && !this.promptsPathReferenceLoading) {
+                return Promise.resolve();
             }
+            if (this.promptsPathReferenceLoading && this._promptsPathReferencePromise) {
+                return this._promptsPathReferencePromise;
+            }
+            if (typeof api !== 'function') {
+                return Promise.resolve();
+            }
+            const projectPath = (this.projectClaudeMdPath || '').trim();
+            const scope = this.sysPromptScope || 'global';
+            const mode = this.sysPromptMode || 'system';
+            const fetchEntry = async (action, params) => {
+                try {
+                    const res = await api(action, params);
+                    if (res && res.error) {
+                        return { path: '', exists: false, error: String(res.error) };
+                    }
+                    return { path: (res && res.path) || '', exists: !!(res && res.exists) };
+                } catch (e) {
+                    return {
+                        path: '',
+                        exists: false,
+                        error: typeof this.t === 'function' ? this.t('prompts.pathReference.loadFailed') : 'load failed'
+                    };
+                }
+            };
+            this.promptsPathReferenceLoading = true;
+            const promise = Promise.all([
+                fetchEntry('get-agents-file', { metaOnly: true }),
+                fetchEntry('get-opencode-agents-file', { metaOnly: true }),
+                fetchEntry('get-claude-md-file', { metaOnly: true }),
+                projectPath
+                    ? fetchEntry('get-claude-md-file', { baseDir: projectPath, metaOnly: true })
+                    : Promise.resolve(null),
+                fetchEntry('get-system-prompt', { scope, mode })
+            ]).then((results) => {
+                this.promptsPathReferencePaths = {
+                    codex: results[0],
+                    opencode: results[1],
+                    claudeGlobal: results[2],
+                    claudeProject: results[3] || { path: '', exists: false, error: '' },
+                    system: results[4]
+                };
+                this.promptsPathReferenceCacheKey = cacheKey;
+            }).finally(() => {
+                this.promptsPathReferenceLoading = false;
+                this._promptsPathReferencePromise = null;
+            });
+            this._promptsPathReferencePromise = promise;
+            return promise;
         },
 
-        consumePromptsAxisPendingJump(key) {
-            const pending = this._promptsAxisPendingJump;
-            if (!pending || pending.key !== key) {
-                return;
+        promptsPathReferenceOptionList() {
+            return buildPromptPathReferenceOptionList({
+                currentTab: this.promptsSubTab,
+                paths: this.promptsPathReferencePaths || {},
+                t: (key, params) => (typeof this.t === 'function' ? this.t(key, params) : key),
+                systemFile: (this.sysPromptMode || 'system') === 'append' ? 'APPEND_SYSTEM.md' : 'SYSTEM.md'
+            });
+        },
+
+        insertPromptPathReference(entryId, key, event) {
+            const select = event && event.target;
+            if (select && typeof select.value === 'string') {
+                select.value = '';
             }
             const meta = this.promptsEditorMeta(key);
-            if (!meta) {
-                this._promptsAxisPendingJump = null;
+            const entry = (this.promptsPathReferencePaths || {})[entryId];
+            if (!meta || !entry || !entry.path || entry.error) {
                 return;
             }
-            const axis = this[meta.axisField];
-            if (!axis || axis.mode !== 'diff' || !axis.ticks.length) {
+            if (this[meta.loadingField] || this[meta.savingField] || this[meta.diffVisibleField]) {
                 return;
             }
-            this._promptsAxisPendingJump = null;
-            const target = axis.ticks.find((tick) => tick.startLine === pending.startLine)
-                || axis.ticks.find((tick) => tick.startLine >= pending.startLine)
-                || axis.ticks[axis.ticks.length - 1];
-            const applyScroll = () => {
-                const view = this.$refs && this.$refs[meta.diffViewRef];
-                const rows = view && view.children ? Array.prototype.slice.call(view.children) : [];
-                const row = rows[target.rowIndex];
-                if (row && typeof row.scrollIntoView === 'function') {
-                    row.scrollIntoView({ block: 'center' });
+            const sentence = buildPromptPathReferenceSentence(entry.path);
+            if (!sentence) {
+                return;
+            }
+            const textarea = typeof this.$refs === 'object' && this.$refs
+                ? this.$refs[meta.textareaRef]
+                : null;
+            const content = typeof this[meta.contentField] === 'string' ? this[meta.contentField] : '';
+            let start = content.length;
+            let end = content.length;
+            if (textarea && typeof textarea.selectionStart === 'number') {
+                start = textarea.selectionStart;
+                end = textarea.selectionEnd;
+            }
+            const result = insertPromptPathReferenceText(content, start, end, sentence);
+            this[meta.contentField] = result.content;
+            this.schedulePromptsEditorRefresh(key);
+            const restoreCaret = () => {
+                if (textarea && typeof textarea.setSelectionRange === 'function') {
+                    textarea.setSelectionRange(result.caret, result.caret);
+                    textarea.focus();
                 }
             };
             if (typeof this.$nextTick === 'function') {
-                this.$nextTick(applyScroll);
+                this.$nextTick(restoreCaret);
             } else {
-                applyScroll();
+                restoreCaret();
             }
-        },
-
-        setPromptsMobileView(view) {
-            if (view === 'edit' || view === 'preview') {
-                this.promptsMobileView = view;
-            }
-        },
-
-        togglePromptsPreviewCollapsed() {
-            this.promptsPreviewCollapsed = !this.promptsPreviewCollapsed;
-            if (typeof this.persistWebUiPreferences === 'function') {
-                this.persistWebUiPreferences({ promptsPreviewCollapsed: this.promptsPreviewCollapsed });
+            if (typeof this.showMessage === 'function') {
+                this.showMessage(this.t('prompts.pathReference.toast.inserted'), 'success');
             }
         }
     };

package/web-ui/modules/i18n/locales/en.mjs

@@ -232,6 +232,17 @@ const en = Object.freeze({
     'prompts.subTab.opencode': 'AGENTS.md (OpenCode)',
     'prompts.subTab.project': 'CLAUDE.md',
     'prompts.subTab.system': 'System Prompt (Pi)',
+    'prompts.pathReference.title': 'Insert rule reference',
+    'prompts.pathReference.placeholder': 'Insert rule reference…',
+    'prompts.pathReference.codex': 'AGENTS.md (Codex)',
+    'prompts.pathReference.opencode': 'AGENTS.md (OpenCode)',
+    'prompts.pathReference.claudeGlobal': 'CLAUDE.md (Global)',
+    'prompts.pathReference.claudeProject': 'CLAUDE.md (Project)',
+    'prompts.pathReference.system': '{file} (Pi System Prompt)',
+    'prompts.pathReference.projectMissing': 'No project path selected',
+    'prompts.pathReference.notLoaded': 'Loading path…',
+    'prompts.pathReference.loadFailed': 'Failed to load path',
+    'prompts.pathReference.toast.inserted': 'Rule reference inserted',
     'prompts.subTab.presets': 'Preset pool',
     'prompts.editor.toolbar': 'Markdown toolbar',
     'prompts.editor.collapsePreview': 'Collapse preview',
@@ -243,7 +254,6 @@ const en = Object.freeze({
     'prompts.editor.previewEmpty': 'Nothing to preview yet',
     'prompts.editor.changeAxis': 'Change navigation axis',
     'prompts.editor.changeAxisTick': 'Line {line} (+{added} / -{removed})',
-    'prompts.editor.changeAxisTruncated': 'Too many changed regions; collapsed to summary',
     'prompts.presets.title': 'Presets',
     'prompts.presets.hint': 'Manage presets.',
     'prompts.presets.namePlaceholder': 'Preset name',

package/web-ui/modules/i18n/locales/ja.mjs

@@ -233,6 +233,17 @@ const ja = Object.freeze({
     'prompts.subTab.opencode': 'AGENTS.md (OpenCode)',
     'prompts.subTab.project': 'CLAUDE.md',
     'prompts.subTab.system': 'System Prompt (Pi)',
+    'prompts.pathReference.title': 'ルール参照を挿入',
+    'prompts.pathReference.placeholder': 'ルール参照を挿入…',
+    'prompts.pathReference.codex': 'AGENTS.md (Codex)',
+    'prompts.pathReference.opencode': 'AGENTS.md (OpenCode)',
+    'prompts.pathReference.claudeGlobal': 'CLAUDE.md（グローバル）',
+    'prompts.pathReference.claudeProject': 'CLAUDE.md（現在のプロジェクト）',
+    'prompts.pathReference.system': '{file}（Pi System Prompt）',
+    'prompts.pathReference.projectMissing': 'プロジェクトパス未選択',
+    'prompts.pathReference.notLoaded': 'パス読み込み中…',
+    'prompts.pathReference.loadFailed': 'パスの読み込みに失敗しました',
+    'prompts.pathReference.toast.inserted': 'ルール参照を挿入しました',
     'prompts.subTab.presets': 'プリセット',
     'prompts.editor.toolbar': 'Markdown ツールバー',
     'prompts.editor.collapsePreview': 'プレビューを折りたたむ',
@@ -244,7 +255,6 @@ const ja = Object.freeze({
     'prompts.editor.previewEmpty': 'プレビューする内容がありません',
     'prompts.editor.changeAxis': '変更ナビゲーション軸',
     'prompts.editor.changeAxisTick': '{line} 行目（+{added} / -{removed}）',
-    'prompts.editor.changeAxisTruncated': '変更領域が多すぎるため、統計に折りたたまれました',
     'prompts.presets.title': 'プリセット',
     'prompts.presets.hint': 'プリセットを管理します。',
     'prompts.presets.namePlaceholder': 'プリセット名',

package/web-ui/modules/i18n/locales/vi.mjs

@@ -250,6 +250,17 @@ const vi = Object.freeze({
     'prompts.subTab.opencode': 'AGENTS.md (OpenCode)',
     'prompts.subTab.project': 'CLAUDE.md',
     'prompts.subTab.system': 'System Prompt (Pi)',
+    'prompts.pathReference.title': 'Chèn tham chiếu quy tắc',
+    'prompts.pathReference.placeholder': 'Chèn tham chiếu quy tắc…',
+    'prompts.pathReference.codex': 'AGENTS.md (Codex)',
+    'prompts.pathReference.opencode': 'AGENTS.md (OpenCode)',
+    'prompts.pathReference.claudeGlobal': 'CLAUDE.md (Toàn cục)',
+    'prompts.pathReference.claudeProject': 'CLAUDE.md (Dự án hiện tại)',
+    'prompts.pathReference.system': '{file} (System Prompt Pi)',
+    'prompts.pathReference.projectMissing': 'Chưa chọn đường dẫn dự án',
+    'prompts.pathReference.notLoaded': 'Đang tải đường dẫn…',
+    'prompts.pathReference.loadFailed': 'Tải đường dẫn thất bại',
+    'prompts.pathReference.toast.inserted': 'Đã chèn tham chiếu quy tắc',
     'prompts.subTab.presets': 'Kho preset',
     'prompts.editor.toolbar': 'Thanh công cụ Markdown',
     'prompts.editor.collapsePreview': 'Thu gọn bản xem trước',
@@ -261,7 +272,6 @@ const vi = Object.freeze({
     'prompts.editor.previewEmpty': 'Chưa có nội dung để xem trước',
     'prompts.editor.changeAxis': 'Trục điều hướng thay đổi',
     'prompts.editor.changeAxisTick': 'Dòng {line} (+{added} / -{removed})',
-    'prompts.editor.changeAxisTruncated': 'Quá nhiều vùng thay đổi; đã thu gọn thành thống kê',
     'prompts.presets.title': 'Preset',
     'prompts.presets.hint': 'Quản lý preset.',
     'prompts.presets.namePlaceholder': 'Tên preset',

package/web-ui/modules/i18n/locales/zh-tw.mjs

@@ -232,6 +232,17 @@ const zhTw = Object.freeze({
     'prompts.subTab.opencode': 'AGENTS.md (OpenCode)',
     'prompts.subTab.project': 'CLAUDE.md',
     'prompts.subTab.system': 'System Prompt (Pi)',
+    'prompts.pathReference.title': '插入規則引用',
+    'prompts.pathReference.placeholder': '插入規則引用…',
+    'prompts.pathReference.codex': 'AGENTS.md (Codex)',
+    'prompts.pathReference.opencode': 'AGENTS.md (OpenCode)',
+    'prompts.pathReference.claudeGlobal': 'CLAUDE.md（全域）',
+    'prompts.pathReference.claudeProject': 'CLAUDE.md（目前專案）',
+    'prompts.pathReference.system': '{file}（Pi System Prompt）',
+    'prompts.pathReference.projectMissing': '未選擇專案路徑',
+    'prompts.pathReference.notLoaded': '路徑載入中…',
+    'prompts.pathReference.loadFailed': '路徑載入失敗',
+    'prompts.pathReference.toast.inserted': '已插入規則引用',
     'prompts.subTab.presets': '預設池',
     'prompts.editor.toolbar': 'Markdown 工具列',
     'prompts.editor.collapsePreview': '收起預覽',
@@ -243,7 +254,6 @@ const zhTw = Object.freeze({
     'prompts.editor.previewEmpty': '尚無內容可預覽',
     'prompts.editor.changeAxis': '改動導覽軸',
     'prompts.editor.changeAxisTick': '第 {line} 行（+{added} / -{removed}）',
-    'prompts.editor.changeAxisTruncated': '改動區域過多，已摺疊為統計',
     'prompts.presets.title': '預設池',
     'prompts.presets.hint': '管理預設。',
     'prompts.presets.namePlaceholder': '預設名稱',

package/web-ui/modules/i18n/locales/zh.mjs

@@ -232,6 +232,17 @@ const zh = Object.freeze({
     'prompts.subTab.opencode': 'AGENTS.md (OpenCode)',
     'prompts.subTab.project': 'CLAUDE.md',
     'prompts.subTab.system': 'System Prompt (Pi)',
+    'prompts.pathReference.title': '插入规则引用',
+    'prompts.pathReference.placeholder': '插入规则引用…',
+    'prompts.pathReference.codex': 'AGENTS.md (Codex)',
+    'prompts.pathReference.opencode': 'AGENTS.md (OpenCode)',
+    'prompts.pathReference.claudeGlobal': 'CLAUDE.md（全局）',
+    'prompts.pathReference.claudeProject': 'CLAUDE.md（当前项目）',
+    'prompts.pathReference.system': '{file}（Pi System Prompt）',
+    'prompts.pathReference.projectMissing': '未选择项目路径',
+    'prompts.pathReference.notLoaded': '路径加载中…',
+    'prompts.pathReference.loadFailed': '路径加载失败',
+    'prompts.pathReference.toast.inserted': '已插入规则引用',
     'prompts.subTab.presets': '预设池',
     'prompts.editor.toolbar': 'Markdown 工具栏',
     'prompts.editor.collapsePreview': '收起预览',
@@ -243,7 +254,6 @@ const zh = Object.freeze({
     'prompts.editor.previewEmpty': '暂无内容可预览',
     'prompts.editor.changeAxis': '改动导航轴',
     'prompts.editor.changeAxisTick': '第 {line} 行（+{added} / -{removed}）',
-    'prompts.editor.changeAxisTruncated': '改动区域过多，已折叠为统计',
     'prompts.presets.title': '预设池',
     'prompts.presets.hint': '管理预设。',
     'prompts.presets.namePlaceholder': '预设名称',

package/web-ui/partials/index/panel-prompts.html

@@ -44,6 +44,17 @@
                             </span>
                         </div>
                         <div class="prompts-editor-actions">
+                            <div class="prompts-editor-group prompts-editor-group--pathref">
+                                <select
+                                    class="form-input prompts-path-reference-select"
+                                    :disabled="agentsLoading || agentsSaving || agentsDiffVisible || promptsPathReferenceLoading"
+                                    :title="t('prompts.pathReference.title')"
+                                    @focus="loadPromptsPathReferences()"
+                                    @change="insertPromptPathReference($event.target.value, 'agents', $event)">
+                                    <option value="">{{ t('prompts.pathReference.placeholder') }}</option>
+                                    <option v-for="opt in promptsPathReferenceOptionList()" :key="opt.id" :value="opt.id" :disabled="opt.disabled">{{ opt.label }}</option>
+                                </select>
+                            </div>
                             <div class="prompts-editor-group prompts-editor-group--secondary">
                                 <button
                                     class="btn-mini"
@@ -233,13 +244,6 @@
                                         @input="onAgentsContentInput"
                                         @scroll="syncPromptsOverlayScroll('agents')"
                                         :placeholder="t(promptsSubTab === 'claude-project' ? 'modal.agents.placeholder.claudeProject' : 'modal.agents.placeholder')"></textarea>
-                                    <div v-if="!agentsDiffVisible && agentsChangeAxis.ticks.length" class="prompts-change-axis" role="navigation" :aria-label="t('prompts.editor.changeAxis')">
-                                        <button v-for="(tick, index) in agentsChangeAxis.ticks" :key="'agents-change-axis-' + index" type="button" class="prompts-change-tick" :class="'prompts-change-tick--' + tick.kind" :style="{ top: tick.top + '%', height: tick.height + '%' }" :title="t('prompts.editor.changeAxisTick', { line: tick.startLine, added: tick.added, removed: tick.removed })" @click="jumpToPromptsChangeTick('agents', tick)"></button>
-                                    </div>
-                                    <div v-else-if="!agentsDiffVisible && agentsChangeAxis.truncated" class="prompts-change-axis prompts-change-axis--summary" :title="t('prompts.editor.changeAxisTruncated')">
-                                        <span class="prompts-change-summary add">+{{ agentsChangeAxis.added }}</span>
-                                        <span class="prompts-change-summary del">-{{ agentsChangeAxis.removed }}</span>
-                                    </div>
                                 </div>
                                 <div v-if="promptsPreviewEnabled" class="prompts-preview-pane">
                                     <div v-if="promptsPreviewLibsMissing" class="state-message error">{{ t('prompts.editor.previewUnavailable') }}</div>
@@ -282,6 +286,17 @@
                                 </span>
                             </div>
                             <div class="prompts-editor-actions">
+                                <div class="prompts-editor-group prompts-editor-group--pathref">
+                                    <select
+                                        class="form-input prompts-path-reference-select"
+                                        :disabled="sysPromptLoading || sysPromptSaving || sysPromptDiffVisible || promptsPathReferenceLoading"
+                                        :title="t('prompts.pathReference.title')"
+                                        @focus="loadPromptsPathReferences()"
+                                        @change="insertPromptPathReference($event.target.value, 'sys', $event)">
+                                        <option value="">{{ t('prompts.pathReference.placeholder') }}</option>
+                                        <option v-for="opt in promptsPathReferenceOptionList()" :key="opt.id" :value="opt.id" :disabled="opt.disabled">{{ opt.label }}</option>
+                                    </select>
+                                </div>
                                 <div class="prompts-editor-group prompts-editor-group--secondary">
                                     <button class="btn-mini" @click="exportSysPromptContent" :disabled="sysPromptLoading || sysPromptSaving || !sysPromptContent" :title="t('modal.agents.export')">
                                         <svg class="btn-icon-sm" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 3v12M8 11l4 4 4-4M4 17v2h16v-2"/></svg>
@@ -386,13 +401,6 @@
                                             :readonly="sysPromptLoading || sysPromptSaving || sysPromptDiffVisible"
                                             @scroll="syncPromptsOverlayScroll('sys')"
                                             :placeholder="t('sysPrompt.placeholder')"></textarea>
-                                        <div v-if="!sysPromptDiffVisible && sysChangeAxis.ticks.length" class="prompts-change-axis" role="navigation" :aria-label="t('prompts.editor.changeAxis')">
-                                            <button v-for="(tick, index) in sysChangeAxis.ticks" :key="'sys-change-axis-' + index" type="button" class="prompts-change-tick" :class="'prompts-change-tick--' + tick.kind" :style="{ top: tick.top + '%', height: tick.height + '%' }" :title="t('prompts.editor.changeAxisTick', { line: tick.startLine, added: tick.added, removed: tick.removed })" @click="jumpToPromptsChangeTick('sys', tick)"></button>
-                                        </div>
-                                        <div v-else-if="!sysPromptDiffVisible && sysChangeAxis.truncated" class="prompts-change-axis prompts-change-axis--summary" :title="t('prompts.editor.changeAxisTruncated')">
-                                            <span class="prompts-change-summary add">+{{ sysChangeAxis.added }}</span>
-                                            <span class="prompts-change-summary del">-{{ sysChangeAxis.removed }}</span>
-                                        </div>
                                     </div>
                                     <div v-if="promptsPreviewEnabled" class="prompts-preview-pane">
                                         <div v-if="promptsPreviewLibsMissing" class="state-message error">{{ t('prompts.editor.previewUnavailable') }}</div>

package/web-ui/res/web-ui-render.precompiled.js

@@ -6953,6 +6953,24 @@ return function render(_ctx, _cache) {
                             : _createCommentVNode("v-if", true)
                         ]),
                         _createElementVNode("div", { class: "prompts-editor-actions" }, [
+                          _createElementVNode("div", { class: "prompts-editor-group prompts-editor-group--pathref" }, [
+                            _createElementVNode("select", {
+                              class: "form-input prompts-path-reference-select",
+                              disabled: _ctx.agentsLoading || _ctx.agentsSaving || _ctx.agentsDiffVisible || _ctx.promptsPathReferenceLoading,
+                              title: _ctx.t('prompts.pathReference.title'),
+                              onFocus: $event => (_ctx.loadPromptsPathReferences()),
+                              onChange: $event => (_ctx.insertPromptPathReference($event.target.value, 'agents', $event))
+                            }, [
+                              _createElementVNode("option", { value: "" }, _toDisplayString(_ctx.t('prompts.pathReference.placeholder')), 1 /* TEXT */),
+                              (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.promptsPathReferenceOptionList(), (opt) => {
+                                return (_openBlock(), _createElementBlock("option", {
+                                  key: opt.id,
+                                  value: opt.id,
+                                  disabled: opt.disabled
+                                }, _toDisplayString(opt.label), 9 /* TEXT, PROPS */, ["value", "disabled"]))
+                              }), 128 /* KEYED_FRAGMENT */))
+                            ], 40 /* PROPS, NEED_HYDRATION */, ["disabled", "title", "onFocus", "onChange"])
+                          ]),
                           _createElementVNode("div", { class: "prompts-editor-group prompts-editor-group--secondary" }, [
                             _createElementVNode("button", {
                               class: "btn-mini",
@@ -7424,35 +7442,7 @@ return function render(_ctx, _cache) {
                                 placeholder: _ctx.t(_ctx.promptsSubTab === 'claude-project' ? 'modal.agents.placeholder.claudeProject' : 'modal.agents.placeholder')
                               }, null, 40 /* PROPS, NEED_HYDRATION */, ["onUpdate:modelValue", "readonly", "onInput", "onScroll", "placeholder"]), [
                                 [_vModelText, _ctx.agentsContent]
-                              ]),
-                              (!_ctx.agentsDiffVisible && _ctx.agentsChangeAxis.ticks.length)
-                                ? (_openBlock(), _createElementBlock("div", {
-                                    key: 0,
-                                    class: "prompts-change-axis",
-                                    role: "navigation",
-                                    "aria-label": _ctx.t('prompts.editor.changeAxis')
-                                  }, [
-                                    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.agentsChangeAxis.ticks, (tick, index) => {
-                                      return (_openBlock(), _createElementBlock("button", {
-                                        key: 'agents-change-axis-' + index,
-                                        type: "button",
-                                        class: _normalizeClass(["prompts-change-tick", 'prompts-change-tick--' + tick.kind]),
-                                        style: _normalizeStyle({ top: tick.top + '%', height: tick.height + '%' }),
-                                        title: _ctx.t('prompts.editor.changeAxisTick', { line: tick.startLine, added: tick.added, removed: tick.removed }),
-                                        onClick: $event => (_ctx.jumpToPromptsChangeTick('agents', tick))
-                                      }, null, 14 /* CLASS, STYLE, PROPS */, ["title", "onClick"]))
-                                    }), 128 /* KEYED_FRAGMENT */))
-                                  ], 8 /* PROPS */, ["aria-label"]))
-                                : (!_ctx.agentsDiffVisible && _ctx.agentsChangeAxis.truncated)
-                                  ? (_openBlock(), _createElementBlock("div", {
-                                      key: 1,
-                                      class: "prompts-change-axis prompts-change-axis--summary",
-                                      title: _ctx.t('prompts.editor.changeAxisTruncated')
-                                    }, [
-                                      _createElementVNode("span", { class: "prompts-change-summary add" }, "+" + _toDisplayString(_ctx.agentsChangeAxis.added), 1 /* TEXT */),
-                                      _createElementVNode("span", { class: "prompts-change-summary del" }, "-" + _toDisplayString(_ctx.agentsChangeAxis.removed), 1 /* TEXT */)
-                                    ], 8 /* PROPS */, ["title"]))
-                                  : _createCommentVNode("v-if", true)
+                              ])
                             ]),
                             (_ctx.promptsPreviewEnabled)
                               ? (_openBlock(), _createElementBlock("div", {
@@ -7524,6 +7514,24 @@ return function render(_ctx, _cache) {
                               : _createCommentVNode("v-if", true)
                           ]),
                           _createElementVNode("div", { class: "prompts-editor-actions" }, [
+                            _createElementVNode("div", { class: "prompts-editor-group prompts-editor-group--pathref" }, [
+                              _createElementVNode("select", {
+                                class: "form-input prompts-path-reference-select",
+                                disabled: _ctx.sysPromptLoading || _ctx.sysPromptSaving || _ctx.sysPromptDiffVisible || _ctx.promptsPathReferenceLoading,
+                                title: _ctx.t('prompts.pathReference.title'),
+                                onFocus: $event => (_ctx.loadPromptsPathReferences()),
+                                onChange: $event => (_ctx.insertPromptPathReference($event.target.value, 'sys', $event))
+                              }, [
+                                _createElementVNode("option", { value: "" }, _toDisplayString(_ctx.t('prompts.pathReference.placeholder')), 1 /* TEXT */),
+                                (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.promptsPathReferenceOptionList(), (opt) => {
+                                  return (_openBlock(), _createElementBlock("option", {
+                                    key: opt.id,
+                                    value: opt.id,
+                                    disabled: opt.disabled
+                                  }, _toDisplayString(opt.label), 9 /* TEXT, PROPS */, ["value", "disabled"]))
+                                }), 128 /* KEYED_FRAGMENT */))
+                              ], 40 /* PROPS, NEED_HYDRATION */, ["disabled", "title", "onFocus", "onChange"])
+                            ]),
                             _createElementVNode("div", { class: "prompts-editor-group prompts-editor-group--secondary" }, [
                               _createElementVNode("button", {
                                 class: "btn-mini",
@@ -7900,35 +7908,7 @@ return function render(_ctx, _cache) {
                                   placeholder: _ctx.t('sysPrompt.placeholder')
                                 }, null, 40 /* PROPS, NEED_HYDRATION */, ["onUpdate:modelValue", "readonly", "onScroll", "placeholder"]), [
                                   [_vModelText, _ctx.sysPromptContent]
-                                ]),
-                                (!_ctx.sysPromptDiffVisible && _ctx.sysChangeAxis.ticks.length)
-                                  ? (_openBlock(), _createElementBlock("div", {
-                                      key: 0,
-                                      class: "prompts-change-axis",
-                                      role: "navigation",
-                                      "aria-label": _ctx.t('prompts.editor.changeAxis')
-                                    }, [
-                                      (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.sysChangeAxis.ticks, (tick, index) => {
-                                        return (_openBlock(), _createElementBlock("button", {
-                                          key: 'sys-change-axis-' + index,
-                                          type: "button",
-                                          class: _normalizeClass(["prompts-change-tick", 'prompts-change-tick--' + tick.kind]),
-                                          style: _normalizeStyle({ top: tick.top + '%', height: tick.height + '%' }),
-                                          title: _ctx.t('prompts.editor.changeAxisTick', { line: tick.startLine, added: tick.added, removed: tick.removed }),
-                                          onClick: $event => (_ctx.jumpToPromptsChangeTick('sys', tick))
-                                        }, null, 14 /* CLASS, STYLE, PROPS */, ["title", "onClick"]))
-                                      }), 128 /* KEYED_FRAGMENT */))
-                                    ], 8 /* PROPS */, ["aria-label"]))
-                                  : (!_ctx.sysPromptDiffVisible && _ctx.sysChangeAxis.truncated)
-                                    ? (_openBlock(), _createElementBlock("div", {
-                                        key: 1,
-                                        class: "prompts-change-axis prompts-change-axis--summary",
-                                        title: _ctx.t('prompts.editor.changeAxisTruncated')
-                                      }, [
-                                        _createElementVNode("span", { class: "prompts-change-summary add" }, "+" + _toDisplayString(_ctx.sysChangeAxis.added), 1 /* TEXT */),
-                                        _createElementVNode("span", { class: "prompts-change-summary del" }, "-" + _toDisplayString(_ctx.sysChangeAxis.removed), 1 /* TEXT */)
-                                      ], 8 /* PROPS */, ["title"]))
-                                    : _createCommentVNode("v-if", true)
+                                ])
                               ]),
                               (_ctx.promptsPreviewEnabled)
                                 ? (_openBlock(), _createElementBlock("div", {

package/web-ui/styles/prompts-editor.css

@@ -364,31 +364,6 @@
     position: relative;
 }
 
-.prompts-change-axis--summary {
-    display: flex;
-    flex-direction: column;
-    align-items: flex-end;
-    gap: 2px;
-    width: auto;
-    font-size: 10px;
-    font-weight: var(--font-weight-secondary);
-}
-
-.prompts-change-summary {
-    padding: 0 6px;
-    border-radius: 999px;
-    white-space: nowrap;
-}
-
-.prompts-change-summary.add {
-    color: #2b6a3b;
-    background: rgba(57, 181, 97, 0.12);
-}
-
-.prompts-change-summary.del {
-    color: #8a2f36;
-    background: rgba(220, 95, 108, 0.12);
-}
 /* Mobile: force single column and edit/preview tab switching */
 @media (max-width: 767.98px) {
     .prompts-mobile-view-switch {
@@ -420,3 +395,20 @@
         min-height: 12px;
     }
 }
+
+
+.prompts-editor-group--pathref .prompts-path-reference-select {
+    width: auto;
+    max-width: 190px;
+    min-width: 120px;
+    padding: 5px 8px;
+    font-size: var(--font-size-caption);
+    color: var(--color-text-secondary);
+    cursor: pointer;
+    flex-shrink: 1;
+}
+
+.prompts-editor-group--pathref .prompts-path-reference-select:disabled {
+    opacity: 0.6;
+    cursor: not-allowed;
+}