feat: add PNG/SVG export and expandable card property tips

Toolbar exports PNG (fit+raster) and SVG; card click expands full fields, hover shows property tooltips, double-click opens the editor.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
oliver 2026-09-17 10:43:33 +08:00
parent 23ff27122f
commit 4c9bd5b86f
22 changed files with 978 additions and 315 deletions

View file

@ -0,0 +1,20 @@
/** Floating property detail tip (card view hover). */
export function PropTooltip({
label,
value,
x,
y,
}: {
label: string;
value: string;
x: number;
y: number;
}) {
return (
<div className="prop-tooltip" style={{ left: x, top: y }} role="tooltip">
<div className="prop-tooltip__label">{label}</div>
<div className="prop-tooltip__value">{value}</div>
</div>
);
}