@simon_he/vue-tui 1.0.2 → 1.1.1

package/dist/vue/components/TVirtualList.d.ts

@@ -70,6 +70,10 @@ export declare const TVirtualList: import("vue").DefineComponent<import("vue").E
         type: PropType<RowScrollMode>;
         default: string;
     };
+    terminalGraphicScrollIdleMs: {
+        type: NumberConstructor;
+        default: number;
+    };
 }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("keydown" | "focus" | "blur" | "change" | "scroll" | "update:modelValue" | "update:scrollTop" | "itemClick")[], "keydown" | "focus" | "blur" | "change" | "scroll" | "update:modelValue" | "update:scrollTop" | "itemClick", (import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps), Readonly<import("vue").ExtractPropTypes<{
@@ -141,6 +145,10 @@ export declare const TVirtualList: import("vue").DefineComponent<import("vue").E
         type: PropType<RowScrollMode>;
         default: string;
     };
+    terminalGraphicScrollIdleMs: {
+        type: NumberConstructor;
+        default: number;
+    };
 }>> & Readonly<{
     onKeydown?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
@@ -179,4 +187,5 @@ export declare const TVirtualList: import("vue").DefineComponent<import("vue").E
         href?: string;
     }>;
     selectionText: (item: unknown, index: number) => string;
+    terminalGraphicScrollIdleMs: number;
 }, {}>;

package/dist/vue/components/TVirtualMarkdown.d.ts

@@ -1,7 +1,8 @@
 import type { PropType } from "vue";
 import type { Style } from "../../core/types.js";
+import type { Rect, TerminalKeyboardEvent } from "../../events/manager/types.js";
 import { type TuiMarkdownThemeOverrides } from "../markdown/theme.js";
-import type { TuiMarkdownBlock } from "../markdown/types.js";
+import type { TuiMarkdownBlock, TuiMarkdownImageActionPayload, TuiMarkdownImageResolver, TuiMarkdownLinkActionPayload, TuiMarkdownMathActionPayload } from "../markdown/types.js";
 export declare const TVirtualMarkdown: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     x: {
         type: NumberConstructor;
@@ -63,9 +64,58 @@ export declare const TVirtualMarkdown: import("vue").DefineComponent<import("vue
         type: PropType<TuiMarkdownThemeOverrides>;
         default: undefined;
     };
+    imageRenderer: {
+        type: PropType<TuiMarkdownImageResolver>;
+        default: undefined;
+    };
+    imageMinWidth: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    imageMaxWidth: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    imageMinHeight: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    imageMaxHeight: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    imagePreserveAspectRatio: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    imageActions: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    mathActions: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    linkActions: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    imageOcclusionRects: {
+        type: PropType<readonly Rect[]>;
+        default: undefined;
+    };
 }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("keydown" | "focus" | "blur" | "scroll" | "update:scrollTop")[], "keydown" | "focus" | "blur" | "scroll" | "update:scrollTop", (import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps), Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:scrollTop": (_value: number) => true;
