codexmate 0.1.23 → 0.1.25

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

@@ -485,10 +485,11 @@ return function render(_ctx, _cache) {
                 _createElementVNode("button", {
                   id: "side-tab-plugins",
                   "data-main-tab": "plugins",
-                  "aria-current": _ctx.mainTab === 'plugins' ? 'page' : null,
-                  class: _normalizeClass(['side-item', { active: _ctx.isMainTabNavActive('plugins') }]),
-                  onPointerdown: $event => (_ctx.onMainTabPointerDown('plugins', $event)),
-                  onClick: $event => (_ctx.onMainTabClick('plugins', $event))
+                  "data-plugins-id": "prompt-templates",
+                  "aria-current": _ctx.mainTab === 'plugins' && _ctx.pluginsActiveId === 'prompt-templates' ? 'page' : null,
+                  class: _normalizeClass(['side-item', { active: _ctx.isPluginsIdNavActive('prompt-templates') }]),
+                  onPointerdown: $event => (_ctx.onPluginsTabPointerDown('prompt-templates', $event)),
+                  onClick: $event => (_ctx.onPluginsTabClick('prompt-templates', $event))
                 }, [
                   _createElementVNode("span", {
                     class: "side-item-icon",
@@ -499,6 +500,24 @@ return function render(_ctx, _cache) {
                     _createElementVNode("span", null, _toDisplayString(_ctx.t('side.plugins.tools.meta')), 1 /* TEXT */),
                     _createElementVNode("span", null, _toDisplayString(_ctx.t('side.plugins.templatesCount', { count: _ctx.promptTemplatesList.length })), 1 /* TEXT */)
                   ])
+                ], 42 /* CLASS, PROPS, NEED_HYDRATION */, ["aria-current", "onPointerdown", "onClick"]),
+                _createElementVNode("button", {
+                  id: "side-tab-plugins-text-tools",
+                  "data-main-tab": "plugins",
+                  "data-plugins-id": "text-tools",
+                  "aria-current": _ctx.mainTab === 'plugins' && _ctx.pluginsActiveId === 'text-tools' ? 'page' : null,
+                  class: _normalizeClass(['side-item', { active: _ctx.isPluginsIdNavActive('text-tools') }]),
+                  onPointerdown: $event => (_ctx.onPluginsTabPointerDown('text-tools', $event)),
+                  onClick: $event => (_ctx.onPluginsTabClick('text-tools', $event))
+                }, [
+                  _createElementVNode("span", {
+                    class: "side-item-icon",
+                    "aria-hidden": "true"
+                  }, "▤"),
+                  _createElementVNode("div", { class: "side-item-title" }, _toDisplayString(_ctx.t('plugins.catalog.textTools.title')), 1 /* TEXT */),
+                  _createElementVNode("div", { class: "side-item-meta" }, [
+                    _createElementVNode("span", null, _toDisplayString(_ctx.t('plugins.textTools.tools.compress')), 1 /* TEXT */)
+                  ])
                 ], 42 /* CLASS, PROPS, NEED_HYDRATION */, ["aria-current", "onPointerdown", "onClick"])
               ], 8 /* PROPS */, ["aria-label"]),
               _createElementVNode("div", {
@@ -6330,14 +6349,6 @@ return function render(_ctx, _cache) {
                       _createElementVNode("div", null, [
                         _createElementVNode("span", { class: "selector-title" }, _toDisplayString(_ctx.t('plugins.sidebar.title')), 1 /* TEXT */),
                         _createElementVNode("div", { class: "plugins-panel-note" }, _toDisplayString(_ctx.t('plugins.sidebar.note')), 1 /* TEXT */)
-                      ]),
-                      _createElementVNode("div", { class: "settings-tab-actions" }, [
-                        _createElementVNode("button", {
-                          type: "button",
-                          class: "btn-tool btn-tool-compact",
-                          onClick: $event => (_ctx.loadPluginsOverview({ forceRefresh: true, silent: false })),
-                          disabled: _ctx.loading || !!_ctx.initError || _ctx.pluginsLoading
-                        }, _toDisplayString(_ctx.pluginsLoading ? _ctx.t('plugins.refreshing') : _ctx.t('plugins.refresh')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
                       ])
                     ]),
                     _createElementVNode("div", {
@@ -6845,10 +6856,83 @@ return function render(_ctx, _cache) {
                                 ])
                               ]))
                         ]))
