agentic-mermaid 0.1.0 → 0.1.2

package/docs/layout-characterization/visual-snapshots/flowchart.svg

@@ -1,58 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 279.6835 434.582" width="279.6835" height="434.582" style="--bg:#FFFFFF;--fg:#27272A;--font:Inter;background:#FFFFFF">
-<style>
-  text { font-family: var(--font, 'Inter'), system-ui, sans-serif; }
-  svg {
-    /* Derived from --bg and --fg (overridable via --line, --accent, etc.) */
-    --_text:          #27272A;
-    --_text-sec:      #575759;
-    --_text-muted:    #707072;
-    --_text-faint:    #8a8a8c;
-    --_line:          #939395;
-    --_arrow:         #47474a;
-    --_node-fill:     #f9f9f9;
-    --_node-stroke:   #d4d4d4;
-    --_group-fill:    #FFFFFF;
-    --_group-hdr:     #f4f4f4;
-    --_inner-stroke:  #e5e5e5;
-    --_key-badge:     #e9e9ea;
-  }
-</style>
-<defs>
-  <marker id="char-flowchart-arrowhead" markerWidth="8" markerHeight="5" refX="7" refY="2.5" orient="auto">
-    <polygon points="0 0, 8 2.5, 0 5" fill="#47474a" stroke="#47474a" stroke-width="0.75" stroke-linejoin="round" />
-  </marker>
-  <marker id="char-flowchart-arrowhead-start" markerWidth="8" markerHeight="5" refX="7" refY="2.5" orient="auto-start-reverse">
-    <polygon points="0 0, 8 2.5, 0 5" fill="#47474a" stroke="#47474a" stroke-width="0.75" stroke-linejoin="round" />
-  </marker>
-</defs>
-<polyline class="edge" data-from="Start" data-to="Check" data-style="solid" data-arrow-start="false" data-arrow-end="true" data-marker-end="arrow" points="127.44250000000001,76.9 127.44250000000001,124.9" fill="none" stroke="#939395" stroke-width="1" marker-end="url(#char-flowchart-arrowhead)" />
-<polyline class="edge" data-from="Check" data-to="Done" data-style="solid" data-arrow-start="false" data-arrow-end="true" data-marker-end="arrow" data-label="yes" points="75.20150000000001,177.14100000000002 75.20150000000001,345.682" fill="none" stroke="#939395" stroke-width="1" marker-end="url(#char-flowchart-arrowhead)" />
-<polyline class="edge" data-from="Check" data-to="Retry" data-style="solid" data-arrow-start="false" data-arrow-end="true" data-marker-end="arrow" data-label="no" points="179.6835,177.14100000000002 179.68350000000004,345.682" fill="none" stroke="#939395" stroke-width="1" marker-end="url(#char-flowchart-arrowhead)" />
-<polyline class="edge" data-from="Retry" data-to="Check" data-style="solid" data-arrow-start="false" data-arrow-end="true" data-marker-end="arrow" points="158.04500000000002,345.682 158.04500000000002,198.7795" fill="none" stroke="#939395" stroke-width="1" marker-end="url(#char-flowchart-arrowhead)" />
-<g class="edge-label" data-from="Check" data-to="Done" data-label="yes">
-  <rect class="edge-label-halo" x="53.46650000000001" y="268.382" width="43.47" height="38.3" rx="4" ry="4" fill="#FFFFFF" stroke="none" />
-  <rect x="57.46650000000001" y="272.382" width="35.47" height="30.3" rx="2" ry="2" fill="#FFFFFF" stroke="#e5e5e5" stroke-width="1" />
-  <text x="75.20150000000001" y="287.532" text-anchor="middle" font-size="11" font-weight="400" fill="#575759" dy="3.8499999999999996">yes</text>
-</g>
-<g class="edge-label" data-from="Check" data-to="Retry" data-label="no">
-  <rect class="edge-label-halo" x="160.9185" y="268.382" width="37.53" height="38.3" rx="4" ry="4" fill="#FFFFFF" stroke="none" />
-  <rect x="164.9185" y="272.382" width="29.53" height="30.3" rx="2" ry="2" fill="#FFFFFF" stroke="#e5e5e5" stroke-width="1" />
-  <text x="179.6835" y="287.532" text-anchor="middle" font-size="11" font-weight="400" fill="#575759" dy="3.8499999999999996">no</text>
-</g>
-<g class="node" data-id="Start" data-label="Start" data-shape="rectangle">
-  <rect x="92.38850000000001" y="40" width="70.108" height="36.900000000000006" rx="0" ry="0" fill="#f9f9f9" stroke="#d4d4d4" stroke-width="0.75" />
-  <text x="127.44250000000001" y="58.45" text-anchor="middle" font-size="13" font-weight="500" fill="#27272A" dy="4.55">Start</text>
-</g>
-<g class="node" data-id="Check" data-label="Check" data-shape="diamond">
-  <polygon points="127.44250000000001,124.90000000000002 179.6835,177.14100000000002 127.44250000000001,229.382 75.20150000000001,177.14100000000002" fill="#f9f9f9" stroke="#d4d4d4" stroke-width="0.75" />
-  <text x="127.44250000000001" y="177.14100000000002" text-anchor="middle" font-size="13" font-weight="500" fill="#27272A" dy="4.55">Check</text>
-</g>
-<g class="node" data-id="Done" data-label="Done" data-shape="rectangle">
-  <rect x="38.66550000000001" y="345.682" width="73.072" height="36.900000000000006" rx="0" ry="0" fill="#f9f9f9" stroke="#d4d4d4" stroke-width="0.75" />
-  <text x="75.20150000000001" y="364.132" text-anchor="middle" font-size="13" font-weight="500" fill="#27272A" dy="4.55">Done</text>
-</g>
-<g class="node" data-id="Retry" data-label="Retry" data-shape="rectangle">
-  <rect x="142.40650000000002" y="345.682" width="74.554" height="36.900000000000006" rx="0" ry="0" fill="#f9f9f9" stroke="#d4d4d4" stroke-width="0.75" />
-  <text x="179.68350000000004" y="364.132" text-anchor="middle" font-size="13" font-weight="500" fill="#27272A" dy="4.55">Retry</text>
-</g>
-</svg>

package/docs/layout-characterization/visual-snapshots/gantt.svg