+    scroll: (_value: number) => true;
+    focus: () => true;
+    blur: () => true;
+    keydown: (_event: TerminalKeyboardEvent) => true;
+    imageAction: (_payload: TuiMarkdownImageActionPayload) => true;
+    mathAction: (_payload: TuiMarkdownMathActionPayload) => true;
+    linkAction: (_payload: TuiMarkdownLinkActionPayload) => true;
+}, string, (import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps), Readonly<import("vue").ExtractPropTypes<{
     x: {
         type: NumberConstructor;
         required: true;
@@ -126,12 +176,108 @@ export declare const TVirtualMarkdown: import("vue").DefineComponent<import("vue
         type: PropType<TuiMarkdownThemeOverrides>;
         default: undefined;
     };
+    imageRenderer: {
+        type: PropType<TuiMarkdownImageResolver>;
+        default: undefined;
+    };
+    imageMinWidth: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    imageMaxWidth: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    imageMinHeight: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    imageMaxHeight: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    imagePreserveAspectRatio: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    imageActions: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    mathActions: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    linkActions: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    imageOcclusionRects: {
+        type: PropType<readonly Rect[]>;
+        default: undefined;
+    };
 }>> & Readonly<{
-    onKeydown?: ((...args: any[]) => any) | undefined;
-    onFocus?: ((...args: any[]) => any) | undefined;
-    onBlur?: ((...args: any[]) => any) | undefined;
-    onScroll?: ((...args: any[]) => any) | undefined;
-    "onUpdate:scrollTop"?: ((...args: any[]) => any) | undefined;
+    onKeydown?: ((_event: TerminalKeyboardEvent) => any) | undefined;
+    onFocus?: (() => any) | undefined;
+    onBlur?: (() => any) | undefined;
+    onScroll?: ((_value: number) => any) | undefined;
+    "onUpdate:scrollTop"?: ((_value: number) => any) | undefined;
+    onMathAction?: ((_payload: Readonly<{
+        math: Readonly<{
+            source: string;
+            raw: string;
+            rendered: boolean;
+        }>;
+        rect: Readonly<{
+            x: number;
+            y: number;
+            w: number;
+            h: number;
+        }>;
+        cellX: number;
+        cellY: number;
+        rowIndex: number;
+        segmentIndex: number;
+    }>) => any) | undefined;
+    onImageAction?: ((_payload: Readonly<{
+        image: Readonly<{
+            kind: "image";
+            src: string;
+            alt?: string;
+            mime?: string;
+            base64?: string;
+            originalBase64?: string;
+            originalMime?: string;
+            naturalWidth?: number;
+            naturalHeight?: number;
+            displayWidth?: number;
+            displayHeight?: number;
+        }>;
+        rect: Readonly<{
+            x: number;
+            y: number;
+            w: number;
+            h: number;
+        }>;
+        cellX: number;
+        cellY: number;
+        rowIndex: number;
+        segmentIndex: number;
+    }>) => any) | undefined;
+    onLinkAction?: ((_payload: Readonly<{
+        href: string;
+        text: string;
+        rect: Readonly<{
+            x: number;
+            y: number;
+            w: number;
+            h: number;
+        }>;
+        cellX: number;
+        cellY: number;
+        rowIndex: number;
+        segmentIndex: number;
+    }>) => any) | undefined;
 }>, {
     style: Readonly<{
         fg?: string;
@@ -147,9 +293,10 @@ export declare const TVirtualMarkdown: import("vue").DefineComponent<import("vue
     selectable: boolean;
     autoFocus: boolean;
     content: string;
+    final: boolean;
+    streaming: boolean;
     scrollTop: number;
     customHtmlTags: readonly string[];
-    final: boolean;
     theme: Readonly<Partial<{
         heading: readonly Partial<Style>[];
         strong: Partial<Style>;
@@ -164,5 +311,19 @@ export declare const TVirtualMarkdown: import("vue").DefineComponent<import("vue
         html: Partial<Style>;
     }>>;
     blocks: readonly TuiMarkdownBlock[];
-    streaming: boolean;
+    imageRenderer: TuiMarkdownImageResolver;
+    imageMinWidth: number;
+    imageMaxWidth: number;
+    imageMinHeight: number;
+    imageMaxHeight: number;
+    imagePreserveAspectRatio: boolean;
+    imageActions: boolean;
+    mathActions: boolean;
+    linkActions: boolean;
+    imageOcclusionRects: readonly Readonly<{
+        x: number;
+        y: number;
+        w: number;
+        h: number;
+    }>[];
 }, {}>;

package/dist/vue/components/TVirtualRows.d.ts

@@ -132,6 +132,10 @@ export declare const TVirtualRows: import("vue").DefineComponent<import("vue").E
         type: PropType<TVirtualRowsRowScrollMode>;
         default: string;
     };
+    terminalGraphicScrollIdleMs: {
+        type: NumberConstructor;
+        default: number;
+    };
 }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "contextmenu" | "pointerdown" | "pointerup" | "pointermove" | "pointerleave" | "wheel" | "keydown" | "focus" | "blur" | "scroll" | "clickCapture" | "contextmenuCapture" | "pointerdownCapture" | "pointerupCapture" | "pointermoveCapture" | "update:scrollTop" | "itemClick")[], "click" | "contextmenu" | "pointerdown" | "pointerup" | "pointermove" | "pointerleave" | "wheel" | "keydown" | "focus" | "blur" | "scroll" | "clickCapture" | "contextmenuCapture" | "pointerdownCapture" | "pointerupCapture" | "pointermoveCapture" | "update:scrollTop" | "itemClick", (import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps), Readonly<import("vue").ExtractPropTypes<{
@@ -218,6 +222,10 @@ export declare const TVirtualRows: import("vue").DefineComponent<import("vue").E
         type: PropType<TVirtualRowsRowScrollMode>;
         default: string;
     };
+    terminalGraphicScrollIdleMs: {
+        type: NumberConstructor;
+        default: number;
+    };
 }>> & Readonly<{
     onPointerleave?: ((...args: any[]) => any) | undefined;
     onClick?: ((...args: any[]) => any) | undefined;
@@ -255,6 +263,7 @@ export declare const TVirtualRows: import("vue").DefineComponent<import("vue").E
     rowScrollMode: TVirtualRowsRowScrollMode;
     scrollTop: number;
     selectionText: (item: unknown, index: number) => string;
+    terminalGraphicScrollIdleMs: number;
     itemChangedRange: () => {
         start: number;
         end: number;

package/dist/vue/components/TerminalProvider.d.ts

@@ -172,6 +172,8 @@ export declare const TerminalProvider: import("vue").DefineComponent<import("vue
     debugIme: boolean;
     clipboard: Readonly<{
         supported: boolean;
+        canRead?: boolean;
+        canWrite?: boolean;
         readText: () => Promise<string>;
         writeText: (text: string) => Promise<void>;
     }>;

package/dist/vue/context.d.ts

@@ -7,6 +7,7 @@ import type { EventManager } from "../events/manager/event-manager.js";
 import type { Rect } from "../events/manager/types.js";
 import type { SelectionTextProvider, TerminalSelectionCopyPayload, TerminalSelectionRefreshOptions } from "../selection/terminal-selection.js";
 import type { RendererCapabilities, TerminalRendererLike } from "../renderer/capabilities.js";
+import type { ClipboardApi } from "../runtime/index.js";
 import type { TraceStore } from "../observability/trace.js";
 import type { FramePerfReason } from "../observability/frame-perf.js";
 import type { FramePerfStore } from "../observability/frame-perf-store.js";
@@ -99,6 +100,18 @@ export type TerminalSelectionContext = Readonly<{
     refresh: (options?: TerminalSelectionRefreshOptions) => void;
     clear: () => void;
 }>;
+export type TerminalGraphicsActivityOptions = Readonly<{
+    scrollIdleMs?: number;
+    traceId?: string;
+    trace?: boolean;
+}>;
+export type TerminalGraphicsActivity = Readonly<{
+    scrolling: Readonly<Ref<boolean>>;
+    version: Readonly<Ref<number>>;
+    markScroll: () => void;
+    setScrollIdleMs: (value: number | undefined) => void;
+    dispose: () => void;
+}>;
 export type ImeAnchor = Readonly<{
     cellX: number;
     cellY: number;
@@ -111,6 +124,7 @@ export type TerminalContext = Readonly<{
     events: Ref<EventManager | null>;
     scheduler: TerminalScheduler;
     runtime: TerminalRuntime;
+    clipboard?: ClipboardApi;
     observability: Readonly<{
         trace: TraceStore;
         framePerf: FramePerfStore;
@@ -127,6 +141,7 @@ export declare const TerminalContextKey: InjectionKey<Readonly<{
     events: Ref<EventManager | null>;
     scheduler: TerminalScheduler;
     runtime: TerminalRuntime;
+    clipboard?: ClipboardApi;
     observability: Readonly<{
         trace: TraceStore;
         framePerf: FramePerfStore;
@@ -150,4 +165,13 @@ export declare const TInputPluginsContextKey: InjectionKey<Readonly<Ref<readonly
     install: (ctx: import("./index.js").TInputPluginContext) => void;
 }>[]>>>;
 export declare const TPathPickerProviderContextKey: InjectionKey<Readonly<Ref<PathPickerProvider | undefined>>>;
+export declare const TerminalGraphicsActivityKey: InjectionKey<Readonly<{
+    scrolling: Readonly<Ref<boolean>>;
+    version: Readonly<Ref<number>>;
+    markScroll: () => void;
+    setScrollIdleMs: (value: number | undefined) => void;
+    dispose: () => void;
+}>>;
 export declare const DialogContextKey: InjectionKey<boolean>;
+export declare function createTerminalGraphicsActivity(options?: TerminalGraphicsActivityOptions): TerminalGraphicsActivity;
+export declare function createCombinedTerminalGraphicsActivity(parent: TerminalGraphicsActivity | null | undefined, own: TerminalGraphicsActivity): TerminalGraphicsActivity;

package/dist/vue/index.d.ts

@@ -15,6 +15,8 @@ export { TDialog } from "./components/TDialog.js";
 export type { DialogButton } from "./components/TDialog.js";
 export type { TerminalProviderSelectionConfig, TerminalProviderSelectionOptions, } from "./components/TerminalProvider.js";
 export { TerminalProvider } from "./components/TerminalProvider.js";
+export { TFlex, TFlexItem } from "./components/TFlex.js";
+export type { TFlexAlign, TFlexAlignContent, TFlexDirection, TFlexMeasure, TFlexMeasureConstraints, TFlexMeasureResult, TFlexItemSlotProps, TFlexJustify, TFlexSize, } from "./components/TFlex.js";
 export { TFlow } from "./components/TFlow.js";
 export { TAutocompleteInput, TCheckbox, TForm, TFormContextKey, TFormField, TPasswordInput, TRadioGroup, TSlider, TSwitch, useTForm, } from "./components/TForm.js";
 export type { TAutocompleteLoadErrorPayload, TAutocompleteOption, TAutocompleteSelectPayload, TAutocompleteSuggestionProvider, TFormContext, TFormHandle, TFormModel, TFormRule, TFormSubmitPayload, TRadioOption, } from "./components/TForm.js";
@@ -32,6 +34,8 @@ export type { TLinkActivatePayload, TLinkActivationSource, TLinkInvalidHrefPaylo
 export type { TerminalLinkOpenContext, TerminalLinkOpener, TerminalLinkOpenerLike, TerminalLinkOpenSource, } from "./components/link/host.js";
 export { linkifyTextSegments } from "./linkify.js";
 export type { TLinkifyOptions, TLinkifyProtocol, TLinkifySegment } from "./linkify.js";
+export { isSimpleMermaidFlowchartSource, markMermaidRenderErrorFatal, TMermaid, TMermaidText, } from "./components/TMermaidText.js";
+export type { TMermaidAsciiOptions, TMermaidAsciiTheme, TMermaidCopyPayload, TMermaidRenderer, TMermaidRenderEligibility, TMermaidRenderEligibilityContext, TMermaidResolvedAsciiOptions, TMermaidTextProps, TMermaidTransientErrorClassifier, TMermaidTransientErrorContext, } from "./components/TMermaidText.js";
 export { TMultilineModal } from "./components/TMultilineModal.js";
 export { TBreadcrumb, TKeyHint, TStatusBar } from "./components/TNavigation.js";
 export type { TBreadcrumbItem, TBreadcrumbSelectPayload } from "./components/TNavigation.js";
@@ -56,6 +60,7 @@ export { useTerminalRuntime } from "./composables/use-runtime.js";
 export { useTerminalNode } from "./composables/use-terminal-node.js";
 export { useTerminal } from "./composables/use-terminal.js";
 export { useVisibility } from "./composables/use-visibility.js";
+export type { TuiMarkdownGraphicSegment, TuiMarkdownImageResolver, TuiMarkdownImageResolverResult, } from "./markdown/types.js";
 export type { TuiMarkdownTheme, TuiMarkdownThemeOverrides } from "./markdown/theme.js";
 export { createTheme, tuiDefaultTheme } from "./theme.js";
 export { createOverlayFocusStack, resolveOverlayPlacement } from "./overlay.js";

package/dist/vue/layout/flex.d.ts

@@ -0,0 +1,67 @@
+import type { Rect } from "../../events/manager/types.js";
+export type TFlexDirection = "row" | "column";
+export type TFlexAlign = "start" | "center" | "end" | "stretch";
+export type TFlexJustify = "start" | "center" | "end" | "space-between";
+export type TFlexAlignContent = "start" | "center" | "end" | "space-between" | "stretch";
+export type TFlexSize = number | string;
+export type TFlexMeasureConstraints = Readonly<{
+    maxWidth: number;
+    maxHeight: number;
+    direction: TFlexDirection;
+}>;
+export type TFlexMeasureResult = Readonly<{
+    width?: number;
+    height?: number;
+    w?: number;
+    h?: number;
+}>;
+export type TFlexMeasure = (constraints: TFlexMeasureConstraints) => TFlexMeasureResult;
+export type TFlexItemSlotProps = Readonly<{
+    rect: Rect;
+}>;
+export type BoxEdges = Readonly<{
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+}>;
+export type FlexLayoutInputItem = Readonly<{
+    grow: number;
+    shrink: number;
+    basis: TFlexSize | undefined;
+    width: TFlexSize | undefined;
+    height: TFlexSize | undefined;
+    minWidth: TFlexSize | undefined;
+    minHeight: TFlexSize | undefined;
+    maxWidth: TFlexSize | undefined;
+    maxHeight: TFlexSize | undefined;
+    measure: TFlexMeasure | undefined;
+    measureCache: Map<string, {
+        main: number | undefined;
+        cross: number | undefined;
+    }> | undefined;
+    marginTop: number;
+    marginRight: number;
+    marginBottom: number;
+    marginLeft: number;
+    alignSelf: TFlexAlign | undefined;
+}>;
+export type FlexLayoutItem<TItem extends FlexLayoutInputItem = FlexLayoutInputItem> = Readonly<{
+    item: TItem;
+    rect: Rect;
+}>;
+export declare function normalizeCellCount(value: unknown, fallback?: number): number;
+export declare function normalizeOptionalCellCount(value: unknown): number | undefined;
+export declare function normalizeRatio(value: unknown, fallback: number): number;
+export declare function layoutFlexItems<TItem extends FlexLayoutInputItem>(items: readonly TItem[], options: Readonly<{
+    w: number;
+    h: number;
+    direction: TFlexDirection;
+    mainGap: number;
+    crossGap: number;
+    padding: BoxEdges;
+    alignItems: TFlexAlign;
+    justifyContent: TFlexJustify;
+    alignContent: TFlexAlignContent;
+    wrap: boolean;
+}>): FlexLayoutItem<TItem>[];

package/dist/vue/markdown/ast.d.ts

@@ -1,3 +1,6 @@
 import { type TuiMarkdownTheme } from "./theme.js";
-import type { TuiMarkdownBlock, TuiMarkdownNode } from "./types.js";
-export declare function markdownAstToBlocks(nodes: readonly TuiMarkdownNode[], theme: TuiMarkdownTheme): readonly TuiMarkdownBlock[];
+import type { TuiMarkdownBlock, TuiMarkdownImageResolver, TuiMarkdownImageSize, TuiMarkdownNode } from "./types.js";
+export declare function markdownAstToBlocks(nodes: readonly TuiMarkdownNode[], theme: TuiMarkdownTheme, options?: Readonly<{
+    imageResolver?: TuiMarkdownImageResolver;
+    imageSize?: TuiMarkdownImageSize;
+}>): readonly TuiMarkdownBlock[];

package/dist/vue/markdown/document.d.ts

@@ -1,3 +1,4 @@
+import type { TuiMarkdownImageResolver, TuiMarkdownImageSize } from "./types.js";
 import { type TuiMarkdownParser } from "./parser.js";
 import { type TuiMarkdownThemeOverrides } from "./theme.js";
 import type { TuiMarkdownBlock, TuiMarkdownNode, TuiMarkdownVisualRow } from "./types.js";
@@ -9,6 +10,8 @@ import type { WidthProvider } from "../../core/buffer/width.js";
 export declare function buildMarkdownBlocks(content: string, parser: TuiMarkdownParser, options?: Readonly<{
     final?: boolean;
     theme?: TuiMarkdownThemeOverrides;
+    imageResolver?: TuiMarkdownImageResolver;
+    imageSize?: TuiMarkdownImageSize;
 }>): Readonly<{
     nodes: readonly TuiMarkdownNode[];
     blocks: readonly TuiMarkdownBlock[];
@@ -17,4 +20,6 @@ export declare function buildMarkdownVisualRows(content: string, width: number,
     final?: boolean;
     theme?: TuiMarkdownThemeOverrides;
     widthProvider?: WidthProvider;
+    imageResolver?: TuiMarkdownImageResolver;
+    imageSize?: TuiMarkdownImageSize;
 }>): readonly TuiMarkdownVisualRow[];

package/dist/vue/markdown/image-actions.d.ts

@@ -0,0 +1,14 @@
+import type { TuiMarkdownImageActionPayload, TuiMarkdownVisualRow } from "./types.js";
+export declare function findMarkdownImageActionAt(rows: readonly TuiMarkdownVisualRow[], point: Readonly<{
+    cellX: number;
+    cellY: number;
+}>, options: Readonly<{
+    screenRect: Readonly<{
+        x: number;
+        y: number;
+        w: number;
+        h: number;
+    }>;
+    rowOffset: number;
+    clipStart: number;
+}>): TuiMarkdownImageActionPayload | null;

package/dist/vue/markdown/image.d.ts

@@ -0,0 +1,11 @@
+export type TuiMarkdownImageSource = Readonly<{
+    src: string;
+    mime?: string;
+    base64?: string;
+}>;
+export type TuiMarkdownImageDimensions = Readonly<{
+    width: number;
+    height: number;
+}>;
+export declare function sanitizeMarkdownImageSource(src: unknown): TuiMarkdownImageSource | null;
+export declare function readMarkdownImageDimensions(base64: string | undefined): TuiMarkdownImageDimensions | null;

package/dist/vue/markdown/link-actions.d.ts

@@ -0,0 +1,14 @@
+import type { TuiMarkdownLinkActionPayload, TuiMarkdownVisualRow } from "./types.js";
+export declare function findMarkdownLinkActionAt(rows: readonly TuiMarkdownVisualRow[], point: Readonly<{
+    cellX: number;
+    cellY: number;
+}>, options: Readonly<{
+    screenRect: Readonly<{
+        x: number;
+        y: number;
+        w: number;
+        h: number;
+    }>;
+    rowOffset: number;
+    clipStart: number;
+}>): TuiMarkdownLinkActionPayload | null;

package/dist/vue/markdown/math-actions.d.ts

@@ -0,0 +1,14 @@
+import type { TuiMarkdownMathActionPayload, TuiMarkdownVisualRow } from "./types.js";
+export declare function findMarkdownMathActionAt(rows: readonly TuiMarkdownVisualRow[], point: Readonly<{
+    cellX: number;
+    cellY: number;
+}>, options: Readonly<{
+    screenRect: Readonly<{
+        x: number;
+        y: number;
+        w: number;
+        h: number;
+    }>;
+    rowOffset: number;
+    clipStart: number;
+}>): TuiMarkdownMathActionPayload | null;

package/dist/vue/markdown/math.d.ts

@@ -0,0 +1,6 @@
+export type TuiMarkdownInlineMathRender = Readonly<{
+    text: string;
+    supported: boolean;
+}>;
+export declare function renderMarkdownInlineMathSegment(tex: string): TuiMarkdownInlineMathRender;
+export declare function renderMarkdownInlineMath(tex: string): string;

package/dist/vue/markdown/render.d.ts

@@ -1,5 +1,26 @@
 import type { Style, Terminal } from "../../core/types.js";
 import type { TuiMarkdownVisualRow } from "./types.js";
+export declare function markdownImageGraphicId(segment: NonNullable<TuiMarkdownVisualRow["segments"][number]["graphic"]>, identity: string): string;
+export declare function clearMarkdownImageGraphics(terminal: Terminal, rect?: Readonly<{
+    x: number;
+    y: number;
+    w: number;
+    h: number;
+}>): void;
+export declare function collectVisibleMarkdownImageGraphicIds(rows: readonly TuiMarkdownVisualRow[], options: Readonly<{
+    x: number;
+    y: number;
+    w: number;
+    h: number;
+    rowOffset: number;
+    clipStart: number;
+    isGraphicCovered?: (rect: Readonly<{
+        x: number;
+        y: number;
+        w: number;
+        h: number;
+    }>) => boolean;
+}>): ReadonlySet<string>;
 export declare function paintMarkdownVisualRow(terminal: Terminal, row: TuiMarkdownVisualRow | undefined, options: Readonly<{
     x: number;
     y: number;
@@ -7,4 +28,11 @@ export declare function paintMarkdownVisualRow(terminal: Terminal, row: TuiMarkd
     clipStart?: number;
     baseStyle: Style;
     clear?: boolean;
+    keepGraphicIds?: ReadonlySet<string>;
+    isGraphicCovered?: (rect: Readonly<{
+        x: number;
+        y: number;
+        w: number;
+        h: number;
+    }>) => boolean;
 }>): void;

package/dist/vue/markdown/types.d.ts

@@ -5,10 +5,84 @@ export type TuiMarkdownNode = Readonly<{
     children?: readonly TuiMarkdownNode[];
     [key: string]: unknown;
 }>;
+export type TuiMarkdownImageSize = Readonly<{
+    minWidth?: number;
+    maxWidth?: number;
+    minHeight?: number;
+    maxHeight?: number;
+    preserveAspectRatio?: boolean;
+}>;
+export type TuiMarkdownGraphicSegment = Readonly<{
+    kind: "image";
+    src: string;
+    alt?: string;
+    mime?: string;
+    base64?: string;
+    originalBase64?: string;
+    originalMime?: string;
+    naturalWidth?: number;
+    naturalHeight?: number;
+    displayWidth?: number;
+    displayHeight?: number;
+}>;
+export type TuiMarkdownImageResolverResult = string | null | undefined | Readonly<{
+    base64: string;
+    originalBase64?: string;
+    mime?: string;
+    originalMime?: string;
+}>;
+export type TuiMarkdownImageResolver = (image: TuiMarkdownGraphicSegment) => TuiMarkdownImageResolverResult;
+export type TuiMarkdownImageActionPayload = Readonly<{
+    image: TuiMarkdownGraphicSegment;
+    rect: Readonly<{
+        x: number;
+        y: number;
+        w: number;
+        h: number;
+    }>;
+    cellX: number;
+    cellY: number;
+    rowIndex: number;
+    segmentIndex: number;
+}>;
+export type TuiMarkdownLinkActionPayload = Readonly<{
+    href: string;
+    text: string;
+    rect: Readonly<{
+        x: number;
+        y: number;
+        w: number;
+        h: number;
+    }>;
+    cellX: number;
+    cellY: number;
+    rowIndex: number;
+    segmentIndex: number;
+}>;
+export type TuiMarkdownMathSegment = Readonly<{
+    source: string;
+    raw: string;
+    rendered: boolean;
+}>;
+export type TuiMarkdownMathActionPayload = Readonly<{
+    math: TuiMarkdownMathSegment;
+    rect: Readonly<{
+        x: number;
+        y: number;
+        w: number;
+        h: number;
+    }>;
+    cellX: number;
+    cellY: number;
+    rowIndex: number;
+    segmentIndex: number;
+}>;
 export type TuiMarkdownInlineSegment = Readonly<{
     text: string;
     style?: Style;
     hardBreak?: boolean;
+    graphic?: TuiMarkdownGraphicSegment;
+    mathAction?: TuiMarkdownMathSegment;
 }>;
 export type TuiMarkdownTableCellAlign = "left" | "center" | "right";
 export type TuiMarkdownTableCell = Readonly<{
@@ -25,6 +99,7 @@ export type TuiMarkdownBlock = Readonly<{
     type: "code_block";
     key: string;
     lines: readonly string[];
+    language?: string;
     style?: Style;
     prefixSegments?: readonly TuiMarkdownInlineSegment[];
     continuationPrefixSegments?: readonly TuiMarkdownInlineSegment[];
@@ -49,6 +124,9 @@ export type TuiMarkdownVisualSegment = Readonly<{
     text: string;
     style?: Style;
     cells: number;
+    graphic?: TuiMarkdownGraphicSegment;
+    mathAction?: TuiMarkdownMathSegment;
+    fallbackText?: string;
 }>;
 export type TuiMarkdownVisualRow = Readonly<{
     key: string;