-                      : (_openBlock(), _createElementBlock("div", {
-                          key: 3,
-                          class: "skills-empty-state"
-                        }, _toDisplayString(_ctx.t('plugins.promptTemplates.noPluginSelected')), 1 /* TEXT */))
+                      : (_ctx.pluginsActiveId === 'text-tools')
+                        ? (_openBlock(), _createElementBlock("div", {
+                            key: 3,
+                            class: "plugins-panel"
+                          }, [
+                            _createElementVNode("div", { class: "plugins-panel-head" }, [
+                              _createElementVNode("div", null, [
+                                _createElementVNode("div", { class: "plugins-panel-title" }, _toDisplayString(_ctx.t('plugins.textTools.title')), 1 /* TEXT */),
+                                (_ctx.pluginsActiveAttribution)
+                                  ? (_openBlock(), _createElementBlock("div", {
+                                      key: 0,
+                                      class: "plugins-panel-note"
+                                    }, _toDisplayString(_ctx.pluginsActiveAttribution), 1 /* TEXT */))
+                                  : _createCommentVNode("v-if", true)
+                              ])
+                            ]),
+                            _createElementVNode("div", {
+                              class: "prompt-templates-modebar",
+                              role: "tablist",
+                              "aria-label": _ctx.t('plugins.textTools.tools.aria')
+                            }, [
+                              (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.textToolsList, (tool) => {
+                                return (_openBlock(), _createElementBlock("button", {
+                                  key: 'text-tool-' + tool.id,
+                                  type: "button",
+                                  role: "tab",
+                                  "aria-selected": _ctx.textToolsActiveToolId === tool.id,
+                                  class: _normalizeClass(['mode-pill', { active: _ctx.textToolsActiveToolId === tool.id }]),
+                                  onClick: $event => (_ctx.textToolsActiveToolId = tool.id)
+                                }, _toDisplayString(tool.label), 11 /* TEXT, CLASS, PROPS */, ["aria-selected", "onClick"]))
+                              }), 128 /* KEYED_FRAGMENT */))
+                            ], 8 /* PROPS */, ["aria-label"]),
+                            _createElementVNode("div", { class: "prompt-compose" }, [
+                              _createElementVNode("div", { class: "prompt-compose-workspace" }, [
+                                _createElementVNode("div", { class: "prompt-compose-main" }, [
+                                  _createElementVNode("div", { class: "prompt-compose-form" }, [
+                                    _createElementVNode("label", { class: "form-label" }, _toDisplayString(_ctx.t('plugins.textTools.compress.inputLabel')), 1 /* TEXT */),
+                                    _withDirectives(_createElementVNode("textarea", {
+                                      class: "form-input prompt-editor-textarea",
+                                      "onUpdate:modelValue": $event => ((_ctx.textToolsInput) = $event),
+                                      rows: "10",
+                                      spellcheck: "false",
+                                      placeholder: _ctx.t('plugins.textTools.compress.inputPlaceholder'),
+                                      "aria-label": _ctx.t('plugins.textTools.compress.inputAria')
+                                    }, null, 8 /* PROPS */, ["onUpdate:modelValue", "placeholder", "aria-label"]), [
+                                      [_vModelText, _ctx.textToolsInput]
+                                    ])
+                                  ])
+                                ]),
+                                _createElementVNode("div", { class: "prompt-preview-block prompt-compose-preview" }, [
+                                  _createElementVNode("div", { class: "prompt-vars-head" }, [
+                                    _createElementVNode("div", null, [
+                                      _createElementVNode("div", { class: "prompt-vars-title" }, _toDisplayString(_ctx.t('plugins.textTools.compress.outputTitle')), 1 /* TEXT */)
+                                    ]),
+                                    _createElementVNode("button", {
+                                      type: "button",
+                                      class: "btn-mini",
+                                      onClick: _ctx.copyTextToolsOutput,
+                                      disabled: !_ctx.textToolsOutput
+                                    }, _toDisplayString(_ctx.t('plugins.textTools.compress.copy')), 9 /* TEXT, PROPS */, ["onClick", "disabled"])
+                                  ]),
+                                  _createElementVNode("textarea", {
+                                    class: "form-input prompt-preview-textarea",
+                                    value: _ctx.textToolsOutput,
+                                    rows: "10",
+                                    readonly: "",
+                                    spellcheck: "false",
+                                    "aria-label": _ctx.t('plugins.textTools.compress.outputAria')
+                                  }, null, 8 /* PROPS */, ["value", "aria-label"])
+                                ])
+                              ])
+                            ])
+                          ]))
+                        : (_openBlock(), _createElementBlock("div", {
+                            key: 4,
+                            class: "skills-empty-state"
+                          }, _toDisplayString(_ctx.t('plugins.promptTemplates.noPluginSelected')), 1 /* TEXT */))
               ], 8 /* PROPS */, ["aria-label"])
             ], 2 /* CLASS */)
           ], 512 /* NEED_PATCH */), [
@@ -6953,6 +7037,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",
@@ -7037,7 +7139,7 @@ return function render(_ctx, _cache) {
                           _createElementVNode("div", { class: "prompts-editor-group prompts-editor-group--workflow" }, [
                             _createElementVNode("button", {
                               class: "btn-mini",
-                              onClick: _ctx.loadPromptsContent,
+                              onClick: $event => (_ctx.agentsDiffVisible ? _ctx.resetAgentsDiffState() : _ctx.loadPromptsContent()),
                               disabled: _ctx.agentsSaving || _ctx.agentsDiffLoading,
                               title: _ctx.t('common.cancel')
                             }, [
@@ -7051,25 +7153,6 @@ return function render(_ctx, _cache) {
                                 _createElementVNode("path", { d: "M18 6L6 18M6 6l12 12" })
                               ]))
                             ], 8 /* PROPS */, ["onClick", "disabled", "title"]),
-                            (_ctx.agentsDiffVisible)
-                              ? (_openBlock(), _createElementBlock("button", {
-                                  key: 0,
-                                  class: "btn-mini",
-                                  onClick: _ctx.resetAgentsDiffState,
-                                  disabled: _ctx.agentsSaving || _ctx.agentsDiffLoading,
-                                  title: _ctx.t('common.backToEdit')
-                                }, [
-                                  (_openBlock(), _createElementBlock("svg", {
-                                    class: "btn-icon-sm",
-                                    viewBox: "0 0 24 24",
-                                    fill: "none",
-                                    stroke: "currentColor",
-                                    "stroke-width": "2"
-                                  }, [
-                                    _createElementVNode("path", { d: "M19 12H5M12 19l-7-7 7-7" })
-                                  ]))
-                                ], 8 /* PROPS */, ["onClick", "disabled", "title"]))
-                              : _createCommentVNode("v-if", true),
                             _createElementVNode("button", {
                               class: "btn-mini btn-confirm-mini",
                               onClick: _ctx.applyAgentsContent,
@@ -7407,12 +7490,6 @@ return function render(_ctx, _cache) {
                             : _createCommentVNode("v-if", true),
                           _createElementVNode("div", { class: "prompts-editor-columns" }, [
                             _createElementVNode("div", { class: "prompts-edit-pane" }, [
-                              _createElementVNode("pre", {
-                                ref: "promptsAgentsHighlight",
-                                class: "prompts-highlight-backdrop",
-                                "aria-hidden": "true",
-                                innerHTML: _ctx.agentsHighlightHtml
-                              }, null, 8 /* PROPS */, ["innerHTML"]),
                               _withDirectives(_createElementVNode("textarea", {
                                 ref: "promptsAgentsTextarea",
                                 "onUpdate:modelValue": $event => ((_ctx.agentsContent) = $event),
@@ -7420,39 +7497,10 @@ return function render(_ctx, _cache) {
                                 spellcheck: "false",
                                 readonly: _ctx.agentsLoading || _ctx.agentsSaving || _ctx.agentsDiffVisible,
                                 onInput: _ctx.onAgentsContentInput,
-                                onScroll: $event => (_ctx.syncPromptsOverlayScroll('agents')),
                                 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"]), [
+                              }, null, 40 /* PROPS, NEED_HYDRATION */, ["onUpdate:modelValue", "readonly", "onInput", "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 +7572,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",
@@ -7608,7 +7674,7 @@ return function render(_ctx, _cache) {
                             _createElementVNode("div", { class: "prompts-editor-group prompts-editor-group--workflow" }, [
                               _createElementVNode("button", {
                                 class: "btn-mini",
-                                onClick: _ctx.cancelSysPromptEdit,
+                                onClick: $event => (_ctx.sysPromptDiffVisible ? _ctx.resetSysPromptDiffState() : _ctx.cancelSysPromptEdit()),
                                 disabled: _ctx.sysPromptSaving || _ctx.sysPromptDiffLoading,
                                 title: _ctx.t('common.cancel')
                               }, [
@@ -7622,25 +7688,6 @@ return function render(_ctx, _cache) {
                                   _createElementVNode("path", { d: "M18 6L6 18M6 6l12 12" })
                                 ]))
                               ], 8 /* PROPS */, ["onClick", "disabled", "title"]),
-                              (_ctx.sysPromptDiffVisible)
-                                ? (_openBlock(), _createElementBlock("button", {
-                                    key: 0,
-                                    class: "btn-mini",
-                                    onClick: _ctx.resetSysPromptDiffState,
-                                    disabled: _ctx.sysPromptSaving || _ctx.sysPromptDiffLoading,
-                                    title: _ctx.t('common.backToEdit')
-                                  }, [
-                                    (_openBlock(), _createElementBlock("svg", {
-                                      class: "btn-icon-sm",
-                                      viewBox: "0 0 24 24",
-                                      fill: "none",
-                                      stroke: "currentColor",
-                                      "stroke-width": "2"
-                                    }, [
-                                      _createElementVNode("path", { d: "M19 12H5M12 19l-7-7 7-7" })
-                                    ]))
-                                  ], 8 /* PROPS */, ["onClick", "disabled", "title"]))
-                                : _createCommentVNode("v-if", true),
                               _createElementVNode("button", {
                                 class: "btn-mini btn-confirm-mini",
                                 onClick: _ctx.applySystemPrompt,
@@ -7884,51 +7931,16 @@ return function render(_ctx, _cache) {
                               : _createCommentVNode("v-if", true),
                             _createElementVNode("div", { class: "prompts-editor-columns" }, [
                               _createElementVNode("div", { class: "prompts-edit-pane" }, [
-                                _createElementVNode("pre", {
-                                  ref: "promptsSysHighlight",
-                                  class: "prompts-highlight-backdrop",
-                                  "aria-hidden": "true",
-                                  innerHTML: _ctx.sysPromptHighlightHtml
-                                }, null, 8 /* PROPS */, ["innerHTML"]),
                                 _withDirectives(_createElementVNode("textarea", {
                                   ref: "promptsSysTextarea",
                                   "onUpdate:modelValue": $event => ((_ctx.sysPromptContent) = $event),
                                   class: "form-input template-editor",
                                   spellcheck: "false",
                                   readonly: _ctx.sysPromptLoading || _ctx.sysPromptSaving || _ctx.sysPromptDiffVisible,
-                                  onScroll: $event => (_ctx.syncPromptsOverlayScroll('sys')),
                                   placeholder: _ctx.t('sysPrompt.placeholder')
-                                }, null, 40 /* PROPS, NEED_HYDRATION */, ["onUpdate:modelValue", "readonly", "onScroll", "placeholder"]), [
+                                }, null, 8 /* PROPS */, ["onUpdate:modelValue", "readonly", "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/session-helpers.mjs

@@ -186,7 +186,6 @@ export function switchMainTab(tab) {
         void Promise.resolve(marketOverviewLoad).catch(() => {});
     }
     if (enteringPluginsTab && typeof this.loadPluginsOverview === 'function') {
-        this.pluginsActiveId = 'prompt-templates';
         this.promptComposerPickerVisible = false;
         let pluginsLoad = null;
         try {

package/web-ui/source-bundle.cjs

@@ -248,6 +248,7 @@ function transformJavaScriptModuleSource(source, options = {}) {
     });
     transformed = transformed.replace(/^[ \t]*export\s+\*\s+from\s+['"]\.[^'"]+['"]\s*;?\s*$/gm, '');
     if (!preserveExports) {
+        transformed = transformed.replace(/^[ \t]*export\s*\{[^{}\n]*\}\s*;?\s*$/gm, '');
         transformed = transformed.replace(/(^|\n)([ \t]*)export\s+(?=(?:async\s+function|const|let|class|function)\b)/g, '$1$2');
     }
     return transformed.trimEnd();

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

@@ -1,10 +1,7 @@
 /*
- * Prompts-panel Markdown editor: syntax-highlight overlay, toolbar,
- * split live preview (desktop) and edit/preview switch (mobile).
- * Overlay alignment contract: the backdrop <pre> must mirror the
- * textarea's font, font-size, line-height, padding and white-space
- * exactly (.form-input padding 13px var(--spacing-sm), .template-editor
- * mono font 13px / 1.45, white-space pre).
+ * Prompts-panel Markdown editor: split live preview (desktop) and
+ * edit/preview switch (mobile). The editor pane itself is a plain
+ * textarea without any syntax-highlight overlay.
  */
 
 .prompts-md-toolbar {
@@ -125,66 +122,6 @@
     width: 100%;
     min-height: 75vh;
     max-height: none;
-    color: transparent;
-    caret-color: var(--color-text-primary);
-    background: transparent;
-    position: relative;
-    z-index: 2;
-}
-
-.prompts-edit-pane .template-editor::selection {
-    color: transparent;
-    background: var(--color-brand-subtle);
-}
-
-.prompts-highlight-backdrop {
-    position: absolute;
-    inset: 0;
-    z-index: 1;
-    margin: 0;
-    padding: 13px var(--spacing-sm);
-    border: none;
-    overflow: hidden;
-    white-space: pre;
-    font-family: var(--font-family-mono);
-    font-size: 13px;
-    line-height: 1.45;
-    color: var(--color-text-primary);
-    pointer-events: none;
-}
-
-/* highlight.js markdown token colors (light theme) */
-.prompts-highlight-backdrop .hljs-section {
-    color: var(--color-brand-dark);
-    font-weight: var(--font-weight-secondary);
-}
-
-.prompts-highlight-backdrop .hljs-strong {
-    color: var(--color-text-primary);
-    font-weight: 700;
-}
-
-.prompts-highlight-backdrop .hljs-emphasis {
-    color: var(--color-text-secondary);
-    font-style: italic;
-}
-
-.prompts-highlight-backdrop .hljs-bullet {
-    color: var(--color-brand);
-}
-
-.prompts-highlight-backdrop .hljs-code {
-    color: #7C5CBF;
-}
-
-.prompts-highlight-backdrop .hljs-quote {
-    color: var(--color-text-tertiary);
-    font-style: italic;
-}
-
-.prompts-highlight-backdrop .hljs-link,
-.prompts-highlight-backdrop .hljs-symbol {
-    color: #3B7EA1;
 }
 
 .prompts-preview-pane {
@@ -364,31 +301,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 +332,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;
+}