@@ -1,52 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 703 282" width="703" height="282" style="--bg:#FFFFFF;--fg:#27272A;--font:Inter;background:#FFFFFF">
-<style>
-  text { font-family: var(--font, 'Inter'), system-ui, sans-serif; }
-  svg {
-    /* Derived from --bg and --fg (overridable via --line, --accent, etc.) */
-    --_text:          #27272A;
-    --_text-sec:      #575759;
-    --_text-muted:    #707072;
-    --_text-faint:    #8a8a8c;
-    --_line:          #939395;
-    --_arrow:         #47474a;
-    --_node-fill:     #f9f9f9;
-    --_node-stroke:   #d4d4d4;
-    --_group-fill:    #FFFFFF;
-    --_group-hdr:     #f4f4f4;
-    --_inner-stroke:  #e5e5e5;
-    --_key-badge:     #e9e9ea;
-  }
-</style>
-<style>
-  .gantt-section-band { fill: #27272A; opacity: 0.07; }
-  .gantt-grid-line { stroke: #27272A; stroke-width: 1; opacity: 0.45; }
-  .gantt-bar { fill: #27272A; stroke: none; opacity: 0.92; }
-  .gantt-bar-active { fill: #27272A; stroke: #27272A; stroke-width: 1.5; opacity: 1; }
-  .gantt-bar-done { fill: #27272A; opacity: 0.55; }
-  .gantt-bar-crit { fill: #27272A; stroke: #27272A; stroke-width: 1.5; opacity: 0.95; }
-  .gantt-milestone { fill: #27272A; stroke: #27272A; stroke-width: 1; }
-  .gantt-milestone-crit { fill: #27272A; stroke: #27272A; stroke-width: 1.5; }
-  .gantt-vert-marker { stroke: #27272A; stroke-width: 2; stroke-dasharray: 6 3; }
-  .gantt-today-marker { stroke: #27272A; stroke-width: 2; stroke-dasharray: 4 3; }
-  .gantt-title { fill: #27272A; }
-  .gantt-section-label { fill: #27272A; }
-  .gantt-task-label { fill: #27272A; }
-  .gantt-axis-label { fill: #27272A; }
-</style>
-<rect class="gantt-section-band" x="87" y="50" width="600" height="90" />
-<line class="gantt-grid-line" x1="487" y1="50" x2="487" y2="242" />
-<text class="gantt-axis-label" x="487" y="254" text-anchor="middle" dominant-baseline="middle" font-size="11" font-weight="500">Jan 07</text>
-<text class="gantt-section-label" x="8" y="65" text-anchor="start" dominant-baseline="middle" font-size="13" font-weight="600">Build</text>
-<text class="gantt-section-label" x="8" y="161" text-anchor="start" dominant-baseline="middle" font-size="13" font-weight="600">Ship</text>
-<text class="gantt-task-label" x="16" y="91" text-anchor="start" dominant-baseline="middle" font-size="13" font-weight="500">Spec</text>
-<text class="gantt-task-label" x="16" y="121" text-anchor="start" dominant-baseline="middle" font-size="13" font-weight="500">Implement</text>
-<text class="gantt-task-label" x="16" y="187" text-anchor="start" dominant-baseline="middle" font-size="13" font-weight="500">QA</text>
-<text class="gantt-task-label" x="16" y="217" text-anchor="start" dominant-baseline="middle" font-size="13" font-weight="500">Launch</text>
-<rect class="gantt-bar gantt-bar-done" x="87" y="80" width="133.33" height="22" rx="3" ry="3" data-task="spec" />
-<rect class="gantt-bar gantt-bar-active" x="220.33" y="110" width="200" height="22" rx="3" ry="3" data-task="impl" />
-<rect class="gantt-bar gantt-bar-crit" x="420.33" y="176" width="266.67" height="22" rx="3" ry="3" data-task="qa" />
-<path class="gantt-milestone" d="M 676 206 L 687 217 L 676 228 L 665 217 Z" data-task="launch" />
-<line class="gantt-vert-marker" x1="687" y1="50" x2="687" y2="242" />
-<text class="gantt-axis-label" x="687" y="42" text-anchor="middle" dominant-baseline="middle" font-size="11" font-weight="600">Release line</text>
-<text class="gantt-title" x="351.5" y="18" text-anchor="middle" dominant-baseline="middle" font-size="17" font-weight="600">Launch plan</text>
-</svg>

package/docs/layout-characterization/visual-snapshots/journey.svg

@@ -1,118 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 528 518.3" width="528" height="518.3" style="--bg:#FFFFFF;--fg:#27272A;--font:Inter;background:#FFFFFF" role="img" aria-roledescription="user journey" aria-labelledby="char-journey-journey-10gr4c1-title">
-<title id="char-journey-journey-10gr4c1-title">Checkout</title>
-<style>
-  text { font-family: var(--font, 'Inter'), system-ui, sans-serif; }
-  svg {
-    /* Derived from --bg and --fg (overridable via --line, --accent, etc.) */
-    --_text:          #27272A;
-    --_text-sec:      #575759;
-    --_text-muted:    #707072;
-    --_text-faint:    #8a8a8c;
-    --_line:          #939395;
-    --_arrow:         #47474a;
-    --_node-fill:     #f9f9f9;
-    --_node-stroke:   #d4d4d4;
-    --_group-fill:    #FFFFFF;
-    --_group-hdr:     #f4f4f4;
-    --_inner-stroke:  #e5e5e5;
-    --_key-badge:     #e9e9ea;
-  }
-</style>
-<defs>
-  <marker id="char-journey-journey-10gr4c1-arrowhead" markerWidth="10" markerHeight="8" refX="9" refY="4" orient="auto">
-    <path d="M0,0 L10,4 L0,8 Z" fill="#47474a" />
-  </marker>
-</defs>
-<style>
-  .journey-title { fill: #27272A; }
-  .journey-section-bg { fill: #f0f0f1; stroke: #d4d4d4; stroke-width: 1; }
-  .journey-section-0 { fill: #f0f0f1; stroke: #b2b2b3; }
-  .journey-section-1 { fill: #ecedf4; stroke: #adb2d3; }
-  .journey-section-2 { fill: #f5f3fb; stroke: #d3ccf0; }
-  .journey-section-3 { fill: #ebecf1; stroke: #a9b0c4; }
-  .journey-section-4 { fill: #f9f7fd; stroke: #e6dcf5; }
-  .journey-section-5 { fill: #ebedf1; stroke: #a9b4c4; }
-  .journey-section-label-band { fill: #e5e5e6; stroke: none; }
-  .journey-section-band-0 { fill: #e5e5e6; }
-  .journey-section-band-1 { fill: #dddfec; }
-  .journey-section-band-2 { fill: #edeaf9; }
-  .journey-section-band-3 { fill: #dbdee6; }
-  .journey-section-band-4 { fill: #f5f0fb; }
-  .journey-section-band-5 { fill: #dbdfe6; }
-  .journey-section-label { fill: #27272A; }
-  .journey-section-label-0 { fill: #27272A; }
-  .journey-section-label-1 { fill: #27272A; }
-  .journey-section-label-2 { fill: #27272A; }
-  .journey-section-label-3 { fill: #27272A; }
-  .journey-section-label-4 { fill: #27272A; }
-  .journey-section-label-5 { fill: #27272A; }
-  .journey-task-box { fill: #f9f9f9; stroke: #d4d4d4; stroke-width: 1; }
-  .journey-task-text { fill: #27272A; }
-  .journey-track { stroke: #dddddd; stroke-width: 1; stroke-dasharray: 4 7; }
-  .journey-guide { stroke: #e4e4e4; stroke-width: 1; }
-  .journey-score-label { fill: #575759; }
-  .journey-baseline { stroke: #47474a; stroke-width: 2; }
-  .journey-score-face { fill: #d7d7d7; stroke: #47474a; stroke-width: 1.2; }
-  .journey-face-eye { fill: #27272A; }
-  .journey-face-mouth { fill: none; stroke: #27272A; stroke-width: 1.6; stroke-linecap: round; }
-  .journey-actor-legend-title { fill: #575759; }
-  .journey-actor-legend-text { fill: #575759; }
-  .journey-actor-dot { stroke: #FFFFFF; stroke-width: 1; }
-  .journey-actor-0 { fill: #47474a; }
-  .journey-actor-1 { fill: #28358a; }
-  .journey-actor-2 { fill: #8c79d8; }
-  .journey-actor-3 { fill: #1d2f63; }
-  .journey-actor-4 { fill: #bea4e5; }
-  .journey-actor-5 { fill: #1d3963; }
-  .journey-actor-6 { fill: #cda8e6; }
-  .journey-actor-7 { fill: #1d4263; }
-</style>
-<g class="journey-score-guide" data-score-min="1" data-score-max="5">
-  <line class="journey-guide" x1="176" y1="256.3" x2="496" y2="256.3" />
-  <text x="164" y="256.3" class="journey-score-label" text-anchor="end" font-size="11" font-weight="600" dy="3.8499999999999996">5</text>
-  <line class="journey-guide" x1="176" y1="296.3" x2="496" y2="296.3" />
-  <text x="164" y="296.3" class="journey-score-label" text-anchor="end" font-size="11" font-weight="600" dy="3.8499999999999996">4</text>
-  <line class="journey-guide" x1="176" y1="336.3" x2="496" y2="336.3" />
-  <text x="164" y="336.3" class="journey-score-label" text-anchor="end" font-size="11" font-weight="600" dy="3.8499999999999996">3</text>
-  <line class="journey-guide" x1="176" y1="376.3" x2="496" y2="376.3" />
-  <text x="164" y="376.3" class="journey-score-label" text-anchor="end" font-size="11" font-weight="600" dy="3.8499999999999996">2</text>
-  <line class="journey-guide" x1="176" y1="416.3" x2="496" y2="416.3" />
-  <text x="164" y="416.3" class="journey-score-label" text-anchor="end" font-size="11" font-weight="600" dy="3.8499999999999996">1</text>
-  <line class="journey-baseline" x1="176" y1="474.3" x2="496" y2="474.3" marker-end="url(#char-journey-journey-10gr4c1-arrowhead)" />
-</g>
-<g class="journey-actor-legend">
-  <text x="32" y="118.4" class="journey-actor-legend-title" text-anchor="start" font-size="12" font-weight="600" dy="4.199999999999999">Actors</text>
-  <circle class="journey-actor-dot journey-actor-0" data-actor="Shopper" cx="37" cy="144.4" r="5" />
-  <text x="54" y="144.4" class="journey-actor-legend-text" text-anchor="start" font-size="11" font-weight="600" dy="3.8499999999999996">Shopper</text>
-</g>
-<g class="journey-section" data-id="section-0" data-label="Cart">
-  <rect class="journey-section-bg journey-section-0" x="166" y="73.4" width="294" height="36" rx="6" ry="6" />
-  <rect class="journey-section-label-band journey-section-band-0" x="172" y="80.4" width="282" height="22" rx="6" ry="6" />
-  <text x="313" y="91.4" class="journey-section-label journey-section-label-0" text-anchor="middle" font-size="12" font-weight="600" dy="4.199999999999999">Cart</text>
-</g>
-<g class="journey-task" data-id="task-0" data-score="4" data-section="Cart" data-actors="Shopper">
-  <line class="journey-track" x1="238" y1="200.3" x2="238" y2="474.3" />
-  <rect class="journey-task-box" x="176" y="139.4" width="124" height="60.900000000000006" rx="5" ry="5" />
-  <text x="238" y="159.85" class="journey-task-text" text-anchor="middle" font-size="13" font-weight="500" dy="4.55">Review basket</text>
-  <circle class="journey-actor-dot journey-actor-0" data-actor="Shopper" cx="238" cy="184.3" r="4" />
-  <g class="journey-score-marker" data-score="4">
-    <circle class="journey-score-face" cx="238" cy="296.3" r="16" />
-    <circle class="journey-face-eye" cx="232.5" cy="291.8" r="2" />
-    <circle class="journey-face-eye" cx="243.5" cy="291.8" r="2" />
-    <path class="journey-face-mouth" d="M230,301.3 Q238,307.3 246,301.3" />
-  </g>
-</g>
-<g class="journey-task" data-id="task-1" data-score="5" data-section="Cart" data-actors="Shopper">
-  <line class="journey-track" x1="388" y1="200.3" x2="388" y2="474.3" />
-  <rect class="journey-task-box" x="326" y="139.4" width="124" height="60.900000000000006" rx="5" ry="5" />
-  <text x="388" y="159.85" class="journey-task-text" text-anchor="middle" font-size="13" font-weight="500" dy="4.55">Pay</text>
-  <circle class="journey-actor-dot journey-actor-0" data-actor="Shopper" cx="388" cy="184.3" r="4" />
-  <g class="journey-score-marker" data-score="5">
-    <circle class="journey-score-face" cx="388" cy="256.3" r="16" />
-    <circle class="journey-face-eye" cx="382.5" cy="251.8" r="2" />
-    <circle class="journey-face-eye" cx="393.5" cy="251.8" r="2" />
-    <path class="journey-face-mouth" d="M380,260.3 Q388,269.3 396,260.3" />
-  </g>
-</g>
-<text x="264" y="39.7" class="journey-title" text-anchor="middle" font-size="18" font-weight="600" dy="6.3">Checkout</text>
-</svg>

package/docs/layout-characterization/visual-snapshots/pie.svg

@@ -1,36 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 368.79 276" width="368.79" height="276" style="--bg:#FFFFFF;--fg:#27272A;--font:Inter;background:#FFFFFF" role="img" aria-roledescription="pie chart">
-<style>
-  text { font-family: var(--font, 'Inter'), system-ui, sans-serif; }
-  svg {
-    /* Derived from --bg and --fg (overridable via --line, --accent, etc.) */
-    --_text:          #27272A;
-    --_text-sec:      #575759;
-    --_text-muted:    #707072;
-    --_text-faint:    #8a8a8c;
-    --_line:          #939395;
-    --_arrow:         #47474a;
-    --_node-fill:     #f9f9f9;
-    --_node-stroke:   #d4d4d4;
-    --_group-fill:    #FFFFFF;
-    --_group-hdr:     #f4f4f4;
-    --_inner-stroke:  #e5e5e5;
-    --_key-badge:     #e9e9ea;
-  }
-</style>
-<style>
-  .pie-slice { stroke: #FFFFFF; stroke-width: 1.5; }
-  .pie-legend-swatch { stroke: #d4d4d4; stroke-width: 1; }
-  .pie-legend-text { fill: #27272A; }
-  .pie-title { fill: #27272A; }
-</style>
-<path class="pie-slice" d="M 119 157 L 119 62 A 95 95 0 0 1 201.27 204.5 Z" fill="#3b82f6" data-label="Cats" data-value="4" data-percent="33.3%" />
-<path class="pie-slice" d="M 119 157 L 201.27 204.5 A 95 95 0 0 1 36.73 109.5 Z" fill="#0d5ba5" data-label="Dogs" data-value="6" data-percent="50.0%" />
-<path class="pie-slice" d="M 119 157 L 36.73 109.5 A 95 95 0 0 1 119 62 Z" fill="#5f79f2" data-label="Birds" data-value="2" data-percent="16.7%" />
-<rect class="pie-legend-swatch" x="246" y="128" width="14" height="14" rx="2" ry="2" fill="#3b82f6" />
-<text x="268" y="135" class="pie-legend-text" text-anchor="start" dominant-baseline="middle" font-size="13" font-weight="500" dy="4.55">Cats (33.3%)</text>
-<rect class="pie-legend-swatch" x="246" y="150" width="14" height="14" rx="2" ry="2" fill="#0d5ba5" />
-<text x="268" y="157" class="pie-legend-text" text-anchor="start" dominant-baseline="middle" font-size="13" font-weight="500" dy="4.55">Dogs (50.0%)</text>
-<rect class="pie-legend-swatch" x="246" y="172" width="14" height="14" rx="2" ry="2" fill="#5f79f2" />
-<text x="268" y="179" class="pie-legend-text" text-anchor="start" dominant-baseline="middle" font-size="13" font-weight="500" dy="4.55">Birds (16.7%)</text>
-<text x="184.4" y="33" class="pie-title" text-anchor="middle" dominant-baseline="middle" font-size="18" font-weight="600" dy="6.3">Pets</text>
-</svg>

package/docs/layout-characterization/visual-snapshots/quadrant.svg

@@ -1,47 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 456 492" width="456" height="492" style="--bg:#FFFFFF;--fg:#27272A;--font:Inter;background:#FFFFFF" role="img" aria-roledescription="quadrant chart">
-<style>
-  text { font-family: var(--font, 'Inter'), system-ui, sans-serif; }
-  svg {
-    /* Derived from --bg and --fg (overridable via --line, --accent, etc.) */
-    --_text:          #27272A;
-    --_text-sec:      #575759;
-    --_text-muted:    #707072;
-    --_text-faint:    #8a8a8c;
-    --_line:          #939395;
-    --_arrow:         #47474a;
-    --_node-fill:     #f9f9f9;
-    --_node-stroke:   #d4d4d4;
-    --_group-fill:    #FFFFFF;
-    --_group-hdr:     #f4f4f4;
-    --_inner-stroke:  #e5e5e5;
-    --_key-badge:     #e9e9ea;
-  }
-</style>
-<style>
-  .quadrant-region { stroke: none; }
-  .quadrant-divider { stroke: #939395; stroke-width: 1; }
-  .quadrant-border { stroke: #d4d4d4; stroke-width: 2; }
-  .quadrant-label { fill: #575759; }
-  .quadrant-point { fill: #47474a; stroke: #FFFFFF; stroke-width: 1; }
-  .quadrant-point-label { fill: #27272A; }
-  .quadrant-axis-label { fill: #707072; }
-  .quadrant-title { fill: #27272A; }
-</style>
-<rect class="quadrant-region" x="52" y="60" width="190" height="190" fill="#f6f6f6" data-quadrant="2" />
-<rect class="quadrant-region" x="242" y="60" width="190" height="190" fill="#ededed" data-quadrant="1" />
-<rect class="quadrant-region" x="52" y="250" width="190" height="190" fill="#ededed" data-quadrant="3" />
-<rect class="quadrant-region" x="242" y="250" width="190" height="190" fill="#f6f6f6" data-quadrant="4" />
-<line class="quadrant-divider" x1="242" y1="60" x2="242" y2="440" />
-<line class="quadrant-divider" x1="52" y1="250" x2="432" y2="250" />
-<rect class="quadrant-border" x="52" y="60" width="380" height="380" fill="none" />
-<text x="337" y="155" class="quadrant-label" text-anchor="middle" dominant-baseline="middle" font-size="15" font-weight="600" dy="5.25">Invest</text>
-<circle class="quadrant-point" cx="318" cy="136" r="6" data-label="A" data-x="0.7" data-y="0.8" />
-<text x="328" y="136" class="quadrant-point-label" text-anchor="start" dominant-baseline="middle" font-size="12" font-weight="500" dy="4.199999999999999">A</text>
-<circle class="quadrant-point" cx="166" cy="288" r="6" data-label="B" data-x="0.3" data-y="0.4" />
-<text x="176" y="288" class="quadrant-point-label" text-anchor="start" dominant-baseline="middle" font-size="12" font-weight="500" dy="4.199999999999999">B</text>
-<text class="quadrant-axis-label" x="56" y="457" text-anchor="start" font-size="13" font-weight="500">Low</text>
-<text class="quadrant-axis-label" x="428" y="457" text-anchor="end" font-size="13" font-weight="500">High</text>
-<text class="quadrant-axis-label" x="37" y="436" text-anchor="start" font-size="13" font-weight="500" transform="rotate(-90 37 436)">Risk</text>
-<text class="quadrant-axis-label" x="37" y="64" text-anchor="end" font-size="13" font-weight="500" transform="rotate(-90 37 64)">Reward</text>
-<text x="242" y="33" class="quadrant-title" text-anchor="middle" dominant-baseline="middle" font-size="18" font-weight="600" dy="6.3">Priorities</text>
-</svg>

package/docs/layout-characterization/visual-snapshots/sequence.svg

@@ -1,59 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 420 280" width="420" height="280" style="--bg:#FFFFFF;--fg:#27272A;--font:Inter;background:#FFFFFF">
-<style>
-  text { font-family: var(--font, 'Inter'), system-ui, sans-serif; }
-  svg {
-    /* Derived from --bg and --fg (overridable via --line, --accent, etc.) */
-    --_text:          #27272A;
-    --_text-sec:      #575759;
-    --_text-muted:    #707072;
-    --_text-faint:    #8a8a8c;
-    --_line:          #939395;
-    --_arrow:         #47474a;
-    --_node-fill:     #f9f9f9;
-    --_node-stroke:   #d4d4d4;
-    --_group-fill:    #FFFFFF;
-    --_group-hdr:     #f4f4f4;
-    --_inner-stroke:  #e5e5e5;
-    --_key-badge:     #e9e9ea;
-  }
-</style>
-<defs>
-  <marker id="char-sequence-seq-arrow" markerWidth="8" markerHeight="5" refX="8" refY="2.5" orient="auto-start-reverse">
-    <polygon points="0 0, 8 2.5, 0 5" fill="#47474a" />
-  </marker>
-  <marker id="char-sequence-seq-arrow-open" markerWidth="8" markerHeight="5" refX="8" refY="2.5" orient="auto-start-reverse">
-    <polyline points="0 0, 8 2.5, 0 5" fill="none" stroke="#47474a" stroke-width="1" />
-  </marker>
-</defs>
-<line class="lifeline" data-actor="Alice" x1="70" y1="70" x2="70" y2="250" stroke="#939395" stroke-width="0.75" stroke-dasharray="6 4" />
-<line class="lifeline" data-actor="Bob" x1="210" y1="70" x2="210" y2="250" stroke="#939395" stroke-width="0.75" stroke-dasharray="6 4" />
-<line class="lifeline" data-actor="DB" x1="350" y1="70" x2="350" y2="250" stroke="#939395" stroke-width="0.75" stroke-dasharray="6 4" />
-<g class="message" data-from="Alice" data-to="Bob" data-label="Request" data-line-style="solid" data-arrow-head="filled" data-self="false">
-  <line x1="70" y1="90" x2="210" y2="90" stroke="#939395" stroke-width="1" marker-end="url(#char-sequence-seq-arrow)" />
-  <text x="140" y="80" font-size="11" text-anchor="middle" font-weight="400" fill="#707072" dy="3.8499999999999996">Request</text>
-</g>
-<g class="message" data-from="Bob" data-to="DB" data-label="Query" data-line-style="solid" data-arrow-head="filled" data-self="false">
-  <line x1="210" y1="130" x2="350" y2="130" stroke="#939395" stroke-width="1" marker-end="url(#char-sequence-seq-arrow)" />
-  <text x="280" y="120" font-size="11" text-anchor="middle" font-weight="400" fill="#707072" dy="3.8499999999999996">Query</text>
-</g>
-<g class="message" data-from="DB" data-to="Bob" data-label="Rows" data-line-style="dashed" data-arrow-head="filled" data-self="false">
-  <line x1="350" y1="170" x2="210" y2="170" stroke="#939395" stroke-width="1" stroke-dasharray="6 4" marker-end="url(#char-sequence-seq-arrow)" />
-  <text x="280" y="160" font-size="11" text-anchor="middle" font-weight="400" fill="#707072" dy="3.8499999999999996">Rows</text>
-</g>
-<g class="message" data-from="Bob" data-to="Alice" data-label="Response" data-line-style="dashed" data-arrow-head="filled" data-self="false">
-  <line x1="210" y1="210" x2="70" y2="210" stroke="#939395" stroke-width="1" stroke-dasharray="6 4" marker-end="url(#char-sequence-seq-arrow)" />
-  <text x="140" y="200" font-size="11" text-anchor="middle" font-weight="400" fill="#707072" dy="3.8499999999999996">Response</text>
-</g>
-<g class="actor" data-id="Alice" data-label="Alice" data-type="participant">
-  <rect x="30" y="30" width="80" height="40" rx="4" ry="4" fill="#f9f9f9" stroke="#d4d4d4" stroke-width="1" />
-  <text x="70" y="50" font-size="13" text-anchor="middle" font-weight="500" fill="#27272A" dy="4.55">Alice</text>
-</g>
-<g class="actor" data-id="Bob" data-label="Bob" data-type="participant">
-  <rect x="170" y="30" width="80" height="40" rx="4" ry="4" fill="#f9f9f9" stroke="#d4d4d4" stroke-width="1" />
-  <text x="210" y="50" font-size="13" text-anchor="middle" font-weight="500" fill="#27272A" dy="4.55">Bob</text>
-</g>
-<g class="actor" data-id="DB" data-label="DB" data-type="participant">
-  <rect x="310" y="30" width="80" height="40" rx="4" ry="4" fill="#f9f9f9" stroke="#d4d4d4" stroke-width="1" />
-  <text x="350" y="50" font-size="13" text-anchor="middle" font-weight="500" fill="#27272A" dy="4.55">DB</text>
-</g>
-</svg>

package/docs/layout-characterization/visual-snapshots/state.svg

@@ -1,52 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 241.14266666666668 375.15000000000003" width="241.14266666666668" height="375.15000000000003" style="--bg:#FFFFFF;--fg:#27272A;--font:Inter;background:#FFFFFF">
-<style>
-  text { font-family: var(--font, 'Inter'), system-ui, sans-serif; }
-  svg {
-    /* Derived from --bg and --fg (overridable via --line, --accent, etc.) */
-    --_text:          #27272A;
-    --_text-sec:      #575759;
-    --_text-muted:    #707072;
-    --_text-faint:    #8a8a8c;
-    --_line:          #939395;
-    --_arrow:         #47474a;
-    --_node-fill:     #f9f9f9;
-    --_node-stroke:   #d4d4d4;
-    --_group-fill:    #FFFFFF;
-    --_group-hdr:     #f4f4f4;
-    --_inner-stroke:  #e5e5e5;
-    --_key-badge:     #e9e9ea;
-  }
-</style>
-<defs>
-  <marker id="char-state-arrowhead" markerWidth="8" markerHeight="5" refX="7" refY="2.5" orient="auto">
-    <polygon points="0 0, 8 2.5, 0 5" fill="#47474a" stroke="#47474a" stroke-width="0.75" stroke-linejoin="round" />
-  </marker>
-  <marker id="char-state-arrowhead-start" markerWidth="8" markerHeight="5" refX="7" refY="2.5" orient="auto-start-reverse">
-    <polygon points="0 0, 8 2.5, 0 5" fill="#47474a" stroke="#47474a" stroke-width="0.75" stroke-linejoin="round" />
-  </marker>
-</defs>
-<polyline class="edge" data-from="_start" data-to="Idle" data-style="solid" data-arrow-start="false" data-arrow-end="true" data-marker-end="arrow" points="120.25,68 120.25,116" fill="none" stroke="#939395" stroke-width="1" marker-end="url(#char-state-arrowhead)" />
-<polyline class="edge" data-from="Idle" data-to="Running" data-style="solid" data-arrow-start="false" data-arrow-end="true" data-marker-end="arrow" points="120.25000000000001,152.9 120.25000000000001,200.9" fill="none" stroke="#939395" stroke-width="1" marker-end="url(#char-state-arrowhead)" />
-<polyline class="edge" data-from="Running" data-to="Failed" data-style="solid" data-arrow-start="false" data-arrow-end="true" data-marker-end="arrow" points="120.25,237.8 120.25,264.025 79.5,264.025 79.5,290.25" fill="none" stroke="#939395" stroke-width="1" marker-end="url(#char-state-arrowhead)" />
-<polyline class="edge" data-from="Failed" data-to="Idle" data-style="solid" data-arrow-start="false" data-arrow-end="true" data-marker-end="arrow" points="79.5,327.15000000000003 193.14266666666668,327.15000000000003 193.14266666666668,134.45 151.599,134.45" fill="none" stroke="#939395" stroke-width="1" marker-end="url(#char-state-arrowhead)" />
-<polyline class="edge" data-from="Running" data-to="_end" data-style="solid" data-arrow-start="false" data-arrow-end="true" data-marker-end="arrow" points="120.25,237.8 120.25,264.025 161,264.025 161,290.25" fill="none" stroke="#939395" stroke-width="1" marker-end="url(#char-state-arrowhead)" />
-<g class="node" data-id="_start" data-label="" data-shape="state-start">
-  <circle cx="120.25" cy="54" r="12" fill="#27272A" stroke="none" />
-</g>
-<g class="node" data-id="Idle" data-label="Idle" data-shape="rounded">
-  <rect x="88.90100000000001" y="116" width="62.69799999999999" height="36.900000000000006" rx="6" ry="6" fill="#f9f9f9" stroke="#d4d4d4" stroke-width="0.75" />
-  <text x="120.25" y="134.45" text-anchor="middle" font-size="13" font-weight="500" fill="#27272A" dy="4.55">Idle</text>
-</g>
-<g class="node" data-id="Running" data-label="Running" data-shape="rounded">
-  <rect x="74.822" y="200.9" width="90.856" height="36.900000000000006" rx="6" ry="6" fill="#f9f9f9" stroke="#d4d4d4" stroke-width="0.75" />
-  <text x="120.25" y="219.35000000000002" text-anchor="middle" font-size="13" font-weight="500" fill="#27272A" dy="4.55">Running</text>
-</g>
-<g class="node" data-id="Failed" data-label="Failed" data-shape="rounded">
-  <rect x="40" y="290.25" width="79" height="36.900000000000006" rx="6" ry="6" fill="#f9f9f9" stroke="#d4d4d4" stroke-width="0.75" />
-  <text x="79.5" y="308.7" text-anchor="middle" font-size="13" font-weight="500" fill="#27272A" dy="4.55">Failed</text>
-</g>
-<g class="node" data-id="_end" data-label="" data-shape="state-end">
-  <circle cx="161" cy="304.25" r="12" fill="none" stroke="#27272A" stroke-width="1.5" />
-  <circle cx="161" cy="304.25" r="8" fill="#27272A" stroke="none" />
-</g>
-</svg>

package/docs/layout-characterization/visual-snapshots/timeline.svg

@@ -1,64 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 380 286.6" width="380" height="286.6" style="--bg:#FFFFFF;--fg:#27272A;--font:Inter;background:#FFFFFF" role="img" aria-labelledby="char-timeline-tl-1p1dpwc-title">
-<style>
-  text { font-family: var(--font, 'Inter'), system-ui, sans-serif; }
-  svg {
-    /* Derived from --bg and --fg (overridable via --line, --accent, etc.) */
-    --_text:          #27272A;
-    --_text-sec:      #575759;
-    --_text-muted:    #707072;
-    --_text-faint:    #8a8a8c;
-    --_line:          #939395;
-    --_arrow:         #47474a;
-    --_node-fill:     #f9f9f9;
-    --_node-stroke:   #d4d4d4;
-    --_group-fill:    #FFFFFF;
-    --_group-hdr:     #f4f4f4;
-    --_inner-stroke:  #e5e5e5;
-    --_key-badge:     #e9e9ea;
-  }
-</style>
-<style>
-  .timeline-title { fill: #27272A; }
-  .timeline-rail { stroke: #939395; stroke-width: 1.5; stroke-linecap: round; }
-  .timeline-section-bg { fill: #fafafa; stroke: #d4d4d4; stroke-width: 1; }
-  .timeline-section-band { fill: #f0f0f1; stroke: #d4d4d4; stroke-width: 1; }
-  .timeline-section-label { fill: #575759; }
-  .timeline-stem { stroke: #7b7b7d; stroke-width: 1.125; stroke-dasharray: 3 4; }
-  .timeline-marker-ring { fill: #FFFFFF; stroke: #47474a; stroke-width: 1.5; }
-  .timeline-marker-core { fill: #47474a; }
-  .timeline-period-pill { fill: #f2f2f2; stroke: #dadadb; stroke-width: 1; }
-  .timeline-period-text { fill: #27272A; }
-  .timeline-event-card { fill: #f9f9f9; stroke: #d4d4d4; stroke-width: 1; }
-  .timeline-event-text { fill: #707072; }
-</style>
-<title id="char-timeline-tl-1p1dpwc-title">Release Plan</title>
-<g class="timeline-section" data-id="section-0" data-label="Build" data-family="0" style="--tl-accent:#47474a;--tl-fill:#f9f9f9;--tl-label:#27272A;--tl-line:#939395;--tl-section-bg:#ffffff;--tl-section-band:#fefefe;--tl-pill-fill:#fefefe;--tl-pill-stroke:#b8b8b9;--tl-event-fill:#f9f9f9">
-  <rect class="timeline-section-bg" x="32" y="75.4" width="316" height="183.20000000000002" rx="0" ry="0" />
-  <path class="timeline-section-band" d="M32,75.4 H348 V105.4 H32 Z" />
-  <text x="44" y="90.4" class="timeline-section-label" text-anchor="start" font-size="12" font-weight="600" dy="4.199999999999999">Build</text>
-</g>
-<line class="timeline-rail" x1="114" y1="177" x2="266" y2="177" />
-<g class="timeline-period" data-id="period-0" data-label="2025" data-section="Build" data-family="0" style="--tl-accent:#47474a;--tl-fill:#f9f9f9;--tl-label:#27272A;--tl-line:#939395;--tl-section-bg:#ffffff;--tl-section-band:#fefefe;--tl-pill-fill:#fefefe;--tl-pill-stroke:#b8b8b9;--tl-event-fill:#f9f9f9">
-  <line class="timeline-stem" x1="114" y1="185" x2="114" y2="195" />
-  <rect class="timeline-period-pill" x="78" y="119.4" width="72" height="35.6" rx="0" ry="0" />
-  <text x="114" y="137.20000000000002" class="timeline-period-text" text-anchor="middle" font-size="12" font-weight="600" dy="4.199999999999999">2025</text>
-  <circle class="timeline-marker-ring" cx="114" cy="177" r="8" />
-  <circle class="timeline-marker-core" cx="114" cy="177" r="4.5" />
-<g class="timeline-event" data-id="event-0" data-period="2025" data-section="Build" data-family="0">
-  <rect class="timeline-event-card" x="50" y="205" width="128" height="35.6" rx="0" ry="0" />
-  <text x="64" y="222.8" class="timeline-event-text" text-anchor="start" font-size="12" font-weight="400" dy="4.199999999999999">Prototype</text>
-</g>
-</g>
-<g class="timeline-period" data-id="period-1" data-label="2026" data-section="Build" data-family="0" style="--tl-accent:#47474a;--tl-fill:#f9f9f9;--tl-label:#27272A;--tl-line:#939395;--tl-section-bg:#ffffff;--tl-section-band:#fefefe;--tl-pill-fill:#fefefe;--tl-pill-stroke:#b8b8b9;--tl-event-fill:#f9f9f9">
-  <line class="timeline-stem" x1="266" y1="185" x2="266" y2="195" />
-  <rect class="timeline-period-pill" x="230" y="119.4" width="72" height="35.6" rx="0" ry="0" />
-  <text x="266" y="137.20000000000002" class="timeline-period-text" text-anchor="middle" font-size="12" font-weight="600" dy="4.199999999999999">2026</text>
-  <circle class="timeline-marker-ring" cx="266" cy="177" r="8" />
-  <circle class="timeline-marker-core" cx="266" cy="177" r="4.5" />
-<g class="timeline-event" data-id="event-1" data-period="2026" data-section="Build" data-family="0">
-  <rect class="timeline-event-card" x="202" y="205" width="128" height="35.6" rx="0" ry="0" />
-  <text x="216" y="222.8" class="timeline-event-text" text-anchor="start" font-size="12" font-weight="400" dy="4.199999999999999">Launch</text>
-</g>
-</g>
-<text x="190" y="39.7" class="timeline-title" text-anchor="middle" font-size="18" font-weight="600" dy="6.3">Release Plan</text>
-</svg>

package/docs/layout-characterization/visual-snapshots/xychart.svg

@@ -1,97 +0,0 @@
-<svg data-xychart-colors="1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 700 500" width="100%" height="100%" style="--bg:#FFFFFF;--fg:#27272A;--font:Inter;background:#FFFFFF;max-width:700px" id="char-xychart-mermaid-4bojql" class="xychart" aria-roledescription="xychart">
-<style>
-  text { font-family: var(--font, 'Inter'), system-ui, sans-serif; }
-  svg {
-    /* Derived from --bg and --fg (overridable via --line, --accent, etc.) */
-    --_text:          #27272A;
-    --_text-sec:      #575759;
-    --_text-muted:    #707072;
-    --_text-faint:    #8a8a8c;
-    --_line:          #939395;
-    --_arrow:         #47474a;
-    --_node-fill:     #f9f9f9;
-    --_node-stroke:   #d4d4d4;
-    --_group-fill:    #FFFFFF;
-    --_group-hdr:     #f4f4f4;
-    --_inner-stroke:  #e5e5e5;
-    --_key-badge:     #e9e9ea;
-  }
-</style>
-<style>
-  .xychart-grid { stroke: #e1e1e1; stroke-width: 1; }
-  .xychart-axis-line { fill: none; }
-  .xychart-tick { fill: none; }
-  .xychart-x-axis-line { stroke: #575759; }
-  .xychart-y-axis-line { stroke: #575759; }
-  .xychart-x-tick { stroke: #575759; }
-  .xychart-y-tick { stroke: #575759; }
-  .xychart-bar { stroke: none; }
-  .xychart-line { fill: none; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
-  .xychart-dot { stroke: #FFFFFF; stroke-width: 2; }
-  .xychart-label { fill: #27272A; }
-  .xychart-x-label { fill: #27272A; }
-  .xychart-y-label { fill: #27272A; }
-  .xychart-axis-title { fill: #27272A; }
-  .xychart-x-axis-title { fill: #27272A; }
-  .xychart-y-axis-title { fill: #27272A; }
-  .xychart-title { fill: #27272A; }
-  .xychart-data-label { fill: #27272A; pointer-events: none; }
-  svg {
-    --xychart-color-0: #3b82f6;
-    --xychart-color-1: #0d5ba5;
-  }
-  .xychart-bar.xychart-color-0 { fill: #3b82f6; }
-  path.xychart-color-0, line.xychart-color-0 { stroke: #3b82f6; }
-  circle.xychart-color-0 { fill: #3b82f6; }
-  .xychart-bar.xychart-color-1 { fill: #0d5ba5; }
-  path.xychart-color-1, line.xychart-color-1 { stroke: #0d5ba5; }
-  circle.xychart-color-1 { fill: #0d5ba5; }
-</style>
-<line x1="55.68" y1="469" x2="700" y2="469" class="xychart-grid"/>
-<line x1="55.68" y1="426.1" x2="700" y2="426.1" class="xychart-grid"/>
-<line x1="55.68" y1="383.2" x2="700" y2="383.2" class="xychart-grid"/>
-<line x1="55.68" y1="340.3" x2="700" y2="340.3" class="xychart-grid"/>
-<line x1="55.68" y1="297.4" x2="700" y2="297.4" class="xychart-grid"/>
-<line x1="55.68" y1="254.5" x2="700" y2="254.5" class="xychart-grid"/>
-<line x1="55.68" y1="211.6" x2="700" y2="211.6" class="xychart-grid"/>
-<line x1="55.68" y1="168.7" x2="700" y2="168.7" class="xychart-grid"/>
-<line x1="55.68" y1="125.8" x2="700" y2="125.8" class="xychart-grid"/>
-<line x1="55.68" y1="82.9" x2="700" y2="82.9" class="xychart-grid"/>
-<line x1="55.68" y1="40" x2="700" y2="40" class="xychart-grid"/>
-<line x1="55.68" y1="470" x2="700" y2="470" class="xychart-axis-line xychart-x-axis-line" stroke-width="2"/>
-<line x1="163.07" y1="471" x2="163.07" y2="476" class="xychart-tick xychart-x-tick" stroke-width="2"/>
-<line x1="377.84" y1="471" x2="377.84" y2="476" class="xychart-tick xychart-x-tick" stroke-width="2"/>
-<line x1="592.61" y1="471" x2="592.61" y2="476" class="xychart-tick xychart-x-tick" stroke-width="2"/>
-<line x1="54.68" y1="40" x2="54.68" y2="469" class="xychart-axis-line xychart-y-axis-line" stroke-width="2"/>
-<line x1="53.68" y1="469" x2="48.68" y2="469" class="xychart-tick xychart-y-tick" stroke-width="2"/>
-<line x1="53.68" y1="426.1" x2="48.68" y2="426.1" class="xychart-tick xychart-y-tick" stroke-width="2"/>
-<line x1="53.68" y1="383.2" x2="48.68" y2="383.2" class="xychart-tick xychart-y-tick" stroke-width="2"/>
-<line x1="53.68" y1="340.3" x2="48.68" y2="340.3" class="xychart-tick xychart-y-tick" stroke-width="2"/>
-<line x1="53.68" y1="297.4" x2="48.68" y2="297.4" class="xychart-tick xychart-y-tick" stroke-width="2"/>
-<line x1="53.68" y1="254.5" x2="48.68" y2="254.5" class="xychart-tick xychart-y-tick" stroke-width="2"/>
-<line x1="53.68" y1="211.6" x2="48.68" y2="211.6" class="xychart-tick xychart-y-tick" stroke-width="2"/>
-<line x1="53.68" y1="168.7" x2="48.68" y2="168.7" class="xychart-tick xychart-y-tick" stroke-width="2"/>
-<line x1="53.68" y1="125.8" x2="48.68" y2="125.8" class="xychart-tick xychart-y-tick" stroke-width="2"/>
-<line x1="53.68" y1="82.9" x2="48.68" y2="82.9" class="xychart-tick xychart-y-tick" stroke-width="2"/>
-<line x1="53.68" y1="40" x2="48.68" y2="40" class="xychart-tick xychart-y-tick" stroke-width="2"/>
-<rect x="61.05" y="340.3" width="204.03" height="128.7" class="xychart-bar xychart-color-0" data-value="3" data-label="Jan"/>
-<rect x="275.83" y="168.7" width="204.03" height="300.3" class="xychart-bar xychart-color-0" data-value="7" data-label="Feb"/>
-<rect x="490.6" y="254.5" width="204.03" height="214.5" class="xychart-bar xychart-color-0" data-value="5" data-label="Mar"/>
-<path d="M163.07,383.2 L377.84,211.6 L592.61,125.8" class="xychart-line xychart-color-1"/>
-<text x="163.07" y="495" text-anchor="middle" font-size="14" font-weight="400" dy="0.35em" class="xychart-label xychart-x-label">Jan</text>
-<text x="377.842" y="495" text-anchor="middle" font-size="14" font-weight="400" dy="0.35em" class="xychart-label xychart-x-label">Feb</text>
-<text x="592.614" y="495" text-anchor="middle" font-size="14" font-weight="400" dy="0.35em" class="xychart-label xychart-x-label">Mar</text>
-<text x="43.68399999999997" y="469" text-anchor="end" dominant-baseline="middle" font-size="14" font-weight="400" class="xychart-label xychart-y-label">0</text>
-<text x="43.68399999999997" y="426.1" text-anchor="end" dominant-baseline="middle" font-size="14" font-weight="400" class="xychart-label xychart-y-label">1</text>
-<text x="43.68399999999997" y="383.2" text-anchor="end" dominant-baseline="middle" font-size="14" font-weight="400" class="xychart-label xychart-y-label">2</text>
-<text x="43.68399999999997" y="340.3" text-anchor="end" dominant-baseline="middle" font-size="14" font-weight="400" class="xychart-label xychart-y-label">3</text>
-<text x="43.68399999999997" y="297.4" text-anchor="end" dominant-baseline="middle" font-size="14" font-weight="400" class="xychart-label xychart-y-label">4</text>
-<text x="43.68399999999997" y="254.5" text-anchor="end" dominant-baseline="middle" font-size="14" font-weight="400" class="xychart-label xychart-y-label">5</text>
-<text x="43.68399999999997" y="211.60000000000002" text-anchor="end" dominant-baseline="middle" font-size="14" font-weight="400" class="xychart-label xychart-y-label">6</text>
-<text x="43.68399999999997" y="168.70000000000005" text-anchor="end" dominant-baseline="middle" font-size="14" font-weight="400" class="xychart-label xychart-y-label">7</text>
-<text x="43.68399999999997" y="125.79999999999995" text-anchor="end" dominant-baseline="middle" font-size="14" font-weight="400" class="xychart-label xychart-y-label">8</text>
-<text x="43.68399999999997" y="82.89999999999998" text-anchor="end" dominant-baseline="middle" font-size="14" font-weight="400" class="xychart-label xychart-y-label">9</text>
-<text x="43.68399999999997" y="40" text-anchor="end" dominant-baseline="middle" font-size="14" font-weight="400" class="xychart-label xychart-y-label">10</text>
-<text x="17.8" y="254.5" text-anchor="middle" transform="rotate(-90,17.8,254.5)" font-size="16" font-weight="400" dy="0.35em" class="xychart-axis-title xychart-y-axis-title">Revenue</text>
-<text x="350" y="30" text-anchor="middle" font-size="20" font-weight="500" dy="0.35em" class="xychart-title">Sales</text>
-</svg>