codexmate 0.1.23 → 0.1.25

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

@@ -110,12 +110,17 @@
         const settingsTab = typeof vm.settingsTab === 'string' ? vm.settingsTab.trim().toLowerCase() : 'general';
         const skillsTargetApp = typeof vm.skillsTargetApp === 'string' && (vm.skillsTargetApp === 'codex' || vm.skillsTargetApp === 'claude' || vm.skillsTargetApp === 'pi') ? vm.skillsTargetApp : 'codex';
         const promptTemplatesMode = typeof vm.promptTemplatesMode === 'string' && (vm.promptTemplatesMode === 'compose' || vm.promptTemplatesMode === 'manage') ? vm.promptTemplatesMode : 'compose';
+        const pluginsActiveIdSource = resolvedOverrides && typeof resolvedOverrides.pluginsActiveId === 'string'
+            ? resolvedOverrides.pluginsActiveId
+            : vm.pluginsActiveId;
+        const pluginsActiveId = typeof pluginsActiveIdSource === 'string' ? pluginsActiveIdSource.trim() : '';
         const snapshot = {
             settingsTab: settingsTab === 'data' ? 'data' : 'general',
             mainTab: resolveSelectableMainTab(mainTab),
             configMode: configModeSet && configModeSet.has(configMode) ? configMode : 'codex',
             skillsTargetApp,
-            promptTemplatesMode
+            promptTemplatesMode,
+            pluginsActiveId: pluginsActiveId || 'prompt-templates'
         };
         if (typeof vm.persistWebUiPreferences === 'function') {
             vm.persistWebUiPreferences({ navigation: snapshot });
@@ -192,6 +197,7 @@
                 intent: '',
                 pendingTarget: '',
                 pendingConfigMode: '',
+                pendingPluginsId: '',
                 ticket: 0
             };
             return this.__mainTabSwitchState;
@@ -242,7 +248,7 @@
             if (!normalizedKind || !normalizedValue) {
                 return;
             }
-            const expectedIntent = normalizedKind === 'config' ? 'config' : normalizedValue;
+            const expectedIntent = normalizedKind === 'config' || normalizedKind === 'plugins' ? normalizedKind : normalizedValue;
             this.cancelTouchNavIntentReset();
             const token = (Number(this.__touchNavIntentResetToken) || 0) + 1;
             this.__touchNavIntentResetToken = token;
@@ -259,21 +265,26 @@
                 this.clearMainTabSwitchIntent(expectedIntent);
             }, 1000);
         },
