@simon_he/vue-tui 1.1.15 → 1.1.17

package/dist/agent.cjs

@@ -15183,7 +15183,7 @@ function loadBuiltinMathRasterizer() {
   })()), builtinRasterizerLoad;
 }
 
-// node_modules/.pnpm/stream-markdown-parser@1.2.20/node_modules/stream-markdown-parser/dist/index.js
+// node_modules/.pnpm/stream-markdown-parser@1.2.21/node_modules/stream-markdown-parser/dist/index.js
 var __create2 = Object.create, __defProp$1 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __getProtoOf2 = Object.getPrototypeOf, __hasOwnProp2 = Object.prototype.hasOwnProperty, __commonJS = (cb, mod) => function() {
   return mod || (0, cb[__getOwnPropNames2(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
 }, __export$1 = (all) => {
@@ -31248,7 +31248,7 @@ function handleEmphasisAndStrikethrough(state, content, token) {
       if (runInfo.intraword && closeRunInfo.intraword && !isWordOnly(inner) || !inner && runInfo.len >= 4 && runInfo.intraword)
         return state.pushText(content.slice(beforeText.length), content.slice(beforeText.length)), state.index++, !0;
     } else {
-      if (state.requireClosingStrong || close.sawInvalidClose || runInfo.intraword)
+      if (state.requireClosingStrong || close.sawInvalidClose || state.options?.final || runInfo.intraword)
         return state.pushText(content.slice(beforeText.length), content.slice(beforeText.length)), state.index++, !0;
       inner = content.slice(openIdx + 2), after = "";
     }

package/dist/markdown.cjs

@@ -1292,7 +1292,7 @@ function loadBuiltinMathRasterizer() {
   })()), builtinRasterizerLoad;
 }
 
-// node_modules/.pnpm/stream-markdown-parser@1.2.20/node_modules/stream-markdown-parser/dist/index.js
+// node_modules/.pnpm/stream-markdown-parser@1.2.21/node_modules/stream-markdown-parser/dist/index.js
 var __create2 = Object.create, __defProp$1 = Object.defineProperty, __getOwnPropDesc2 = Object.getOwnPropertyDescriptor, __getOwnPropNames2 = Object.getOwnPropertyNames, __getProtoOf2 = Object.getPrototypeOf, __hasOwnProp2 = Object.prototype.hasOwnProperty, __commonJS = (cb, mod) => function() {
   return mod || (0, cb[__getOwnPropNames2(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
 }, __export$1 = (all) => {
@@ -17357,7 +17357,7 @@ function handleEmphasisAndStrikethrough(state, content, token) {
       if (runInfo.intraword && closeRunInfo.intraword && !isWordOnly(inner) || !inner && runInfo.len >= 4 && runInfo.intraword)
         return state.pushText(content.slice(beforeText.length), content.slice(beforeText.length)), state.index++, !0;
     } else {
-      if (state.requireClosingStrong || close.sawInvalidClose || runInfo.intraword)
+      if (state.requireClosingStrong || close.sawInvalidClose || state.options?.final || runInfo.intraword)
         return state.pushText(content.slice(beforeText.length), content.slice(beforeText.length)), state.index++, !0;
       inner = content.slice(openIdx + 2), after = "";
     }

package/dist/vue/components/input/plugins/promptMentionPlugin.d.ts

@@ -1,8 +1,14 @@
+import type { Style } from "../../../../core/types.js";
 import type { MentionPathProvider, MentionSuggestionProvider } from "./promptMentionState.js";
 import type { TInputPlugin } from "./types.js";
 export type { MentionPathProvider, MentionSuggestionProvider } from "./promptMentionState.js";
 export type PromptMentionPluginOptions = Readonly<{
     mentionSuggestionProviders?: readonly MentionSuggestionProvider[];
     mentionPathProvider?: MentionPathProvider;
+    /**
+     * Style for the `›` gutter marker drawn on the selected popup row.
+     * Called on every paint, so a theme lookup stays live; omit it to keep the popup gutter-free.
+     */
+    selectedMarkerStyle?: () => Style;
 }>;
 export declare function createPromptMentionPlugin(options?: PromptMentionPluginOptions): TInputPlugin;

package/dist/vue.cjs

@@ -1798,6 +1798,7 @@ function usePromptMentionState(options) {
 }
 
 // src/vue/components/input/plugins/promptMentionPlugin.ts
+var SELECTED_ROW_MARKER = "\u203A";
 function omitInverse(style) {
   if (!style)
     return {};
@@ -2081,7 +2082,8 @@ function createPromptMentionPlugin(options = {}) {
           getProps().promptSelectedStyle,
           getProps().zIndex,
           ctx.defaultStyle.value,
-          promptMention.mentionKindVersion.value
+          promptMention.mentionKindVersion.value,
+          options.selectedMarkerStyle?.()
         ],
         paint: () => {
           if (!ctx.visible.value || !promptMention.promptVisible.value)
@@ -2111,7 +2113,7 @@ function createPromptMentionPlugin(options = {}) {
               emptyStyle
             }, cacheKey && derivedStyleCache.set(cacheKey, derived);
           }
-          let x0 = Math.floor(r.x), y0 = Math.floor(r.y), w = Math.max(0, Math.floor(r.w)), h30 = Math.max(0, Math.floor(r.h)), innerW = Math.max(0, w - 2), sidePad = innerW >= 4 ? 1 : 0, contentW = Math.max(0, innerW - sidePad * 2), contentX = x0 + 1 + sidePad, borderStyle = derived.borderStyle;
+          let x0 = Math.floor(r.x), y0 = Math.floor(r.y), w = Math.max(0, Math.floor(r.w)), h30 = Math.max(0, Math.floor(r.h)), innerW = Math.max(0, w - 2), sidePad = innerW >= 4 ? 1 : 0, markerW = options.selectedMarkerStyle && innerW >= 6 ? 1 : 0, contentW = Math.max(0, innerW - sidePad * 2 - markerW), contentX = x0 + 1 + sidePad + markerW, borderStyle = derived.borderStyle;
           lastTopClampedRect && y0 > 0 && (ctx.terminal.write(spaces(lastTopClampedRect.w), {
             x: lastTopClampedRect.x,
             y: 0,
@@ -2141,7 +2143,7 @@ function createPromptMentionPlugin(options = {}) {
             let match = list[row], isSelected = row === promptMention.promptActiveVisible.value, rawValue = sanitizeInlineText(match.item.value), rawDetail = match.item.detail ? sanitizeInlineText(match.item.detail) : "", highlightRanges = query ? computeHighlightRanges(rawValue, query) : [], valueCells = textCellWidth2(rawValue), detailCells = rawDetail ? textCellWidth2(rawDetail) : 0, availableForDetail = contentW - valueCells - 2;
             if (rawDetail && availableForDetail >= 4) {
               let valueStyle = isSelected ? derived.selectedStyle : derived.itemStyle, highlightStyle = buildPromptMatchHighlightStyle(valueStyle, popupMatchStyle), rowStyle = valueStyle;
-              sidePad > 0 && ctx.terminal.write(spaces(sidePad), {
+              sidePad > 0 && ctx.terminal.write(spaces(sidePad + markerW), {
                 x: x0 + 1,
                 y,
                 style: rowStyle
@@ -2173,7 +2175,7 @@ function createPromptMentionPlugin(options = {}) {
               });
             } else {
               let style = isSelected ? derived.selectedStyle : derived.itemStyle, highlightStyle = buildPromptMatchHighlightStyle(style, popupMatchStyle);
-              sidePad > 0 && ctx.terminal.write(spaces(sidePad), {
+              sidePad > 0 && ctx.terminal.write(spaces(sidePad + markerW), {
                 x: x0 + 1,
                 y,
                 style
@@ -2198,12 +2200,16 @@ function createPromptMentionPlugin(options = {}) {
                 style
               });
             }
+            markerW && isSelected && ctx.terminal.put(x0 + 1, y, SELECTED_ROW_MARKER, {
+              ...derived.selectedStyle,
+              ...options.selectedMarkerStyle?.()
+            });
           }
           if (list.length === 0 && contentH > 0) {
             let y = y0 + 1;
             ctx.terminal.put(x0, y, "\u2502", borderStyle), ctx.terminal.put(x0 + w - 1, y, "\u2502", borderStyle);
             let msg = padEndByCells2(sliceByCellsWindow("(no matches)", 0, contentW), contentW);
-            sidePad > 0 && ctx.terminal.write(spaces(sidePad), {
+            sidePad > 0 && ctx.terminal.write(spaces(sidePad + markerW), {
               x: x0 + 1,
               y,
               style: derived.emptyStyle

package/dist/vue.js

@@ -419,6 +419,7 @@ function usePromptMentionState(options) {
 
 //#endregion
 //#region src/vue/components/input/plugins/promptMentionPlugin.ts
+const SELECTED_ROW_MARKER = "›";
 function omitInverse(style) {
 	if (!style) return {};
 	const { inverse: _inverse,...rest } = style;
@@ -845,7 +846,8 @@ function createPromptMentionPlugin(options = {}) {
 					getProps().promptSelectedStyle,
 					getProps().zIndex,
 					ctx.defaultStyle.value,
-					promptMention.mentionKindVersion.value
+					promptMention.mentionKindVersion.value,
+					options.selectedMarkerStyle?.()
 				],
 				paint: () => {
 					if (!ctx.visible.value || !promptMention.promptVisible.value) return;
@@ -903,8 +905,9 @@ function createPromptMentionPlugin(options = {}) {
 					const h$1 = Math.max(0, Math.floor(r.h));
 					const innerW = Math.max(0, w - 2);
 					const sidePad = innerW >= 4 ? 1 : 0;
-					const contentW = Math.max(0, innerW - sidePad * 2);
-					const contentX = x0 + 1 + sidePad;
+					const markerW = options.selectedMarkerStyle && innerW >= 6 ? 1 : 0;
+					const contentW = Math.max(0, innerW - sidePad * 2 - markerW);
+					const contentX = x0 + 1 + sidePad + markerW;
 					const borderStyle = derived.borderStyle;
 					if (lastTopClampedRect && y0 > 0) {
 						ctx.terminal.write(spaces(lastTopClampedRect.w), {
@@ -964,7 +967,7 @@ function createPromptMentionPlugin(options = {}) {
 							const valueStyle = isSelected ? derived.selectedStyle : derived.itemStyle;
 							const highlightStyle = buildPromptMatchHighlightStyle(valueStyle, popupMatchStyle);
 							const rowStyle = valueStyle;
-							if (sidePad > 0) ctx.terminal.write(spaces(sidePad), {
+							if (sidePad > 0) ctx.terminal.write(spaces(sidePad + markerW), {
 								x: x0 + 1,
 								y,
 								style: rowStyle
@@ -1001,7 +1004,7 @@ function createPromptMentionPlugin(options = {}) {
 						} else {
 							const style = isSelected ? derived.selectedStyle : derived.itemStyle;
 							const highlightStyle = buildPromptMatchHighlightStyle(style, popupMatchStyle);
-							if (sidePad > 0) ctx.terminal.write(spaces(sidePad), {
+							if (sidePad > 0) ctx.terminal.write(spaces(sidePad + markerW), {
 								x: x0 + 1,
 								y,
 								style
@@ -1028,13 +1031,17 @@ function createPromptMentionPlugin(options = {}) {
 								style
 							});
 						}
+						if (markerW && isSelected) ctx.terminal.put(x0 + 1, y, SELECTED_ROW_MARKER, {
+							...derived.selectedStyle,
+							...options.selectedMarkerStyle?.()
+						});
 					}
 					if (list.length === 0 && contentH > 0) {
 						const y = y0 + 1;
 						ctx.terminal.put(x0, y, "│", borderStyle);
 						ctx.terminal.put(x0 + w - 1, y, "│", borderStyle);
 						const msg = padEndByCells$1(sliceByCellsWindow("(no matches)", 0, contentW), contentW);
-						if (sidePad > 0) ctx.terminal.write(spaces(sidePad), {
+						if (sidePad > 0) ctx.terminal.write(spaces(sidePad + markerW), {
 							x: x0 + 1,
 							y,
 							style: derived.emptyStyle

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simon_he/vue-tui",
-  "version": "1.1.15",
+  "version": "1.1.17",
   "description": "Vue 3 terminal UI components and renderers for browser DOM, CLI stdout, logs, markdown transcripts, and agent consoles",
   "keywords": [
     "agent-console",
@@ -259,7 +259,7 @@
     "access": "public"
   },
   "dependencies": {
-    "stream-markdown-parser": "1.2.20"
+    "stream-markdown-parser": "1.2.21"
   },
   "devDependencies": {
     "@arethetypeswrong/core": "^0.18.5",