@uipath/apollo-wind 2.50.0 → 2.52.0

package/dist/components/ui/prompt-editor/components/EditorToolbar.cjs

@@ -60,8 +60,9 @@ const ToolbarSeparator = ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
         "aria-hidden": true,
         className: "mx-1 h-4 w-px bg-border/60"
     });
-const EditorToolbar = ({ mode, onModeChange, disabled, error, actionsRef, onFullscreen, showModeToggle = true, trailing, strings = external_prompt_editor_config_cjs_namespaceObject.DEFAULT_PROMPT_EDITOR_STRINGS, activeFormats })=>{
+const EditorToolbar = ({ mode, onModeChange, disabled, error, actionsRef, onFullscreen, showModeToggle = true, trailing, strings = external_prompt_editor_config_cjs_namespaceObject.DEFAULT_PROMPT_EDITOR_STRINGS, activeFormats, richText })=>{
     const isEditMode = !showModeToggle || 'edit' === mode;
+    const trailingNeedsSeparator = showModeToggle || Boolean(onFullscreen);
     const handleFormat = (actionName)=>()=>{
             if (!disabled && isEditMode) {
                 const fn = actionsRef?.current?.[actionName];
@@ -84,6 +85,13 @@ const EditorToolbar = ({ mode, onModeChange, disabled, error, actionsRef, onFull
                 disabled: disabled || !isEditMode,
                 onClick: handleFormat('formatItalic')
             }),
+            richText && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ToolbarButton, {
+                icon: external_lucide_react_namespaceObject.Underline,
+                pressed: activeFormats?.underline,
+                label: strings.underline,
+                disabled: disabled || !isEditMode,
+                onClick: handleFormat('formatUnderline')
+            }),
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ToolbarButton, {
                 icon: external_lucide_react_namespaceObject.Strikethrough,
                 pressed: activeFormats?.strikethrough,
@@ -105,6 +113,14 @@ const EditorToolbar = ({ mode, onModeChange, disabled, error, actionsRef, onFull
                 label: strings.bulletedList,
                 disabled: disabled || !isEditMode,
                 onClick: handleFormat('formatBulletedList')
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ToolbarSeparator, {}),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ToolbarButton, {
+                icon: external_lucide_react_namespaceObject.Code,
+                pressed: activeFormats?.code,
+                label: strings.code,
+                disabled: disabled || !isEditMode,
+                onClick: handleFormat('formatCode')
             })
         ]
     });
@@ -139,7 +155,7 @@ const EditorToolbar = ({ mode, onModeChange, disabled, error, actionsRef, onFull
                     }),
                     trailing && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
                         children: [
-                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ToolbarSeparator, {}),
+                            trailingNeedsSeparator && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ToolbarSeparator, {}),
                             trailing
                         ]
                     })

package/dist/components/ui/prompt-editor/components/EditorToolbar.d.ts

@@ -18,5 +18,7 @@ export interface EditorToolbarProps {
     strings?: PromptEditorStrings;
     /** Rich mode: which formats the selection carries — drives `aria-pressed` on the buttons. */
     activeFormats?: PromptEditorToolbarActiveFormats;
+    /** WYSIWYG mode. Gates Underline, which markdown has no marker for. */
+    richText?: boolean;
 }