-        applyImmediateNavIntent(tab, configMode = '') {
+        applyImmediateNavIntent(tab, configMode = '', pluginsId = '') {
             if (typeof document === 'undefined') return;
             const normalizedTab = typeof tab === 'string' ? tab.trim().toLowerCase() : '';
             if (!normalizedTab) return;
             const normalizedMode = typeof configMode === 'string' ? configMode.trim().toLowerCase() : '';
+            const normalizedPluginId = typeof pluginsId === 'string' ? pluginsId.trim().toLowerCase() : '';
             const domState = this.ensureImmediateNavDomState();
             const nodes = Array.isArray(domState.navNodes) ? domState.navNodes : [];
             for (const node of nodes) {
                 if (!node || !node.classList) continue;
                 const nodeTab = String(node.getAttribute('data-main-tab') || '').trim().toLowerCase();
                 const nodeMode = String(node.getAttribute('data-config-mode') || '').trim().toLowerCase();
+                const nodePluginId = String(node.getAttribute('data-plugins-id') || '').trim().toLowerCase();
                 let shouldActivate = nodeTab === normalizedTab;
                 if (shouldActivate && normalizedTab === 'config') {
                     shouldActivate = nodeMode ? nodeMode === normalizedMode : false;
                 }
+                if (shouldActivate && normalizedTab === 'plugins') {
+                    shouldActivate = nodePluginId ? nodePluginId === normalizedPluginId : !normalizedPluginId;
+                }
                 node.classList.toggle('nav-intent-active', !!shouldActivate);
                 node.classList.toggle('nav-intent-inactive', !shouldActivate);
             }
@@ -395,6 +406,67 @@
             if (this.consumePointerNavCommit('config', normalizedMode)) return;
             this.switchConfigMode(normalizedMode);
         },
+
+        switchPluginsTab(pluginId) {
+            const normalizedId = typeof pluginId === 'string' ? pluginId.trim().toLowerCase() : '';
+            if (!normalizedId) return;
+            if (typeof this.selectPlugin === 'function') {
+                this.selectPlugin(normalizedId);
+            } else {
+                this.pluginsActiveId = normalizedId;
+            }
+            this.switchMainTab('plugins');
+        },
+
+        onPluginsTabPointerDown(pluginId) {
+            const event = arguments.length > 1 ? arguments[1] : null;
+            if (event && typeof event.button === 'number' && event.button !== 0) {
+                return;
+            }
+            const normalizedId = typeof pluginId === 'string' ? pluginId.trim().toLowerCase() : '';
+            if (!normalizedId) return;
+            persistNavState(this, { mainTab: 'plugins', pluginsActiveId: normalizedId });
+            this.setMainTabSwitchIntent('plugins');
+            if (typeof this.ensureMainTabSwitchState === 'function') {
+                this.ensureMainTabSwitchState().pendingPluginsId = normalizedId;
+            }
+            this.applyImmediateNavIntent('plugins', '', normalizedId);
+            const shouldHideSessionPanel = this.mainTab === 'sessions';
+            this.setSessionPanelFastHidden(shouldHideSessionPanel);
+            const pointerType = event && typeof event.pointerType === 'string'
+                ? event.pointerType.trim().toLowerCase()
+                : '';
+            if (pointerType === 'touch') {
+                this.scheduleTouchNavIntentReset('plugins', normalizedId);
+                return;
+            }
+            this.recordPointerNavCommit('plugins', normalizedId);
+            this.switchPluginsTab(normalizedId);
+        },
+
+        onPluginsTabClick(pluginId) {
+            const normalizedId = typeof pluginId === 'string' ? pluginId.trim().toLowerCase() : '';
+            if (!normalizedId) return;
+            if (this.consumePointerNavCommit('plugins', normalizedId)) return;
+            this.switchPluginsTab(normalizedId);
+        },
+
+        isPluginsIdNavActive(pluginId) {
+            const normalizedId = typeof pluginId === 'string' ? pluginId.trim().toLowerCase() : '';
+            if (!normalizedId) return false;
+            if (!this.isMainTabNavActive('plugins')) return false;
+            const state = this.ensureMainTabSwitchState();
+            const pendingId = typeof state.pendingPluginsId === 'string'
+                ? state.pendingPluginsId.trim().toLowerCase()
+                : '';
+            if (state.intent === 'plugins' && pendingId) {
+                return pendingId === normalizedId;
+            }
+            const currentId = typeof this.pluginsActiveId === 'string'
+                ? this.pluginsActiveId.trim().toLowerCase()
+                : '';
+            return currentId === normalizedId;
+        },
         clearMainTabSwitchIntent(expectedTab = '') {
             const state = this.ensureMainTabSwitchState();
             if (expectedTab && state.intent && state.intent !== expectedTab) {
@@ -404,6 +476,7 @@
             state.intent = '';
             state.pendingTarget = '';
             state.pendingConfigMode = '';
+            state.pendingPluginsId = '';
             this.clearImmediateNavIntent();
             this.setSessionPanelFastHidden(false);
         },
@@ -463,6 +536,9 @@
             if (targetTab !== 'config') {
                 switchState.pendingConfigMode = '';
             }
+            if (targetTab !== 'plugins') {
+                switchState.pendingPluginsId = '';
+            }
             if (targetTab === previousTab) {
                 switchState.ticket += 1;
                 switchState.pendingTarget = '';

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

@@ -1,30 +1,29 @@
 /**
- * Prompts-panel Markdown editor methods: overlay highlight sync,
- * mobile view switching, and the live split preview (marked + DOMPurify,
- * debounced). One implementation is shared by the agentsContent editor
- * and the sysPromptContent editor.
+ * Prompts-panel Markdown editor methods: mobile view switching and the
+ * live split preview (marked + DOMPurify, debounced). One implementation
+ * is shared by the agentsContent editor and the sysPromptContent editor.
  *
  * State contract (declared in app.js data()):
  *   promptsPreviewEnabled, promptsPreviewCollapsed, promptsMobileView,
- *   promptsPreviewLibsMissing, agentsHighlightHtml, sysPromptHighlightHtml,
- *   agentsPreviewHtml, sysPromptPreviewHtml, agentsChangeAxis, sysChangeAxis
+ *   promptsPreviewLibsMissing, 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>,
  *   refs promptsAgentsDiffView / promptsSysDiffView on the two diff row containers.
  */
 
+import { buildMarkdownPreviewHtml } from '../logic.markdown-editor.mjs';
 import {
-    buildMarkdownPreviewHtml,
-    highlightMarkdownText
-} from '../logic.markdown-editor.mjs';
+    buildPromptPathReferenceOptions as buildPromptPathReferenceOptionList,
+    buildPromptPathReferenceSentence,
+    insertPromptPathReferenceText
+} from '../logic.prompts-path-reference.mjs';
 import {
-    buildPromptsChangeAxis,
-    buildPromptsDiffAxis,
-    computePromptsAxisScrollTop
+    buildPromptsDiffAxis
 } from '../logic.prompts-change-axis.mjs';
 
-const PROMPTS_HIGHLIGHT_DEBOUNCE_MS = 150;
 const PROMPTS_PREVIEW_DEBOUNCE_MS = 300;
 const PROMPTS_AXIS_DEBOUNCE_MS = 300;
 
@@ -32,7 +31,6 @@ const PROMPTS_EDITOR_META = {
     agents: {
         contentField: 'agentsContent',
         originalField: 'agentsOriginalContent',
-        highlightField: 'agentsHighlightHtml',
         previewField: 'agentsPreviewHtml',
         axisField: 'agentsChangeAxis',
         diffLinesField: 'agentsDiffLines',
@@ -43,13 +41,11 @@ const PROMPTS_EDITOR_META = {
         diffLoadingField: 'agentsDiffLoading',
         prepareDiffMethod: 'prepareAgentsDiff',
         textareaRef: 'promptsAgentsTextarea',
-        highlightRef: 'promptsAgentsHighlight',
         diffViewRef: 'promptsAgentsDiffView'
     },
     sys: {
         contentField: 'sysPromptContent',
         originalField: 'sysPromptOriginalContent',
-        highlightField: 'sysPromptHighlightHtml',
         previewField: 'sysPromptPreviewHtml',
         axisField: 'sysChangeAxis',
         diffLinesField: 'sysPromptDiffLines',
@@ -60,7 +56,6 @@ const PROMPTS_EDITOR_META = {
         diffLoadingField: 'sysPromptDiffLoading',
         prepareDiffMethod: 'prepareSysPromptDiff',
         textareaRef: 'promptsSysTextarea',
-        highlightRef: 'promptsSysHighlight',
         diffViewRef: 'promptsSysDiffView'
     }
 };
@@ -69,13 +64,6 @@ function emptyPromptsChangeAxis() {
     return { mode: 'edit', ticks: [], truncated: false, totalLines: 0, added: 0, removed: 0 };
 }
 
-function resolvePromptsHljs() {
-    if (typeof window !== 'undefined' && window.hljs) {
-        return window.hljs;
-    }
-    return null;
-}
-
 function resolvePromptsPreviewLibs() {
     if (typeof window === 'undefined') {
         return { marked: null, purify: null };
@@ -83,53 +71,15 @@ 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;
         },
 
 
-        refreshPromptsHighlight(key) {
-            const meta = this.promptsEditorMeta(key);
-            if (!meta) {
-                return;
-            }
-            this[meta.highlightField] = highlightMarkdownText(this[meta.contentField], resolvePromptsHljs());
-            this.syncPromptsOverlayScroll(key);
-        },
-
-        schedulePromptsHighlight(key) {
-            const meta = this.promptsEditorMeta(key);
-            if (!meta) {
-                return;
-            }
-            if (!this._promptsHighlightTimers) {
-                this._promptsHighlightTimers = {};
-            }
-            if (this._promptsHighlightTimers[key]) {
-                clearTimeout(this._promptsHighlightTimers[key]);
-            }
-            this._promptsHighlightTimers[key] = setTimeout(() => {
-                this._promptsHighlightTimers[key] = null;
-                this.refreshPromptsHighlight(key);
-            }, PROMPTS_HIGHLIGHT_DEBOUNCE_MS);
-        },
-
-        syncPromptsOverlayScroll(key) {
-            const meta = this.promptsEditorMeta(key);
-            if (!meta || typeof this.$refs !== 'object' || !this.$refs) {
-                return;
-            }
-            const textarea = this.$refs[meta.textareaRef];
-            const backdrop = this.$refs[meta.highlightRef];
-            if (!textarea || !backdrop) {
-                return;
-            }
-            backdrop.scrollTop = textarea.scrollTop;
-            backdrop.scrollLeft = textarea.scrollLeft;
-        },
-
         refreshPromptsPreview(key) {
             const meta = this.promptsEditorMeta(key);
             if (!meta) {
@@ -167,7 +117,6 @@ export function createPromptsEditorMethods() {
         },
 
         schedulePromptsEditorRefresh(key) {
-            this.schedulePromptsHighlight(key);
             this.schedulePromptsPreview(key);
             this.schedulePromptsChangeAxis(key);
         },
@@ -188,25 +137,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 +177,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/app.methods.web-ui-preferences.mjs

@@ -114,7 +114,10 @@ function normalizeNavigationSnapshot(vm, source = {}) {
             : currentSkillsTargetApp,
         promptTemplatesMode: source.promptTemplatesMode === 'manage' || source.promptTemplatesMode === 'compose'
             ? source.promptTemplatesMode
-            : currentPromptTemplatesMode
+            : currentPromptTemplatesMode,
+        pluginsActiveId: typeof source.pluginsActiveId === 'string'
+            ? source.pluginsActiveId
+            : (typeof vm.pluginsActiveId === 'string' ? vm.pluginsActiveId : '')
     };
 }
 
@@ -475,6 +478,9 @@ export function createWebUiPreferencesMethods(options = {}) {
                         this.settingsTab = this.normalizeSettingsTab(nav.settingsTab);
                     }
                     if (typeof nav.configMode === 'string') this.configMode = nav.configMode;
+                    if (typeof nav.pluginsActiveId === 'string' && nav.pluginsActiveId.trim()) {
+                        this.pluginsActiveId = nav.pluginsActiveId.trim();
+                    }
                     if (typeof nav.mainTab === 'string') {
                         if (typeof this.switchMainTab === 'function') {
                             this.switchMainTab(nav.mainTab);

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',
@@ -374,6 +384,17 @@ const en = Object.freeze({
     'plugins.catalog.promptTemplates.title': 'Prompt templates',
     'plugins.catalog.promptTemplates.description': 'Standardized, template-driven prompt tools with variables, copy, and export helpers.',
     'plugins.status.standard': 'standard',
+    'plugins.catalog.textTools.title': 'Text tools',
+    'plugins.catalog.textTools.description': 'A set of lightweight plain-text utilities; the first tool compresses multi-line text into a single line.',
+    'plugins.textTools.title': 'Text tools',
+    'plugins.textTools.tools.aria': 'Text tool selection',
+    'plugins.textTools.tools.compress': 'Compress text',
+    'plugins.textTools.compress.inputLabel': 'Input text',
+    'plugins.textTools.compress.inputPlaceholder': 'Paste or type the text to compress…',
+    'plugins.textTools.compress.inputAria': 'Text to compress',
+    'plugins.textTools.compress.outputTitle': 'Compressed result',
+    'plugins.textTools.compress.outputAria': 'Compressed text result',
+    'plugins.textTools.compress.copy': 'Copy',
     'plugins.main.ariaWorkspace': 'Plugin workspace',
     'plugins.refresh': 'Refresh',
     'plugins.refreshing': 'Refreshing...',

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': 'プリセット名',
@@ -376,6 +386,17 @@ const ja = Object.freeze({
     'plugins.catalog.promptTemplates.title': 'プロンプトテンプレート',
     'plugins.catalog.promptTemplates.description': '変数、コピー、エクスポートに対応した標準化テンプレート型プロンプトツール。',
     'plugins.status.standard': '標準',
+    'plugins.catalog.textTools.title': 'テキストツール',
+    'plugins.catalog.textTools.description': '軽量なテキストユーティリティ集。最初のツールは複数行のテキストを 1 行に圧縮します。',
+    'plugins.textTools.title': 'テキストツール',
+    'plugins.textTools.tools.aria': 'テキストツールの選択',
+    'plugins.textTools.tools.compress': 'テキスト圧縮',
+    'plugins.textTools.compress.inputLabel': '入力テキスト',
+    'plugins.textTools.compress.inputPlaceholder': '圧縮するテキストを貼り付けまたは入力…',
+    'plugins.textTools.compress.inputAria': '圧縮するテキスト',
+    'plugins.textTools.compress.outputTitle': '圧縮結果',
+    'plugins.textTools.compress.outputAria': '圧縮後のテキスト結果',
+    'plugins.textTools.compress.copy': 'コピー',
     'plugins.main.ariaWorkspace': 'プラグインワークスペース',
     'plugins.refresh': '更新',
     'plugins.refreshing': '更新中...',