sketchmark 2.0.0 → 2.1.0

package/examples/release-notes.visual.json

@@ -0,0 +1,467 @@
+{
+  "version": 1,
+  "canvas": {
+    "width": 1080,
+    "height": 1380,
+    "background": "#ffffff"
+  },
+  "elements": [
+    {
+      "id": "title",
+      "type": "text",
+      "x": 72,
+      "y": 56,
+      "text": "Release Notes",
+      "align": "left",
+      "valign": "top",
+      "fontSize": 44,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 800,
+      "fill": "#0f172a"
+    },
+    {
+      "id": "version",
+      "type": "text",
+      "x": 72,
+      "y": 116,
+      "text": "v2.4.0",
+      "align": "left",
+      "valign": "top",
+      "fontSize": 18,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 600,
+      "fill": "#1e293b"
+    },
+    {
+      "id": "date",
+      "type": "text",
+      "x": 144,
+      "y": 118,
+      "text": "— May 27, 2026",
+      "align": "left",
+      "valign": "top",
+      "fontSize": 15,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 400,
+      "fill": "#94a3b8"
+    },
+    {
+      "id": "divider-top",
+      "type": "path",
+      "d": "M 72 152 L 1008 152",
+      "stroke": "#e2e8f0",
+      "strokeWidth": 1,
+      "fill": "none"
+    },
+    {
+      "id": "s1-heading",
+      "type": "text",
+      "x": 72,
+      "y": 192,
+      "text": "New Features",
+      "align": "left",
+      "valign": "top",
+      "fontSize": 24,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 700,
+      "fill": "#1e293b"
+    },
+    {
+      "id": "new-pill-bg",
+      "type": "path",
+      "d": "M 251 195 L 281 195 Q 292 195 292 206 L 292 206 Q 292 217 281 217 L 251 217 Q 240 217 240 206 L 240 206 Q 240 195 251 195 Z",
+      "fill": "#10b981",
+      "stroke": "none"
+    },
+    {
+      "id": "new-pill-text",
+      "type": "text",
+      "x": 266,
+      "y": 206,
+      "text": "New",
+      "align": "center",
+      "valign": "middle",
+      "fontSize": 11,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 700,
+      "fill": "#ffffff"
+    },
+    {
+      "id": "s1a-sub",
+      "type": "text",
+      "x": 72,
+      "y": 234,
+      "text": "Real-time Collaboration",
+      "align": "left",
+      "valign": "top",
+      "fontSize": 16,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 600,
+      "fill": "#334155"
+    },
+    {
+      "id": "s1a-dot-0",
+      "type": "path",
+      "d": "M 78 270 A 3.5 3.5 0 1 1 78 270.01 Z",
+      "fill": "#2563eb",
+      "stroke": "none"
+    },
+    {
+      "id": "s1a-text-0",
+      "type": "text",
+      "x": 92,
+      "y": 262,
+      "text": "Multiple users can now edit the same document simultaneously\nwith live cursor presence and conflict-free merging.",
+      "align": "left",
+      "valign": "top",
+      "fontSize": 14,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 400,
+      "lineHeight": 1.65,
+      "fill": "#475569",
+      "maxWidth": 916
+    },
+    {
+      "id": "s1a-dot-1",
+      "type": "path",
+      "d": "M 78 330 A 3.5 3.5 0 1 1 78 330.01 Z",
+      "fill": "#2563eb",
+      "stroke": "none"
+    },
+    {
+      "id": "s1a-text-1",
+      "type": "text",
+      "x": 92,
+      "y": 322,
+      "text": "Inline comments and threads are synced in real time across\nall connected sessions without page reload.",
+      "align": "left",
+      "valign": "top",
+      "fontSize": 14,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 400,
+      "lineHeight": 1.65,
+      "fill": "#475569",
+      "maxWidth": 916
+    },
+    {
+      "id": "s1a-dot-2",
+      "type": "path",
+      "d": "M 78 390 A 3.5 3.5 0 1 1 78 390.01 Z",
+      "fill": "#2563eb",
+      "stroke": "none"
+    },
+    {
+      "id": "s1a-text-2",
+      "type": "text",
+      "x": 92,
+      "y": 382,
+      "text": "Permission scopes support viewer, commenter, and editor\nroles with granular per-section access control.",
+      "align": "left",
+      "valign": "top",
+      "fontSize": 14,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 400,
+      "lineHeight": 1.65,
+      "fill": "#475569",
+      "maxWidth": 916
+    },
+    {
+      "id": "s1b-sub",
+      "type": "text",
+      "x": 72,
+      "y": 458,
+      "text": "Export Pipeline",
+      "align": "left",
+      "valign": "top",
+      "fontSize": 16,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 600,
+      "fill": "#334155"
+    },
+    {
+      "id": "s1b-dot-0",
+      "type": "path",
+      "d": "M 78 494 A 3.5 3.5 0 1 1 78 494.01 Z",
+      "fill": "#2563eb",
+      "stroke": "none"
+    },
+    {
+      "id": "s1b-text-0",
+      "type": "text",
+      "x": 92,
+      "y": 486,
+      "text": "Added PDF and DOCX export targets with full styling\npreservation and embedded font support.",
+      "align": "left",
+      "valign": "top",
+      "fontSize": 14,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 400,
+      "lineHeight": 1.65,
+      "fill": "#475569",
+      "maxWidth": 916
+    },
+    {
+      "id": "s1b-dot-1",
+      "type": "path",
+      "d": "M 78 554 A 3.5 3.5 0 1 1 78 554.01 Z",
+      "fill": "#2563eb",
+      "stroke": "none"
+    },
+    {
+      "id": "s1b-text-1",
+      "type": "text",
+      "x": 92,
+      "y": 546,
+      "text": "Batch export now runs in parallel workers, reducing\nprocessing time by up to 4x on large document sets.",
+      "align": "left",
+      "valign": "top",
+      "fontSize": 14,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 400,
+      "lineHeight": 1.65,
+      "fill": "#475569",
+      "maxWidth": 916
+    },
+    {
+      "id": "s2-heading",
+      "type": "text",
+      "x": 72,
+      "y": 638,
+      "text": "Improvements",
+      "align": "left",
+      "valign": "top",
+      "fontSize": 24,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 700,
+      "fill": "#1e293b"
+    },
+    {
+      "id": "s2a-sub",
+      "type": "text",
+      "x": 72,
+      "y": 680,
+      "text": "Performance",
+      "align": "left",
+      "valign": "top",
+      "fontSize": 16,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 600,
+      "fill": "#334155"
+    },
+    {
+      "id": "s2a-dot-0",
+      "type": "path",
+      "d": "M 78 716 A 3.5 3.5 0 1 1 78 716.01 Z",
+      "fill": "#2563eb",
+      "stroke": "none"
+    },
+    {
+      "id": "s2a-text-0",
+      "type": "text",
+      "x": 92,
+      "y": 708,
+      "text": "Timeline resolution is now 3x faster due to a rewritten\ninterpolation engine with pre-compiled curve LUTs.",
+      "align": "left",
+      "valign": "top",
+      "fontSize": 14,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 400,
+      "lineHeight": 1.65,
+      "fill": "#475569",
+      "maxWidth": 916
+    },
+    {
+      "id": "s2a-dot-1",
+      "type": "path",
+      "d": "M 78 776 A 3.5 3.5 0 1 1 78 776.01 Z",
+      "fill": "#2563eb",
+      "stroke": "none"
+    },
+    {
+      "id": "s2a-text-1",
+      "type": "text",
+      "x": 92,
+      "y": 768,
+      "text": "Initial document load time reduced by 40% through\nlazy hydration of off-screen element groups.",
+      "align": "left",
+      "valign": "top",
+      "fontSize": 14,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 400,
+      "lineHeight": 1.65,
+      "fill": "#475569",
+      "maxWidth": 916
+    },
+    {
+      "id": "s2a-dot-2",
+      "type": "path",
+      "d": "M 78 836 A 3.5 3.5 0 1 1 78 836.01 Z",
+      "fill": "#2563eb",
+      "stroke": "none"
+    },
+    {
+      "id": "s2a-text-2",
+      "type": "text",
+      "x": 92,
+      "y": 828,
+      "text": "Memory usage during preview reduced by caching\nresolved frames and evicting stale entries on scroll.",
+      "align": "left",
+      "valign": "top",
+      "fontSize": 14,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 400,
+      "lineHeight": 1.65,
+      "fill": "#475569",
+      "maxWidth": 916
+    },
+    {
+      "id": "s2b-sub",
+      "type": "text",
+      "x": 72,
+      "y": 904,
+      "text": "Editor UX",
+      "align": "left",
+      "valign": "top",
+      "fontSize": 16,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 600,
+      "fill": "#334155"
+    },
+    {
+      "id": "s2b-dot-0",
+      "type": "path",
+      "d": "M 78 940 A 3.5 3.5 0 1 1 78 940.01 Z",
+      "fill": "#2563eb",
+      "stroke": "none"
+    },
+    {
+      "id": "s2b-text-0",
+      "type": "text",
+      "x": 92,
+      "y": 932,
+      "text": "Undo history now groups rapid sequential edits into\nsingle entries for cleaner rollback behavior.",
+      "align": "left",
+      "valign": "top",
+      "fontSize": 14,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 400,
+      "lineHeight": 1.65,
+      "fill": "#475569",
+      "maxWidth": 916
+    },
+    {
+      "id": "s2b-dot-1",
+      "type": "path",
+      "d": "M 78 1000 A 3.5 3.5 0 1 1 78 1000.01 Z",
+      "fill": "#2563eb",
+      "stroke": "none"
+    },
+    {
+      "id": "s2b-text-1",
+      "type": "text",
+      "x": 92,
+      "y": 992,
+      "text": "Keyboard shortcuts panel redesigned with searchable\ncategories and conflict detection warnings.",
+      "align": "left",
+      "valign": "top",
+      "fontSize": 14,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 400,
+      "lineHeight": 1.65,
+      "fill": "#475569",
+      "maxWidth": 916
+    },
+    {
+      "id": "s3-heading",
+      "type": "text",
+      "x": 72,
+      "y": 1084,
+      "text": "Bug Fixes",
+      "align": "left",
+      "valign": "top",
+      "fontSize": 24,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 700,
+      "fill": "#1e293b"
+    },
+    {
+      "id": "s3a-sub",
+      "type": "text",
+      "x": 72,
+      "y": 1126,
+      "text": "Rendering",
+      "align": "left",
+      "valign": "top",
+      "fontSize": 16,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 600,
+      "fill": "#334155"
+    },
+    {
+      "id": "s3a-dot-0",
+      "type": "path",
+      "d": "M 78 1162 A 3.5 3.5 0 1 1 78 1162.01 Z",
+      "fill": "#2563eb",
+      "stroke": "none"
+    },
+    {
+      "id": "s3a-text-0",
+      "type": "text",
+      "x": 92,
+      "y": 1154,
+      "text": "Fixed incorrect gradient interpolation when stop offsets\nwere defined in descending order.",
+      "align": "left",
+      "valign": "top",
+      "fontSize": 14,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 400,
+      "lineHeight": 1.65,
+      "fill": "#475569",
+      "maxWidth": 916
+    },
+    {
+      "id": "s3a-dot-1",
+      "type": "path",
+      "d": "M 78 1222 A 3.5 3.5 0 1 1 78 1222.01 Z",
+      "fill": "#2563eb",
+      "stroke": "none"
+    },
+    {
+      "id": "s3a-text-1",
+      "type": "text",
+      "x": 92,
+      "y": 1214,
+      "text": "Resolved clipping mask artifacts on group elements\nwith non-zero rotation and nested transforms.",
+      "align": "left",
+      "valign": "top",
+      "fontSize": 14,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 400,
+      "lineHeight": 1.65,
+      "fill": "#475569",
+      "maxWidth": 916
+    },
+    {
+      "id": "s3a-dot-2",
+      "type": "path",
+      "d": "M 78 1282 A 3.5 3.5 0 1 1 78 1282.01 Z",
+      "fill": "#2563eb",
+      "stroke": "none"
+    },
+    {
+      "id": "s3a-text-2",
+      "type": "text",
+      "x": 92,
+      "y": 1274,
+      "text": "Text elements with empty strings no longer produce\ninvalid SVG output during frame resolution.",
+      "align": "left",
+      "valign": "top",
+      "fontSize": 14,
+      "fontFamily": "Inter, system-ui, sans-serif",
+      "weight": 400,
+      "lineHeight": 1.65,
+      "fill": "#475569",
+      "maxWidth": 916
+    }
+  ]
+}

