feat(ui): markdown editor for agent & automation instructions#3266
Open
feat(ui): markdown editor for agent & automation instructions#3266
Conversation
Adds a Notion-like markdown editor (Tiptap-based) for the Instructions field in both agents and automations. Typing `# Title` transforms inline into a heading, and pasting raw markdown is parsed via marked into proper nodes (headings, lists, blockquotes, code blocks, tables, strikethrough). Tables, blockquotes, code blocks, and horizontal rules are now enabled in the underlying TiptapProvider behind an `enableHeadings` flag, so the chat input is unaffected. Also aligns the section title styles in automations to match the agent settings page. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Contributor
🧪 BenchmarkShould we run the Virtual MCP strategy benchmark for this PR? React with 👍 to run the benchmark.
Benchmark will run on the next push after you react. |
Contributor
Release OptionsSuggested: Minor ( React with an emoji to override the release type:
Current version:
|
…xt-areas # Conflicts: # bun.lock
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
…xt-areas # Conflicts: # apps/mesh/src/web/views/virtual-mcp/index.tsx # bun.lock
The "setPhase('cloning') is called before clone, 'clone-failed' on
non-zero exit" test polls up to 15 seconds, but bun's default test
timeout is 5 seconds. On Linux CI the clone retry loop (3 retries x 3s
backoff) reliably exceeds 5s before the unreachable host fails, causing
the outer timeout to fire before the test can assert on the failure.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
![cubic-dev-ai[bot]](https://avatars.githubusercontent.com/in/1082092?s=60&v=4){kind=small}
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
What is this contribution about?
Adds a Notion-like markdown editor for the Instructions field in both agents and automations. Typing
# Titletransforms inline into a heading and pasting raw markdown is parsed viamarkedinto proper nodes (headings, lists, blockquotes, code blocks, tables, strikethrough). The agents Instructions area swaps a plain<Textarea>for a newMarkdownEditorcomponent; the automations editor reuses the existingTiptapProviderbehind anenableHeadingsflag so the chat input stays unchanged. Section titles in automations were also aligned to match the agent settings styling.Screenshots/Demonstration
UI changes — please test in the running app.
How to Test
#,##,-, etc., should transform inline.code,~~strike~~, tables) → should render as formatted content, not raw text.@) and slash commands (/) should still work.text-sm font-medium text-foreground).Migration Notes
Adds
@tiptap/extension-table,-table-row,-table-cell,-table-header(3.20.2) toapps/mesh. Existing agent instructions stored as plain text continue to work — they're parsed throughmarkedon load.Review Checklist
🤖 Generated with Claude Code
Summary by cubic
Add a Notion-like markdown editor to the Instructions field for agents and automations, with inline shortcuts and paste-to-format for headings, lists, quotes, code, tables, and strikethrough. Automations enable rich formatting via
enableHeadingsonTiptapProvider, and section titles now match agent styling.New Features
MarkdownEditor; type#,-, etc. to format live; pasted plain text is always parsed as markdown; content round-trips as markdown (including tables).TiptapProviderwithenableHeadingsturns on headings, blockquote, code blocks, HR, and tables; markdown paste supported;@mentions and/commands still work; section title and editor styles aligned with agents.Bug Fixes
Written for commit 32810dc. Summary will update on new commits.