fix(skills): render markdown previews instead of mono raw text #927
No reviewers
Labels
No labels
area:agents
area:dashboard
area:database
area:design
area:design-review
area:flows
area:infra
area:meta
area:security
area:sessions
area:webhook
area:workdir
security
type:bug
type:chore
type:meta
type:user-story
No milestone
No project
No assignees
3 participants
Notifications
Due date
No due date set.
Dependencies
No dependencies set.
Reference
charles/claude-hooks!927
Loading…
Add table
Add a link
Reference in a new issue
No description provided.
Delete branch "fix/skill-preview-render-markdown"
Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?
Summary
Three preview panes still showed skill / prompt bodies as mono
whitespace-pre-wraptext instead of rendered markdown — clicking "Preview" on a skill row gave a wall of raw template text. Swap each for<Markdown>so previews match what the agent will actually see.agent-db-skills-tab.tsx) — the modal opened from the "Preview" button on each skill row.features/agents/sections.tsx) — the live block under the system-prompt template editor.agents.$type.setup.tsx) — the per-skill preview panel during onboarding.watchdog-panel.tsxdeliberately untouched — that pane shows raw git diff output, not markdown.Test plan
just qaclean — 3263 server tests + lint + typecheck + paraglide-check + i18n-string-checkCloses #882 follow-up.
Three preview panes still showed skill / prompt bodies as mono `whitespace-pre-wrap` text: - Skill preview modal in `agent-db-skills-tab.tsx` (the "Preview" button on each skill row in the agent settings drawer) - Prompt template preview in `agents/sections.tsx` (the live preview block under the system-prompt template editor) - Skill preview drawer in `agents.$type.setup.tsx` (the wizard's per-skill preview panel) Swap each `<pre>` for a `<div>` containing `<Markdown>{body}</Markdown>`, so the operator sees the markdown rendered the same way the agent's skill body would render in chat. Caller's empty / fallback handling preserved (e.g. "Enter a template to preview." span). `watchdog-panel.tsx` left as-is — that pane shows raw git diff output, not markdown. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>🚫 Dispatch aborted: skill 'fix-ci' missing for agent type 'claude-desktop'. Seed it at /agents/claude-desktop/skills.
🚫 Dispatch aborted: skill 'fix-ci' missing for agent type 'claude-desktop'. Seed it at /agents/claude-desktop/skills.
🚫 Dispatch aborted: skill 'fix-ci' missing for agent type 'claude-desktop'. Seed it at /agents/claude-desktop/skills.