package/examples/settings-panel.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="960" height="1200" viewBox="0 0 960 1200" role="img"><rect x="0" y="0" width="960" height="1200" fill="#f8fafc"/><text id="panel-title" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="32" font-weight="700" fill="#0f172a"><tspan x="64" y="64">Settings</tspan></text><text id="panel-desc" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="14" font-weight="400" fill="#64748b"><tspan x="64" y="103">Manage your account preferences and application configuration.</tspan></text><text id="display-name-label" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="14" font-weight="500" fill="#334155"><tspan x="88" y="211">Display Name</tspan></text><text id="display-name-helper" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="12" font-weight="400" fill="#64748b"><tspan x="88" y="232">Your public-facing name shown across the application.</tspan></text><path id="display-name-input-bg" d="M 94 250 L 866 250 Q 872 250 872 256 L 872 282 Q 872 288 866 288 L 94 288 Q 88 288 88 282 L 88 256 Q 88 250 94 250 Z" fill="#ffffff" stroke="#cbd5e1" stroke-width="1"/><text id="display-name-placeholder" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="13" font-weight="400" fill="#94a3b8"><tspan x="100" y="269">Jane Doe</tspan></text><text id="email-label" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="14" font-weight="500" fill="#334155"><tspan x="88" y="319">Email Address</tspan></text><text id="email-helper" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="12" font-weight="400" fill="#64748b"><tspan x="88" y="340">Used for notifications and account recovery.</tspan></text><path id="email-input-bg" d="M 94 358 L 866 358 Q 872 358 872 364 L 872 390 Q 872 396 866 396 L 94 396 Q 88 396 88 390 L 88 364 Q 88 358 94 358 Z" fill="#ffffff" stroke="#cbd5e1" stroke-width="1"/><text id="email-placeholder" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="13" font-weight="400" fill="#94a3b8"><tspan x="100" y="377">jane@example.com</tspan></text><path id="profile-card" d="M 74 136 L 886 136 Q 896 136 896 146 L 896 410 Q 896 420 886 420 L 74 420 Q 64 420 64 410 L 64 146 Q 64 136 74 136 Z" fill="#ffffff" stroke="#e2e8f0" stroke-width="1"/><text id="profile-title" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="18" font-weight="600" fill="#1e293b"><tspan x="88" y="163">Profile</tspan></text><path id="profile-div" d="M 64 180 L 896 180" fill="none" stroke="#e2e8f0" stroke-width="1"/><text id="email-notif-label" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="14" font-weight="500" fill="#334155"><tspan x="88" y="527">Email Notifications</tspan></text><path id="email-notif-track" d="M 843 518 L 861 518 Q 872 518 872 529 L 872 529 Q 872 540 861 540 L 843 540 Q 832 540 832 529 L 832 529 Q 832 518 843 518 Z" fill="#2563eb" stroke="none" stroke-width="0"/><path id="email-notif-knob" d="M 861 521 A 8 8 0 1 1 861 537 A 8 8 0 1 1 861 521 Z" fill="#ffffff" stroke="none" stroke-width="0"/><text id="email-notif-helper" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="12" font-weight="400" fill="#64748b"><tspan x="88" y="548">Receive updates about activity in your projects.</tspan></text><text id="marketing-label" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="14" font-weight="500" fill="#334155"><tspan x="88" y="593">Marketing Emails</tspan></text><path id="marketing-track" d="M 843 584 L 861 584 Q 872 584 872 595 L 872 595 Q 872 606 861 606 L 843 606 Q 832 606 832 595 L 832 595 Q 832 584 843 584 Z" fill="#d1d5db" stroke="none" stroke-width="0"/><path id="marketing-knob" d="M 843 587 A 8 8 0 1 1 843 603 A 8 8 0 1 1 843 587 Z" fill="#ffffff" stroke="none" stroke-width="0"/><text id="marketing-helper" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="12" font-weight="400" fill="#64748b"><tspan x="88" y="614">Occasional product announcements and feature previews.</tspan></text><text id="slack-label" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="14" font-weight="500" fill="#334155"><tspan x="88" y="659">Slack Integration</tspan></text><path id="slack-track" d="M 843 650 L 861 650 Q 872 650 872 661 L 872 661 Q 872 672 861 672 L 843 672 Q 832 672 832 661 L 832 661 Q 832 650 843 650 Z" fill="#2563eb" stroke="none" stroke-width="0"/><path id="slack-knob" d="M 861 653 A 8 8 0 1 1 861 669 A 8 8 0 1 1 861 653 Z" fill="#ffffff" stroke="none" stroke-width="0"/><text id="slack-helper" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="12" font-weight="400" fill="#64748b"><tspan x="88" y="680">Push real-time alerts to your connected Slack workspace.</tspan></text><path id="notif-card" d="M 74 452 L 886 452 Q 896 452 896 462 L 896 708 Q 896 718 886 718 L 74 718 Q 64 718 64 708 L 64 462 Q 64 452 74 452 Z" fill="#ffffff" stroke="#e2e8f0" stroke-width="1"/><text id="notif-title" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="18" font-weight="600" fill="#1e293b"><tspan x="88" y="479">Notifications</tspan></text><path id="notif-div" d="M 64 496 L 896 496" fill="none" stroke="#e2e8f0" stroke-width="1"/><text id="twofa-label" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="14" font-weight="500" fill="#334155"><tspan x="88" y="825">Two-Factor Authentication</tspan></text><path id="twofa-track" d="M 843 816 L 861 816 Q 872 816 872 827 L 872 827 Q 872 838 861 838 L 843 838 Q 832 838 832 827 L 832 827 Q 832 816 843 816 Z" fill="#2563eb" stroke="none" stroke-width="0"/><path id="twofa-knob" d="M 861 819 A 8 8 0 1 1 861 835 A 8 8 0 1 1 861 819 Z" fill="#ffffff" stroke="none" stroke-width="0"/><text id="twofa-helper" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="12" font-weight="400" fill="#64748b"><tspan x="88" y="846">Adds an extra layer of protection to your account.</tspan></text><text id="session-label" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="14" font-weight="500" fill="#334155"><tspan x="88" y="891">Session Timeout</tspan></text><text id="session-helper" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="12" font-weight="400" fill="#64748b"><tspan x="88" y="912">Automatically log out after this period of inactivity.</tspan></text><path id="session-input-bg" d="M 94 930 L 866 930 Q 872 930 872 936 L 872 962 Q 872 968 866 968 L 94 968 Q 88 968 88 962 L 88 936 Q 88 930 94 930 Z" fill="#ffffff" stroke="#cbd5e1" stroke-width="1"/><text id="session-placeholder" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="13" font-weight="400" fill="#94a3b8"><tspan x="100" y="949">30 minutes</tspan></text><path id="security-warn-bg" d="M 94 992 L 866 992 Q 872 992 872 998 L 872 1050 Q 872 1056 866 1056 L 94 1056 Q 88 1056 88 1050 L 88 998 Q 88 992 94 992 Z" fill="#fef3c7" stroke="#f59e0b" stroke-width="1"/><text id="security-warn-icon" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="14" font-weight="400" fill="#92400e"><tspan x="102" y="1011">⚠</tspan></text><text id="security-warn-text" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="12" font-weight="400" fill="#92400e"><tspan x="124" y="1011">Disabling 2FA will immediately remove the second factor from</tspan><tspan x="124" y="1030.8">your account. You will not be prompted again until re-enabled.</tspan></text><path id="security-card" d="M 74 750 L 886 750 Q 896 750 896 760 L 896 1070 Q 896 1080 886 1080 L 74 1080 Q 64 1080 64 1070 L 64 760 Q 64 750 74 750 Z" fill="#ffffff" stroke="#e2e8f0" stroke-width="1"/><text id="security-title" text-anchor="start" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="18" font-weight="600" fill="#1e293b"><tspan x="88" y="777">Security</tspan></text><path id="security-div" d="M 64 794 L 896 794" fill="none" stroke="#e2e8f0" stroke-width="1"/><path id="btn-reset-bg" d="M 72 1120 L 156 1120 Q 164 1120 164 1128 L 164 1154 Q 164 1162 156 1162 L 72 1162 Q 64 1162 64 1154 L 64 1128 Q 64 1120 72 1120 Z" fill="#ffffff" stroke="#cbd5e1" stroke-width="1"/><text id="btn-reset-label" text-anchor="middle" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="14" font-weight="500" fill="#475569"><tspan x="114" y="1141">Reset</tspan></text><path id="btn-save-bg" d="M 188 1120 L 292 1120 Q 300 1120 300 1128 L 300 1154 Q 300 1162 292 1162 L 188 1162 Q 180 1162 180 1154 L 180 1128 Q 180 1120 188 1120 Z" fill="#2563eb" stroke="none" stroke-width="0"/><text id="btn-save-label" text-anchor="middle" dominant-baseline="middle" font-family="Roboto, Arial, sans-serif" font-size="14" font-weight="600" fill="#ffffff"><tspan x="240" y="1141">Save Changes</tspan></text></svg>