mirror of
https://github.com/multica-ai/multica.git
synced 2026-08-02 01:45:52 +02:00
17ee59ccc5
* feat(editor): standard Mermaid viewer with pan/zoom, exports and a real dialog (MUL-4908) Mermaid's fullscreen view was a bespoke lightbox: no visible close button, no canvas interaction, and a toolbar that scrolled away with wide diagrams. Escape also stopped working once the iframe took focus, which is why it read as "impossible to close". Replace it with a viewer built on the shared Dialog, so it inherits the backdrop, focus trap, scroll lock, focus restore and Escape handling that HTML preview already had. The diagram stays in an `sandbox=""` iframe — isolation is not relaxed to buy interactivity. Instead the iframe is `pointer-events: none` and pan/zoom is applied from the host document as a transform on its wrapper. That inversion is also what keeps Escape working: the iframe can never take focus. - Viewer: fit-on-open, drag pan, wheel/pinch/keyboard zoom (25%-400%) anchored at the pointer, Fit / 100% / Reset, and a header toolbar that cannot scroll away. Panning is clamped so the canvas can never be lost. - Export: `.mmd`, `.svg` and `.png`. Requires `htmlLabels: false` — browsers do not rasterize Mermaid's default HTML-in-foreignObject labels through an `<img>`; verified in Chromium that they paint zero pixels AND taint the canvas, so PNG export silently produced nothing. - Inline: toolbar lifted out of the scroll container, natural-size rendering (small diagrams centered, wide ones scroll at a readable size with edge fades), copy source, and a parser message on the error fallback. - Theme switches no longer close the viewer or discard zoom/position; the previous diagram stays on screen until its replacement is ready. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> Co-authored-by: multica-agent <github@multica.ai> * fix(editor): stop Mermaid drags selecting text and misfiring the viewer (MUL-4908) Two gesture defects on the inline diagram, reported by Naiyuan. 1. Dragging a diagram started a native text selection. The iframe is a replaced element, so the whole diagram box got painted with the selection highlight and the drag ran on into the surrounding comment text. Fixed with `user-select: none` on the inline scroller and the viewer canvas. Deliberately NOT by preventDefault-ing pointerdown: verified in Chromium that it also drops the default focus, which silently kills the viewer's keyboard controls (+/-, 0, arrows). 2. Any drag ended in a `click`, so trying to look along a wide diagram opened the viewer on top of the user. The inline diagram had no drag handling at all — only `onClick`. Suppressing the selection alone would have made this fire more reliably, not less, so both had to land together. Past a 5px threshold the gesture is a drag for good: releasing no longer taps, and a horizontal drag pans the scroller instead. This holds even when the diagram has no room to scroll, so an unscrollable diagram cannot open on release either. A still click, a sub-threshold jitter, and the expand button all still open the viewer. Touch is left alone — it already pans natively and its vertical drags belong to the page; the browser announces its takeover with pointercancel. Mouse and pen have no native drag-to-scroll and are panned here. Verified in Chromium: still click opens; a 150px drag pans and does not open; a drag on an unscrollable diagram does not open; 3px jitter still opens; and no gesture selects text. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> Co-authored-by: multica-agent <github@multica.ai> --------- Co-authored-by: Walt <walt@multica.ai> Co-authored-by: Claude Opus 4.8 <noreply@anthropic.com> Co-authored-by: multica-agent <github@multica.ai>
110 lines
3.1 KiB
JSON
110 lines
3.1 KiB
JSON
{
|
|
"bubble_menu": {
|
|
"bold": "Bold",
|
|
"italic": "Italic",
|
|
"strikethrough": "Strikethrough",
|
|
"code": "Code",
|
|
"highlight": "Highlight",
|
|
"link": "Link",
|
|
"list": "List",
|
|
"task_list": "Task list",
|
|
"quote": "Quote",
|
|
"url_aria_label": "URL",
|
|
"heading_dropdown": {
|
|
"text": "Text",
|
|
"normal_text": "Normal Text",
|
|
"heading_1": "Heading 1",
|
|
"heading_2": "Heading 2",
|
|
"heading_3": "Heading 3"
|
|
},
|
|
"list_dropdown": {
|
|
"bullet_list": "Bullet List",
|
|
"ordered_list": "Ordered List",
|
|
"task_list": "Task List"
|
|
},
|
|
"sub_issue": {
|
|
"tooltip": "Create sub-issue from selection",
|
|
"created": "Created {{identifier}}",
|
|
"create_failed": "Failed to create sub-issue"
|
|
}
|
|
},
|
|
"image": {
|
|
"view": "View image",
|
|
"download": "Download",
|
|
"copy_link": "Copy link",
|
|
"delete": "Delete",
|
|
"link_copied": "Link copied",
|
|
"copy_link_failed": "Failed to copy link"
|
|
},
|
|
"attachment": {
|
|
"download_failed": "Couldn't fetch a download link. Try again in a moment.",
|
|
"preview": "Preview",
|
|
"preview_loading": "Loading preview…",
|
|
"preview_failed": "Couldn't load preview",
|
|
"preview_too_large": "File is too large to preview. Please download.",
|
|
"preview_unsupported": "This file type can't be previewed.",
|
|
"close": "Close",
|
|
"open_in_new_tab": "Open in new tab",
|
|
"remove": "Remove attachment"
|
|
},
|
|
"link_hover": {
|
|
"copy_link": "Copy link",
|
|
"open_link": "Open link",
|
|
"link_copied": "Link copied",
|
|
"copy_failed": "Failed to copy"
|
|
},
|
|
"mention": {
|
|
"group_users": "Users",
|
|
"group_issues": "Issues",
|
|
"all_members": "All members",
|
|
"searching": "Searching...",
|
|
"no_results": "No results",
|
|
"group_current": "Current page",
|
|
"group_recent": "Recently viewed",
|
|
"group_search": "Search results"
|
|
},
|
|
"slash_command": {
|
|
"no_skills_configured": "No skills configured",
|
|
"no_results": "No matching skills",
|
|
"commands": {
|
|
"note": "Add a note — won't trigger any agents"
|
|
}
|
|
},
|
|
"code_block": {
|
|
"copy_code": "Copy code",
|
|
"show_preview": "Show preview",
|
|
"show_source": "Show source",
|
|
"fullscreen": "Fullscreen"
|
|
},
|
|
"file_card": {
|
|
"uploading": "Uploading {{filename}}"
|
|
},
|
|
"upload": {
|
|
"failed": "Couldn't upload {{filename}}: {{reason}}",
|
|
"in_progress": "Uploading…"
|
|
},
|
|
"title_editor": {
|
|
"title_aria_label": "Title"
|
|
},
|
|
"mermaid": {
|
|
"render_error": "Unable to render Mermaid diagram.",
|
|
"rendering": "Rendering diagram…",
|
|
"viewer_title": "Diagram",
|
|
"canvas_label": "Diagram canvas. Drag to pan, scroll to zoom.",
|
|
"open_viewer": "Open diagram viewer",
|
|
"close_viewer": "Close",
|
|
"copy_source": "Copy diagram source",
|
|
"show_source": "Show source",
|
|
"show_diagram": "Show diagram",
|
|
"zoom_in": "Zoom in",
|
|
"zoom_out": "Zoom out",
|
|
"zoom_fit": "Fit to view",
|
|
"zoom_actual": "Actual size",
|
|
"reset_view": "Reset view",
|
|
"export": "Export",
|
|
"export_png": "Download PNG",
|
|
"export_svg": "Download SVG",
|
|
"export_source": "Download .mmd"
|
|
}
|
|
}
|