codexmate 0.1.24 → 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.24",
+  "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

@@ -111,8 +111,6 @@ document.addEventListener('DOMContentLoaded', () => {
                 promptsPathReferencePaths: {},
                 promptsPathReferenceLoading: false,
                 promptsPathReferenceCacheKey: '',
-                agentsHighlightHtml: '',
-                sysPromptHighlightHtml: '',
                 agentsPreviewHtml: '',
                 sysPromptPreviewHtml: '',
                 projectClaudeMdPath: '',
@@ -172,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/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,25 +1,20 @@
 /**
- * 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,
-    highlightMarkdownText
-} from '../logic.markdown-editor.mjs';
+import { buildMarkdownPreviewHtml } from '../logic.markdown-editor.mjs';
 import {
     buildPromptPathReferenceOptions as buildPromptPathReferenceOptionList,
     buildPromptPathReferenceSentence,
@@ -29,7 +24,6 @@ import {
     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;
 
@@ -37,7 +31,6 @@ const PROMPTS_EDITOR_META = {
     agents: {
         contentField: 'agentsContent',
         originalField: 'agentsOriginalContent',
-        highlightField: 'agentsHighlightHtml',
         previewField: 'agentsPreviewHtml',
         axisField: 'agentsChangeAxis',
         diffLinesField: 'agentsDiffLines',
@@ -48,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',
@@ -65,7 +56,6 @@ const PROMPTS_EDITOR_META = {
         diffLoadingField: 'sysPromptDiffLoading',
         prepareDiffMethod: 'prepareSysPromptDiff',
         textareaRef: 'promptsSysTextarea',
-        highlightRef: 'promptsSysHighlight',
         diffViewRef: 'promptsSysDiffView'
     }
 };
@@ -74,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 };
@@ -97,46 +80,6 @@ export function createPromptsEditorMethods(options = {}) {
         },
 
 
-        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) {
@@ -174,7 +117,6 @@ export function createPromptsEditorMethods(options = {}) {
         },
 
         schedulePromptsEditorRefresh(key) {
-            this.schedulePromptsHighlight(key);
             this.schedulePromptsPreview(key);
             this.schedulePromptsChangeAxis(key);
         },

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

@@ -384,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...',