-export declare const EditorToolbar: ({ mode, onModeChange, disabled, error, actionsRef, onFullscreen, showModeToggle, trailing, strings, activeFormats, }: EditorToolbarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const EditorToolbar: ({ mode, onModeChange, disabled, error, actionsRef, onFullscreen, showModeToggle, trailing, strings, activeFormats, richText, }: EditorToolbarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/prompt-editor/components/EditorToolbar.js

@@ -1,5 +1,5 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Bold, Italic, List, ListOrdered, Maximize2, Strikethrough } from "lucide-react";
+import { Bold, Code, Italic, List, ListOrdered, Maximize2, Strikethrough, Underline } from "lucide-react";
 import { Tooltip, TooltipContent, TooltipTrigger } from "../../tooltip.js";
 import { cn } from "../../../../lib/index.js";
 import { DEFAULT_PROMPT_EDITOR_STRINGS } from "../prompt-editor-config.js";
@@ -32,8 +32,9 @@ const ToolbarSeparator = ()=>/*#__PURE__*/ jsx("span", {
         "aria-hidden": true,
         className: "mx-1 h-4 w-px bg-border/60"
     });
-const EditorToolbar = ({ mode, onModeChange, disabled, error, actionsRef, onFullscreen, showModeToggle = true, trailing, strings = DEFAULT_PROMPT_EDITOR_STRINGS, activeFormats })=>{
+const EditorToolbar = ({ mode, onModeChange, disabled, error, actionsRef, onFullscreen, showModeToggle = true, trailing, strings = DEFAULT_PROMPT_EDITOR_STRINGS, activeFormats, richText })=>{
     const isEditMode = !showModeToggle || 'edit' === mode;
+    const trailingNeedsSeparator = showModeToggle || Boolean(onFullscreen);
     const handleFormat = (actionName)=>()=>{
             if (!disabled && isEditMode) {
                 const fn = actionsRef?.current?.[actionName];
@@ -56,6 +57,13 @@ const EditorToolbar = ({ mode, onModeChange, disabled, error, actionsRef, onFull
                 disabled: disabled || !isEditMode,
                 onClick: handleFormat('formatItalic')
             }),
+            richText && /*#__PURE__*/ jsx(ToolbarButton, {
+                icon: Underline,
+                pressed: activeFormats?.underline,
+                label: strings.underline,
+                disabled: disabled || !isEditMode,
+                onClick: handleFormat('formatUnderline')
+            }),
             /*#__PURE__*/ jsx(ToolbarButton, {
                 icon: Strikethrough,
                 pressed: activeFormats?.strikethrough,
@@ -77,6 +85,14 @@ const EditorToolbar = ({ mode, onModeChange, disabled, error, actionsRef, onFull
                 label: strings.bulletedList,
                 disabled: disabled || !isEditMode,
                 onClick: handleFormat('formatBulletedList')
+            }),
+            /*#__PURE__*/ jsx(ToolbarSeparator, {}),
+            /*#__PURE__*/ jsx(ToolbarButton, {
+                icon: Code,
+                pressed: activeFormats?.code,
+                label: strings.code,
+                disabled: disabled || !isEditMode,
+                onClick: handleFormat('formatCode')
             })
         ]
     });
@@ -111,7 +127,7 @@ const EditorToolbar = ({ mode, onModeChange, disabled, error, actionsRef, onFull
                     }),
                     trailing && /*#__PURE__*/ jsxs(Fragment, {
                         children: [
-                            /*#__PURE__*/ jsx(ToolbarSeparator, {}),
+                            trailingNeedsSeparator && /*#__PURE__*/ jsx(ToolbarSeparator, {}),
                             trailing
                         ]
                     })

package/dist/components/ui/prompt-editor/components/MarkdownPreview.cjs

@@ -55,8 +55,10 @@ const MARKDOWN_PREVIEW_STYLES = `
 .prompt-editor-preview h3 { font-size: 1.1em; font-weight: 600; margin: 0.4em 0 0.2em; line-height: 1.3; }
 .prompt-editor-preview h4, .prompt-editor-preview h5, .prompt-editor-preview h6 { font-size: 1em; font-weight: 600; margin: 0.4em 0 0.2em; line-height: 1.3; }
 .prompt-editor-preview p { margin: 0.25em 0; }
-.prompt-editor-preview code { font-family: 'Fira Code', 'Consolas', monospace; font-size: 0.875em; padding: 0.15em 0.4em; border-radius: 4px; background-color: var(--color-muted); color: var(--color-foreground); }
-.prompt-editor-preview pre { margin: 0.5em 0; padding: 0.75em 1em; border-radius: 6px; overflow-x: auto; background-color: var(--color-muted); color: var(--color-foreground); }
+.prompt-editor-preview u { text-decoration: underline; }
+/* Chip token, not --color-muted -- see the matching note in prompt-editor.tsx. */
+.prompt-editor-preview code { font-family: 'Fira Code', 'Consolas', monospace; font-size: 0.875em; padding: 0.15em 0.4em; border-radius: 4px; background-color: var(--color-chip-default-background); color: var(--color-foreground); }
+.prompt-editor-preview pre { margin: 0.5em 0; padding: 0.75em 1em; border-radius: 6px; overflow-x: auto; background-color: var(--color-chip-default-background); color: var(--color-foreground); }
 .prompt-editor-preview pre code { padding: 0; background: none; font-size: 0.85em; }
 .prompt-editor-preview blockquote { margin: 0.5em 0; padding: 0.25em 0.75em; border-left: 3px solid var(--color-border); color: var(--color-muted-foreground); }
 .prompt-editor-preview ul, .prompt-editor-preview ol { margin: 0.25em 0; padding-left: 1.5em; }

package/dist/components/ui/prompt-editor/components/MarkdownPreview.js

@@ -17,8 +17,10 @@ const MARKDOWN_PREVIEW_STYLES = `
 .prompt-editor-preview h3 { font-size: 1.1em; font-weight: 600; margin: 0.4em 0 0.2em; line-height: 1.3; }
 .prompt-editor-preview h4, .prompt-editor-preview h5, .prompt-editor-preview h6 { font-size: 1em; font-weight: 600; margin: 0.4em 0 0.2em; line-height: 1.3; }
 .prompt-editor-preview p { margin: 0.25em 0; }
-.prompt-editor-preview code { font-family: 'Fira Code', 'Consolas', monospace; font-size: 0.875em; padding: 0.15em 0.4em; border-radius: 4px; background-color: var(--color-muted); color: var(--color-foreground); }
-.prompt-editor-preview pre { margin: 0.5em 0; padding: 0.75em 1em; border-radius: 6px; overflow-x: auto; background-color: var(--color-muted); color: var(--color-foreground); }
+.prompt-editor-preview u { text-decoration: underline; }
+/* Chip token, not --color-muted -- see the matching note in prompt-editor.tsx. */
+.prompt-editor-preview code { font-family: 'Fira Code', 'Consolas', monospace; font-size: 0.875em; padding: 0.15em 0.4em; border-radius: 4px; background-color: var(--color-chip-default-background); color: var(--color-foreground); }
+.prompt-editor-preview pre { margin: 0.5em 0; padding: 0.75em 1em; border-radius: 6px; overflow-x: auto; background-color: var(--color-chip-default-background); color: var(--color-foreground); }
 .prompt-editor-preview pre code { padding: 0; background: none; font-size: 0.85em; }
 .prompt-editor-preview blockquote { margin: 0.5em 0; padding: 0.25em 0.75em; border-left: 3px solid var(--color-border); color: var(--color-muted-foreground); }
 .prompt-editor-preview ul, .prompt-editor-preview ol { margin: 0.25em 0; padding-left: 1.5em; }

package/dist/components/ui/prompt-editor/plugins/ToolbarActionsPlugin.cjs

@@ -34,9 +34,11 @@ const external_react_namespaceObject = require("react");
 const EMPTY_ACTIVE_FORMATS = {
     bold: false,
     italic: false,
+    underline: false,
     strikethrough: false,
     orderedList: false,
-    bulletedList: false
+    bulletedList: false,
+    code: false
 };
 const $readActiveFormats = ()=>{
     const selection = (0, external_lexical_namespaceObject.$getSelection)();
@@ -46,12 +48,14 @@ const $readActiveFormats = ()=>{
     return {
         bold: selection.hasFormat('bold'),
         italic: selection.hasFormat('italic'),
+        underline: selection.hasFormat('underline'),
         strikethrough: selection.hasFormat('strikethrough'),
         orderedList: 'number' === listType,
-        bulletedList: 'bullet' === listType
+        bulletedList: 'bullet' === listType,
+        code: selection.hasFormat('code')
     };
 };
-const activeFormatsEqual = (a, b)=>a.bold === b.bold && a.italic === b.italic && a.strikethrough === b.strikethrough && a.orderedList === b.orderedList && a.bulletedList === b.bulletedList;
+const activeFormatsEqual = (a, b)=>a.bold === b.bold && a.italic === b.italic && a.underline === b.underline && a.strikethrough === b.strikethrough && a.orderedList === b.orderedList && a.bulletedList === b.bulletedList && a.code === b.code;
 const wrapSelectionWithMarkers = (startMarker, endMarker)=>{
     const selection = (0, external_lexical_namespaceObject.$getSelection)();
     if (!(0, external_lexical_namespaceObject.$isRangeSelection)(selection)) return;
@@ -133,9 +137,11 @@ const ToolbarActionsPlugin = ({ actionsRef, richText, onActiveFormatsChange })=>
             actionsRef.current = {
                 formatBold: ()=>editor.dispatchCommand(external_lexical_namespaceObject.FORMAT_TEXT_COMMAND, 'bold'),
                 formatItalic: ()=>editor.dispatchCommand(external_lexical_namespaceObject.FORMAT_TEXT_COMMAND, 'italic'),
+                formatUnderline: ()=>editor.dispatchCommand(external_lexical_namespaceObject.FORMAT_TEXT_COMMAND, 'underline'),
                 formatStrikethrough: ()=>editor.dispatchCommand(external_lexical_namespaceObject.FORMAT_TEXT_COMMAND, 'strikethrough'),
                 formatNumberedList: ()=>toggleList('number'),
-                formatBulletedList: ()=>toggleList('bullet')
+                formatBulletedList: ()=>toggleList('bullet'),
+                formatCode: ()=>editor.dispatchCommand(external_lexical_namespaceObject.FORMAT_TEXT_COMMAND, 'code')
             };
         } else actionsRef.current = {
             formatBold: ()=>{
@@ -144,6 +150,7 @@ const ToolbarActionsPlugin = ({ actionsRef, richText, onActiveFormatsChange })=>
             formatItalic: ()=>{
                 editor.update(()=>wrapSelectionWithMarkers('*', '*'));
             },
+            formatUnderline: ()=>{},
             formatStrikethrough: ()=>{
                 editor.update(()=>wrapSelectionWithMarkers('~~', '~~'));
             },
@@ -152,6 +159,9 @@ const ToolbarActionsPlugin = ({ actionsRef, richText, onActiveFormatsChange })=>
             },
             formatBulletedList: ()=>{
                 editor.update(()=>insertLinePrefixForSelection(()=>'- '));
+            },
+            formatCode: ()=>{
+                editor.update(()=>wrapSelectionWithMarkers('`', '`'));
             }
         };
         return ()=>{

package/dist/components/ui/prompt-editor/plugins/ToolbarActionsPlugin.js

@@ -6,9 +6,11 @@ import { useEffect } from "react";
 const EMPTY_ACTIVE_FORMATS = {
     bold: false,
     italic: false,
+    underline: false,
     strikethrough: false,
     orderedList: false,
-    bulletedList: false
+    bulletedList: false,
+    code: false
 };
 const $readActiveFormats = ()=>{
     const selection = $getSelection();
@@ -18,12 +20,14 @@ const $readActiveFormats = ()=>{
     return {
         bold: selection.hasFormat('bold'),
         italic: selection.hasFormat('italic'),
+        underline: selection.hasFormat('underline'),
         strikethrough: selection.hasFormat('strikethrough'),
         orderedList: 'number' === listType,
-        bulletedList: 'bullet' === listType
+        bulletedList: 'bullet' === listType,
+        code: selection.hasFormat('code')
     };
 };
-const activeFormatsEqual = (a, b)=>a.bold === b.bold && a.italic === b.italic && a.strikethrough === b.strikethrough && a.orderedList === b.orderedList && a.bulletedList === b.bulletedList;
+const activeFormatsEqual = (a, b)=>a.bold === b.bold && a.italic === b.italic && a.underline === b.underline && a.strikethrough === b.strikethrough && a.orderedList === b.orderedList && a.bulletedList === b.bulletedList && a.code === b.code;
 const wrapSelectionWithMarkers = (startMarker, endMarker)=>{
     const selection = $getSelection();
     if (!$isRangeSelection(selection)) return;
@@ -105,9 +109,11 @@ const ToolbarActionsPlugin = ({ actionsRef, richText, onActiveFormatsChange })=>
             actionsRef.current = {
                 formatBold: ()=>editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'bold'),
                 formatItalic: ()=>editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'italic'),
+                formatUnderline: ()=>editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'underline'),
                 formatStrikethrough: ()=>editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'strikethrough'),
                 formatNumberedList: ()=>toggleList('number'),
-                formatBulletedList: ()=>toggleList('bullet')
+                formatBulletedList: ()=>toggleList('bullet'),
+                formatCode: ()=>editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'code')
             };
         } else actionsRef.current = {
             formatBold: ()=>{
@@ -116,6 +122,7 @@ const ToolbarActionsPlugin = ({ actionsRef, richText, onActiveFormatsChange })=>
             formatItalic: ()=>{
                 editor.update(()=>wrapSelectionWithMarkers('*', '*'));
             },
+            formatUnderline: ()=>{},
             formatStrikethrough: ()=>{
                 editor.update(()=>wrapSelectionWithMarkers('~~', '~~'));
             },
@@ -124,6 +131,9 @@ const ToolbarActionsPlugin = ({ actionsRef, richText, onActiveFormatsChange })=>
             },
             formatBulletedList: ()=>{
                 editor.update(()=>insertLinePrefixForSelection(()=>'- '));
+            },
+            formatCode: ()=>{
+                editor.update(()=>wrapSelectionWithMarkers('`', '`'));
             }
         };
         return ()=>{

package/dist/components/ui/prompt-editor/prompt-editor-config.cjs

@@ -34,9 +34,11 @@ const DEFAULT_PROMPT_EDITOR_STRINGS = {
     preview: 'Preview',
     bold: 'Bold',
     italic: 'Italic',
+    underline: 'Underline',
     strikethrough: 'Strikethrough',
     numberedList: 'Numbered List',
     bulletedList: 'Bulleted List',
+    code: 'Code',
     expand: 'Expand',
     searchVariablesPlaceholder: 'Search variables…',
     noVariablesFound: 'No variables found.',

package/dist/components/ui/prompt-editor/prompt-editor-config.d.ts

@@ -30,9 +30,11 @@ export interface PromptEditorStrings {
     /** Formatting toolbar buttons */
     bold: string;
     italic: string;
+    underline: string;
     strikethrough: string;
     numberedList: string;
     bulletedList: string;
+    code: string;
     expand: string;
     /** `$`-trigger autocomplete menu */
     searchVariablesPlaceholder: string;

package/dist/components/ui/prompt-editor/prompt-editor-config.js

@@ -4,9 +4,11 @@ const DEFAULT_PROMPT_EDITOR_STRINGS = {
     preview: 'Preview',
     bold: 'Bold',
     italic: 'Italic',
+    underline: 'Underline',
     strikethrough: 'Strikethrough',
     numberedList: 'Numbered List',
     bulletedList: 'Bulleted List',
+    code: 'Code',
     expand: 'Expand',
     searchVariablesPlaceholder: 'Search variables…',
     noVariablesFound: 'No variables found.',

package/dist/components/ui/prompt-editor/prompt-editor.cjs

@@ -228,7 +228,12 @@ const EditorInner = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)
           /* Rich-mode formatting — metrics mirror MarkdownPreview so editing matches rendering. */
           .prompt-editor-text-bold { font-weight: 700; }
           .prompt-editor-text-italic { font-style: italic; }
+          .prompt-editor-text-underline { text-decoration: underline; }
           .prompt-editor-text-strikethrough { text-decoration: line-through; }
+          .prompt-editor-text-underline-strikethrough { text-decoration: underline line-through; }
+          /* Chip token, not --color-muted: wind aliases --muted onto --surface-overlay in the
+             future themes, i.e. what the shell paints itself with, so a muted chip is invisible. */
+          .prompt-editor-text-code { font-family: 'Fira Code', 'Consolas', monospace; font-size: 0.875em; padding: 0.15em 0.4em; border-radius: 4px; background-color: var(--color-chip-default-background); color: var(--color-foreground); }
           .prompt-editor-list-ul, .prompt-editor-list-ol { margin: 0.25em 0; padding-left: 1.5em; }
           .prompt-editor-list-ul { list-style-type: disc; }
           .prompt-editor-list-ol { list-style-type: decimal; }
@@ -376,7 +381,10 @@ const PromptEditor = ({ value: rawValue, initialValue: rawInitialValue, onChange
                     text: {
                         bold: 'prompt-editor-text-bold',
                         italic: 'prompt-editor-text-italic',
-                        strikethrough: 'prompt-editor-text-strikethrough'
+                        underline: 'prompt-editor-text-underline',
+                        strikethrough: 'prompt-editor-text-strikethrough',
+                        underlineStrikethrough: 'prompt-editor-text-underline-strikethrough',
+                        code: 'prompt-editor-text-code'
                     },
                     list: {
                         ul: 'prompt-editor-list-ul',
@@ -461,6 +469,7 @@ const PromptEditor = ({ value: rawValue, initialValue: rawInitialValue, onChange
                                 actionsRef: toolbarActionsRef,
                                 onModeChange: handleModeChange,
                                 onFullscreen: onFullscreen,
+                                richText: richText,
                                 showModeToggle: showModeToggle && !richText,
                                 trailing: toolbarTrailing,
                                 strings: strings,

package/dist/components/ui/prompt-editor/prompt-editor.js

@@ -200,7 +200,12 @@ const EditorInner = /*#__PURE__*/ forwardRef(({ initialValue, value, onChange, a
           /* Rich-mode formatting — metrics mirror MarkdownPreview so editing matches rendering. */
           .prompt-editor-text-bold { font-weight: 700; }
           .prompt-editor-text-italic { font-style: italic; }
+          .prompt-editor-text-underline { text-decoration: underline; }
           .prompt-editor-text-strikethrough { text-decoration: line-through; }
+          .prompt-editor-text-underline-strikethrough { text-decoration: underline line-through; }
+          /* Chip token, not --color-muted: wind aliases --muted onto --surface-overlay in the
+             future themes, i.e. what the shell paints itself with, so a muted chip is invisible. */
+          .prompt-editor-text-code { font-family: 'Fira Code', 'Consolas', monospace; font-size: 0.875em; padding: 0.15em 0.4em; border-radius: 4px; background-color: var(--color-chip-default-background); color: var(--color-foreground); }
           .prompt-editor-list-ul, .prompt-editor-list-ol { margin: 0.25em 0; padding-left: 1.5em; }
           .prompt-editor-list-ul { list-style-type: disc; }
           .prompt-editor-list-ol { list-style-type: decimal; }
@@ -348,7 +353,10 @@ const PromptEditor = ({ value: rawValue, initialValue: rawInitialValue, onChange
                     text: {
                         bold: 'prompt-editor-text-bold',
                         italic: 'prompt-editor-text-italic',
-                        strikethrough: 'prompt-editor-text-strikethrough'
+                        underline: 'prompt-editor-text-underline',
+                        strikethrough: 'prompt-editor-text-strikethrough',
+                        underlineStrikethrough: 'prompt-editor-text-underline-strikethrough',
+                        code: 'prompt-editor-text-code'
                     },
                     list: {
                         ul: 'prompt-editor-list-ul',
@@ -433,6 +441,7 @@ const PromptEditor = ({ value: rawValue, initialValue: rawInitialValue, onChange
                                 actionsRef: toolbarActionsRef,
                                 onModeChange: handleModeChange,
                                 onFullscreen: onFullscreen,
+                                richText: richText,
                                 showModeToggle: showModeToggle && !richText,
                                 trailing: toolbarTrailing,
                                 strings: strings,

package/dist/components/ui/prompt-editor/types.d.ts

@@ -35,18 +35,24 @@ export type PromptEditorMode = 'edit' | 'preview';
 export interface PromptEditorToolbarActiveFormats {
     bold: boolean;
     italic: boolean;
+    /** Rich mode only — markdown has no underline syntax, so plain mode never offers it. */
+    underline: boolean;
     strikethrough: boolean;
     orderedList: boolean;
     bulletedList: boolean;
+    code: boolean;
 }
 export interface PromptEditorToolbarActionsRef {
     formatBold: () => void;
     formatItalic: () => void;
+    /** Rich mode only; a no-op in plain mode, where the Underline button never renders. */
+    formatUnderline: () => void;
     formatStrikethrough: () => void;
     formatNumberedList: () => void;
     formatBulletedList: () => void;
+    formatCode: () => void;
 }
-export type PromptEditorToolbarFormatAction = 'bold' | 'bulletedList' | 'italic' | 'numberedList' | 'strikethrough';
+export type PromptEditorToolbarFormatAction = 'bold' | 'bulletedList' | 'code' | 'italic' | 'numberedList' | 'strikethrough' | 'underline';
 export interface PromptEditorTokenColorConfig {
     background: string;
     border: string;

package/dist/components/ui/prompt-editor/utils/rich-serialization.cjs

@@ -37,6 +37,27 @@ const index_cjs_namespaceObject = require("../nodes/index.cjs");
 const token_nodes_cjs_namespaceObject = require("../plugins/shared/token-nodes.cjs");
 const external_insert_token_cjs_namespaceObject = require("./insert-token.cjs");
 const external_serialization_cjs_namespaceObject = require("./serialization.cjs");
+const UNDERLINE = {
+    dependencies: [],
+    importRegExp: /<u>(.*?)<\/u>/,
+    regExp: /<u>(.*?)<\/u>$/,
+    trigger: '>',
+    replace: (node, match)=>{
+        const inner = (0, external_lexical_namespaceObject.$createTextNode)(match[1]);
+        inner.setFormat(node.getFormat());
+        inner.toggleFormat('underline');
+        node.replace(inner);
+        return inner;
+    },
+    export: (node, _exportChildren, exportFormat)=>{
+        if (!(0, external_lexical_namespaceObject.$isTextNode)(node) || !node.hasFormat('underline')) return null;
+        const isUnderlined = (sibling)=>(0, external_lexical_namespaceObject.$isTextNode)(sibling) && sibling.hasFormat('underline');
+        const open = isUnderlined(node.getPreviousSibling()) ? '' : '<u>';
+        const close = isUnderlined(node.getNextSibling()) ? '' : '</u>';
+        return `${open}${exportFormat(node, node.getTextContent())}${close}`;
+    },
+    type: 'text-match'
+};
 const PROMPT_EDITOR_RICH_TRANSFORMERS = [
     markdown_namespaceObject.ORDERED_LIST,
     markdown_namespaceObject.UNORDERED_LIST,
@@ -46,7 +67,9 @@ const PROMPT_EDITOR_RICH_TRANSFORMERS = [
     markdown_namespaceObject.BOLD_UNDERSCORE,
     markdown_namespaceObject.ITALIC_STAR,
     markdown_namespaceObject.ITALIC_UNDERSCORE,
-    markdown_namespaceObject.STRIKETHROUGH
+    markdown_namespaceObject.STRIKETHROUGH,
+    UNDERLINE,
+    markdown_namespaceObject.INLINE_CODE
 ];
 const RICH_EDITOR_EXTRA_NODES = [
     list_namespaceObject.ListNode,
@@ -99,6 +122,29 @@ function createPillExportTransformer(pills) {
     };
 }
 const unescapeMarkdownLiterals = (markdown)=>markdown.replace(/\\([*_`~\\])/g, '$1');
+function $rescuePillsFromCodeSpans(pills) {
+    for (const node of (0, external_lexical_namespaceObject.$getRoot)().getAllTextNodes()){
+        if (!node.hasFormat('code') || !PILL_SENTINEL_IMPORT.test(node.getTextContent())) continue;
+        const replacements = node.getTextContent().split(PILL_SENTINEL_SPLIT).filter((part)=>'' !== part).map((part)=>{
+            const match = PILL_SENTINEL_IMPORT.exec(part);
+            if (match && match[0] === part) {
+                const pill = pills[Number(match[1])];
+                return pill ? (0, external_insert_token_cjs_namespaceObject.createTokenNodeForOption)(pill) : (0, external_lexical_namespaceObject.$createTextNode)('');
+            }
+            const text = (0, external_lexical_namespaceObject.$createTextNode)(part);
+            text.setFormat(node.getFormat());
+            return text;
+        });
+        if (replacements.length > 0) {
+            const [first, ...rest] = replacements;
+            node.replace(first);
+            rest.reduce((prev, next)=>{
+                prev.insertAfter(next);
+                return next;
+            }, first);
+        }
+    }
+}
 function $getRichEditorTokensInternal() {
     const pills = [];
     const markdown = (0, markdown_namespaceObject.$convertToMarkdownString)([
@@ -145,6 +191,7 @@ function $setRichEditorTokensInternal(tokens) {
         ...PROMPT_EDITOR_RICH_TRANSFORMERS,
         createPillImportTransformer(pills)
     ], root, true);
+    $rescuePillsFromCodeSpans(pills);
 }
 function normalizeRichTextTokens(tokens) {
     const editor = (0, external_lexical_namespaceObject.createEditor)({

package/dist/components/ui/prompt-editor/utils/rich-serialization.d.ts

@@ -1,20 +1,6 @@
 import { ListItemNode, ListNode } from '@lexical/list';
 import { type Transformer } from '@lexical/markdown';
 import type { PromptEditorToken } from '../types';
-/**
- * Rich (WYSIWYG) serialization for the prompt editor: the `PromptEditorToken[]` contract is
- * unchanged — text tokens carry markdown — but in rich mode the editor state holds real formatted
- * nodes, converted through `@lexical/markdown` on the way in and out.
- *
- * Two invariants drive everything here:
- *
- * 1. **`\n` is a visible line break** (the plain editor's convention; previews render with
- *    `breaks: true`). Both conversions run with `shouldPreserveNewLines: true` so `a\nb` and
- *    `a\n\nb` each round-trip byte-identically instead of being rewritten into paragraph spacing.
- * 2. **Unknown markdown stays literal.** The transformer set is exactly the toolbar's feature set
- *    (bold/italic/strikethrough + ordered/bulleted lists). Headings, quotes, code, links, tables
- *    pass through as plain text, which is the round-trip-safe behavior.
- */
 /** The toolbar's feature set. Underscore emphasis variants import legacy content; export emits star forms. */
 export declare const PROMPT_EDITOR_RICH_TRANSFORMERS: Transformer[];
 /** Lexical node classes rich mode registers beyond the plain editor's token nodes. */

package/dist/components/ui/prompt-editor/utils/rich-serialization.js

@@ -1,10 +1,31 @@
 import { ListItemNode, ListNode } from "@lexical/list";
-import { $convertFromMarkdownString, $convertToMarkdownString, BOLD_ITALIC_STAR, BOLD_ITALIC_UNDERSCORE, BOLD_STAR, BOLD_UNDERSCORE, ITALIC_STAR, ITALIC_UNDERSCORE, ORDERED_LIST, STRIKETHROUGH, UNORDERED_LIST } from "@lexical/markdown";
-import { $getRoot, createEditor } from "lexical";
+import { $convertFromMarkdownString, $convertToMarkdownString, BOLD_ITALIC_STAR, BOLD_ITALIC_UNDERSCORE, BOLD_STAR, BOLD_UNDERSCORE, INLINE_CODE, ITALIC_STAR, ITALIC_UNDERSCORE, ORDERED_LIST, STRIKETHROUGH, UNORDERED_LIST } from "@lexical/markdown";
+import { $createTextNode, $getRoot, $isTextNode, createEditor } from "lexical";
 import { InputTokenNode, OutputTokenNode, ResourceTokenNode, StateTokenNode } from "../nodes/index.js";
 import { NODE_TYPE_TO_TOKEN_TYPE, isPromptTokenNode } from "../plugins/shared/token-nodes.js";
 import { createTokenNodeForOption } from "./insert-token.js";
 import { WORD_JOINER } from "./serialization.js";
+const UNDERLINE = {
+    dependencies: [],
+    importRegExp: /<u>(.*?)<\/u>/,
+    regExp: /<u>(.*?)<\/u>$/,
+    trigger: '>',
+    replace: (node, match)=>{
+        const inner = $createTextNode(match[1]);
+        inner.setFormat(node.getFormat());
+        inner.toggleFormat('underline');
+        node.replace(inner);
+        return inner;
+    },
+    export: (node, _exportChildren, exportFormat)=>{
+        if (!$isTextNode(node) || !node.hasFormat('underline')) return null;
+        const isUnderlined = (sibling)=>$isTextNode(sibling) && sibling.hasFormat('underline');
+        const open = isUnderlined(node.getPreviousSibling()) ? '' : '<u>';
+        const close = isUnderlined(node.getNextSibling()) ? '' : '</u>';
+        return `${open}${exportFormat(node, node.getTextContent())}${close}`;
+    },
+    type: 'text-match'
+};
 const PROMPT_EDITOR_RICH_TRANSFORMERS = [
     ORDERED_LIST,
     UNORDERED_LIST,
@@ -14,7 +35,9 @@ const PROMPT_EDITOR_RICH_TRANSFORMERS = [
     BOLD_UNDERSCORE,
     ITALIC_STAR,
     ITALIC_UNDERSCORE,
-    STRIKETHROUGH
+    STRIKETHROUGH,
+    UNDERLINE,
+    INLINE_CODE
 ];
 const RICH_EDITOR_EXTRA_NODES = [
     ListNode,
@@ -67,6 +90,29 @@ function createPillExportTransformer(pills) {
     };
 }
 const unescapeMarkdownLiterals = (markdown)=>markdown.replace(/\\([*_`~\\])/g, '$1');
+function $rescuePillsFromCodeSpans(pills) {
+    for (const node of $getRoot().getAllTextNodes()){
+        if (!node.hasFormat('code') || !PILL_SENTINEL_IMPORT.test(node.getTextContent())) continue;
+        const replacements = node.getTextContent().split(PILL_SENTINEL_SPLIT).filter((part)=>'' !== part).map((part)=>{
+            const match = PILL_SENTINEL_IMPORT.exec(part);
+            if (match && match[0] === part) {
+                const pill = pills[Number(match[1])];
+                return pill ? createTokenNodeForOption(pill) : $createTextNode('');
+            }
+            const text = $createTextNode(part);
+            text.setFormat(node.getFormat());
+            return text;
+        });
+        if (replacements.length > 0) {
+            const [first, ...rest] = replacements;
+            node.replace(first);
+            rest.reduce((prev, next)=>{
+                prev.insertAfter(next);
+                return next;
+            }, first);
+        }
+    }
+}
 function $getRichEditorTokensInternal() {
     const pills = [];
     const markdown = $convertToMarkdownString([
@@ -113,6 +159,7 @@ function $setRichEditorTokensInternal(tokens) {
         ...PROMPT_EDITOR_RICH_TRANSFORMERS,
         createPillImportTransformer(pills)
     ], root, true);
+    $rescuePillsFromCodeSpans(pills);
 }
 function normalizeRichTextTokens(tokens) {
     const editor = createEditor({

package/dist/components/ui/select.cjs

@@ -62,7 +62,7 @@ SelectValue.displayName = react_select_namespaceObject.Value.displayName;
 const SelectTrigger = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_select_namespaceObject.Trigger, {
         ref: ref,
         "data-slot": "select-trigger",
-        className: (0, index_cjs_namespaceObject.cn)('flex h-9 w-full cursor-pointer items-center justify-between rounded-md border border-input bg-transparent px-3 py-1 text-base transition-colors data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm [&>span]:line-clamp-1 future:h-10 future:rounded-xl future:border-0 future:bg-surface-overlay future:hover:bg-surface-hover future:px-4 future:gap-4 future:font-normal', className),
+        className: (0, index_cjs_namespaceObject.cn)('flex h-9 w-full cursor-pointer items-center justify-between rounded-md border border-input bg-transparent px-3 py-1 text-base transition-colors data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm [&>span]:line-clamp-1 future:h-10 future:rounded-xl future:border-0 future:bg-surface-overlay future:hover:bg-surface-hover future:px-4 future:gap-4 future:font-normal aria-invalid:border-error aria-invalid:focus-visible:ring-error future:aria-invalid:ring-1 future:aria-invalid:ring-error/40', className),
         ...props,
         children: [
             children,

package/dist/components/ui/select.js

@@ -25,7 +25,7 @@ SelectValue.displayName = Value.displayName;
 const SelectTrigger = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ jsxs(Trigger, {
         ref: ref,
         "data-slot": "select-trigger",
-        className: cn('flex h-9 w-full cursor-pointer items-center justify-between rounded-md border border-input bg-transparent px-3 py-1 text-base transition-colors data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm [&>span]:line-clamp-1 future:h-10 future:rounded-xl future:border-0 future:bg-surface-overlay future:hover:bg-surface-hover future:px-4 future:gap-4 future:font-normal', className),
+        className: cn('flex h-9 w-full cursor-pointer items-center justify-between rounded-md border border-input bg-transparent px-3 py-1 text-base transition-colors data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm [&>span]:line-clamp-1 future:h-10 future:rounded-xl future:border-0 future:bg-surface-overlay future:hover:bg-surface-hover future:px-4 future:gap-4 future:font-normal aria-invalid:border-error aria-invalid:focus-visible:ring-error future:aria-invalid:ring-1 future:aria-invalid:ring-error/40', className),
         ...props,
         children: [
             children,

package/dist/components/ui/textarea.cjs

@@ -149,7 +149,7 @@ const Textarea = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ clas
     ]);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("textarea", {
         "data-slot": "textarea",
-        className: (0, index_cjs_namespaceObject.cn)('flex w-full rounded-md border border-input bg-transparent px-3 py-2 text-base transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm', 'future:rounded-xl future:border-0 future:bg-surface-overlay future:text-sm future:placeholder:text-foreground-muted future:placeholder:font-normal future:focus-visible:ring-offset-2 future:focus-visible:ring-offset-background', !managed && 'min-h-[80px]', managed && 'resize-y', className),
+        className: (0, index_cjs_namespaceObject.cn)('flex w-full rounded-md border border-input bg-transparent px-3 py-2 text-base transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-error future:aria-invalid:ring-1 future:aria-invalid:ring-error/40 aria-invalid:focus-visible:ring-error md:text-sm', 'future:rounded-xl future:border-0 future:bg-surface-overlay future:text-sm future:placeholder:text-foreground-muted future:placeholder:font-normal future:focus-visible:ring-offset-2 future:focus-visible:ring-offset-background', !managed && 'min-h-[80px]', managed && 'resize-y', className),
         ref: setRef,
         style: style,
         onChange: (event)=>{

package/dist/components/ui/textarea.js

@@ -121,7 +121,7 @@ const Textarea = /*#__PURE__*/ forwardRef(({ className, minRows, maxRows, onChan
     ]);
     return /*#__PURE__*/ jsx("textarea", {
         "data-slot": "textarea",
-        className: cn('flex w-full rounded-md border border-input bg-transparent px-3 py-2 text-base transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm', 'future:rounded-xl future:border-0 future:bg-surface-overlay future:text-sm future:placeholder:text-foreground-muted future:placeholder:font-normal future:focus-visible:ring-offset-2 future:focus-visible:ring-offset-background', !managed && 'min-h-[80px]', managed && 'resize-y', className),
+        className: cn('flex w-full rounded-md border border-input bg-transparent px-3 py-2 text-base transition-colors placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-error future:aria-invalid:ring-1 future:aria-invalid:ring-error/40 aria-invalid:focus-visible:ring-error md:text-sm', 'future:rounded-xl future:border-0 future:bg-surface-overlay future:text-sm future:placeholder:text-foreground-muted future:placeholder:font-normal future:focus-visible:ring-offset-2 future:focus-visible:ring-offset-background', !managed && 'min-h-[80px]', managed && 'resize-y', className),
         ref: setRef,
         style: style,
         onChange: (event)=>{