paseo-plugin-genui 0.0.0-stage → 0.1.0

package/gallery/data/vitest-report.json

@@ -0,0 +1,612 @@
+{
+ "numTotalTestSuites": 19,
+ "numPassedTestSuites": 17,
+ "numFailedTestSuites": 2,
+ "numPendingTestSuites": 0,
+ "numTotalTests": 39,
+ "numPassedTests": 34,
+ "numFailedTests": 3,
+ "numPendingTests": 1,
+ "numTodoTests": 1,
+ "startTime": 1791586341356,
+ "success": false,
+ "testResults": [
+  {
+   "assertionResults": [
+    {
+     "ancestorTitles": [
+      "formMessage"
+     ],
+     "fullName": "formMessage lists every field at any depth in document order",
+     "status": "passed",
+     "title": "lists every field at any depth in document order",
+     "duration": 6.822,
+     "failureMessages": [],
+     "location": {
+      "line": 17,
+      "column": 3
+     }
+    },
+    {
+     "ancestorTitles": [
+      "formMessage"
+     ],
+     "fullName": "formMessage labels unlabeled fields with their state name",
+     "status": "passed",
+     "title": "labels unlabeled fields with their state name",
+     "duration": 0.903,
+     "failureMessages": [],
+     "location": {
+      "line": 32,
+      "column": 3
+     }
+    },
+    {
+     "ancestorTitles": [
+      "formMessage"
+     ],
+     "fullName": "formMessage does not add a colon after a question or colon label",
+     "status": "passed",
+     "title": "does not add a colon after a question or colon label",
+     "duration": 0.594,
+     "failureMessages": [],
+     "location": {
+      "line": 40,
+      "column": 3
+     }
+    },
+    {
+     "ancestorTitles": [
+      "formMessage"
+     ],
+     "fullName": "formMessage writes empty values as a dash",
+     "status": "passed",
+     "title": "writes empty values as a dash",
+     "duration": 1.075,
+     "failureMessages": [],
+     "location": {
+      "line": 48,
+      "column": 3
+     }
+    },
+    {
+     "ancestorTitles": [
+      "formMessage"
+     ],
+     "fullName": "formMessage joins lists, says Yes/No for booleans and formats numbers",
+     "status": "passed",
+     "title": "joins lists, says Yes/No for booleans and formats numbers",
+     "duration": 1.114,
+     "failureMessages": [],
+     "location": {
+      "line": 58,
+      "column": 3
+     }
+    },
+    {
+     "ancestorTitles": [
+      "formMessage"
+     ],
+     "fullName": "formMessage is empty for a form without fields",
+     "status": "passed",
+     "title": "is empty for a form without fields",
+     "duration": 0.365,
+     "failureMessages": [],
+     "location": {
+      "line": 79,
+      "column": 3
+     }
+    }
+   ],
+   "startTime": 1791586341618,
+   "endTime": 1791586341629.3645,
+   "status": "passed",
+   "message": "",
+   "name": "/workspace/bb-plugin-genui/core/form.test.ts"
+  },
+  {
+   "assertionResults": [
+    {
+     "ancestorTitles": [
+      "readJUnit"
+     ],
+     "fullName": "readJUnit reads a pytest report: failures, errors and skips with their messages and output",
+     "status": "passed",
+     "title": "reads a pytest report: failures, errors and skips with their messages and output",
+     "duration": 1.77,
+     "failureMessages": [],
+     "location": {
+      "line": 40,
+      "column": 3
+     }
+    },
+    {
+     "ancestorTitles": [
+      "readJUnit"
+     ],
+     "fullName": "readJUnit takes a lone testsuite root and inherits nested suite names and files",
+     "status": "passed",
+     "title": "takes a lone testsuite root and inherits nested suite names and files",
+     "duration": 0.149,
+     "failureMessages": [],
+     "location": {
+      "line": 60,
+      "column": 3
+     }
+    },
+    {
+     "ancestorTitles": [
+      "readJUnit"
+     ],
+     "fullName": "readJUnit keeps the trace and the message when the body does not repeat it",
+     "status": "passed",
+     "title": "keeps the trace and the message when the body does not repeat it",
+     "duration": 0.145,
+     "failureMessages": [],
+     "location": {
+      "line": 72,
+      "column": 3
+     }
+    },
+    {
+     "ancestorTitles": [
+      "readJUnit"
+     ],
+     "fullName": "readJUnit refuses XML that is not a JUnit report, saying what it is",
+     "status": "passed",
+     "title": "refuses XML that is not a JUnit report, saying what it is",
+     "duration": 0.119,
+     "failureMessages": [],
+     "location": {
+      "line": 79,
+      "column": 3
+     }
+    },
+    {
+     "ancestorTitles": [
+      "readJUnit"
+     ],
+     "fullName": "readJUnit refuses DOCTYPEs, so entity declarations can never expand",
+     "status": "passed",
+     "title": "refuses DOCTYPEs, so entity declarations can never expand",
+     "duration": 0.166,
+     "failureMessages": [],
+     "location": {
+      "line": 85,
+      "column": 3
+     }
+    },
+    {
+     "ancestorTitles": [
+      "readJUnit"
+     ],
+     "fullName": "readJUnit reports malformed XML with its line",
+     "status": "passed",
+     "title": "reports malformed XML with its line",
+     "duration": 0.242,
+     "failureMessages": [],
+     "location": {
+      "line": 95,
+      "column": 3
+     }
+    },
+    {
+     "ancestorTitles": [
+      "readJUnit"
+     ],
+     "fullName": "readJUnit refuses nesting deep enough to matter",
+     "status": "passed",
+     "title": "refuses nesting deep enough to matter",
+     "duration": 0.096,
+     "failureMessages": [],
+     "location": {
+      "line": 107,
+      "column": 3
+     }
+    },
+    {
+     "ancestorTitles": [
+      "readJUnit"
+     ],
+     "fullName": "readJUnit returns suites when there are more tests than one list holds",
+     "status": "passed",
+     "title": "returns suites when there are more tests than one list holds",
+     "duration": 1.914,
+     "failureMessages": [],
+     "location": {
+      "line": 111,
+      "column": 3
+     }
+    },
+    {
+     "ancestorTitles": [
+      "parseXml"
+     ],
+     "fullName": "parseXml skips comments and processing instructions and joins text around CDATA",
+     "status": "passed",
+     "title": "skips comments and processing instructions and joins text around CDATA",
+     "duration": 0.328,
+     "failureMessages": [],
+     "location": {
+      "line": 127,
+      "column": 3
+     }
+    }
+   ],
+   "startTime": 1791586341521,
+   "endTime": 1791586341526.3284,
+   "status": "passed",
+   "message": "",
+   "name": "/workspace/bb-plugin-genui/core/junit.test.ts"
+  },
+  {
+   "assertionResults": [
+    {
+     "ancestorTitles": [
+      "readTestRun: plain lists"
+     ],
+     "fullName": "readTestRun: plain lists reads the catalog shape, splitting `file:line` and counting by status",
+     "status": "passed",
+     "title": "reads the catalog shape, splitting `file:line` and counting by status",
+     "duration": 1.568,
+     "failureMessages": [],
+     "location": {
+      "line": 27,
+      "column": 3
+     }
+    },
+    {
+     "ancestorTitles": [
+      "readTestRun: plain lists"
+     ],
+     "fullName": "readTestRun: plain lists reads suites of tests, as a very large JUnit report arrives",
+     "status": "passed",
+     "title": "reads suites of tests, as a very large JUnit report arrives",
+     "duration": 0.147,
+     "failureMessages": [],
+     "location": {
+      "line": 47,
+      "column": 3
+     }
+    },
+    {
+     "ancestorTitles": [
+      "readTestRun: plain lists"
+     ],
+     "fullName": "readTestRun: plain lists says what it needs when nothing in the value is a test",
+     "status": "passed",
+     "title": "says what it needs when nothing in the value is a test",
+     "duration": 0.129,
+     "failureMessages": [],
+     "location": {
+      "line": 55,
+      "column": 3
+     }
+    },
+    {
+     "ancestorTitles": [
+      "readTestRun: plain lists"
+     ],
+     "fullName": "readTestRun: plain lists locates a failure with no line from the first app frame of its trace",
+     "status": "passed",
+     "title": "locates a failure with no line from the first app frame of its trace",
+     "duration": 1.231,
+     "failureMessages": [],
+     "location": {
+      "line": 64,
+      "column": 3
+     }
+    },
+    {
+     "ancestorTitles": [
+      "readTestRun: vitest and jest JSON"
+     ],
+     "fullName": "readTestRun: vitest and jest JSON reads files, names with their describe blocks, and the wall-clock duration",
+     "status": "passed",
+     "title": "reads files, names with their describe blocks, and the wall-clock duration",
+     "duration": 0.374,
+     "failureMessages": [],
+     "location": {
+      "line": 118,
+      "column": 3
+     }
+    },
+    {
+     "ancestorTitles": [
+      "testStatus"
+     ],
+     "fullName": "testStatus maps the reporters' words onto three statuses, keeping the telling ones",
+     "status": "passed",
+     "title": "maps the reporters' words onto three statuses, keeping the telling ones",
+     "duration": 0.129,
+     "failureMessages": [],
+     "location": {
+      "line": 134,
+      "column": 3
+     }
+    },
+    {
+     "ancestorTitles": [
+      "groupTests and text"
+     ],
+     "fullName": "groupTests and text groups by suite, else file, in first-seen order with counts and time",
+     "status": "passed",
+     "title": "groups by suite, else file, in first-seen order with counts and time",
+     "duration": 0.206,
+     "failureMessages": [],
+     "location": {
+      "line": 161,
+      "column": 3
+     }
+    },
+    {
+     "ancestorTitles": [
+      "groupTests and text"
+     ],
+     "fullName": "groupTests and text writes counts failures first and durations at a readable precision",
+     "status": "passed",
+     "title": "writes counts failures first and durations at a readable precision",
+     "duration": 0.166,
+     "failureMessages": [],
+     "location": {
+      "line": 175,
+      "column": 3
+     }
+    },
+    {
+     "ancestorTitles": [
+      "ANSI"
+     ],
+     "fullName": "ANSI splits colour runs and drops every other escape",
+     "status": "passed",
+     "title": "splits colour runs and drops every other escape",
+     "duration": 0.387,
+     "failureMessages": [],
+     "location": {
+      "line": 191,
+      "column": 3
+     }
+    },
+    {
+     "ancestorTitles": [
+      "ANSI"
+     ],
+     "fullName": "ANSI carries a colour across line breaks",
+     "status": "passed",
+     "title": "carries a colour across line breaks",
+     "duration": 0.216,
+     "failureMessages": [],
+     "location": {
+      "line": 208,
+      "column": 3
+     }
+    },
+    {
+     "ancestorTitles": [
+      "stack frames"
+     ],
+     "fullName": "stack frames reads the frames of each runtime's traces",
+     "status": "passed",
+     "title": "reads the frames of each runtime's traces",
+     "duration": 1.036,
+     "failureMessages": [],
+     "location": {
+      "line": 219,
+      "column": 3
+     }
+    },
+    {
+     "ancestorTitles": [
+      "stack frames"
+     ],
+     "fullName": "stack frames finds the first frame of the code under test",
+     "status": "passed",
+     "title": "finds the first frame of the code under test",
+     "duration": 0.36,
+     "failureMessages": [],
+     "location": {
+      "line": 246,
+      "column": 3
+     }
+    },
+    {
+     "ancestorTitles": [
+      "paths"
+     ],
+     "fullName": "paths gives BB a workspace-relative path or none",
+     "status": "passed",
+     "title": "gives BB a workspace-relative path or none",
+     "duration": 0.165,
+     "failureMessages": [],
+     "location": {
+      "line": 254,
+      "column": 3
+     }
+    },
+    {
+     "ancestorTitles": [
+      "paths"
+     ],
+     "fullName": "paths shortens absolute paths to the directory they share",
+     "status": "passed",
+     "title": "shortens absolute paths to the directory they share",
+     "duration": 0.124,
+     "failureMessages": [],
+     "location": {
+      "line": 263,
+      "column": 3
+     }
+    }
+   ],
+   "startTime": 1791586341506,
+   "endTime": 1791586341512.36,
+   "status": "passed",
+   "message": "",
+   "name": "/workspace/bb-plugin-genui/core/test-results.test.ts"
+  },
+  {
+   "assertionResults": [
+    {
+     "ancestorTitles": [
+      "report rendering"
+     ],
+     "fullName": "report rendering formats a minute with a leading zero",
+     "status": "failed",
+     "title": "formats a minute with a leading zero",
+     "duration": 2.888,
+     "failureMessages": [
+      "AssertionError: expected '1m 01s' to be '1m 1s' // Object.is equality\n    at /workspace/bb-plugin-genui/core/report-rendering.test.ts:7:36\n    at file:///workspace/bb-plugin-genui/node_modules/@vitest/runner/dist/chunk-artifact.js:302:11\n    at file:///workspace/bb-plugin-genui/node_modules/@vitest/runner/dist/chunk-artifact.js:1903:26\n    at file:///workspace/bb-plugin-genui/node_modules/@vitest/runner/dist/chunk-artifact.js:2326:20\n    at new Promise (<anonymous>)\n    at runWithCancel (file:///workspace/bb-plugin-genui/node_modules/@vitest/runner/dist/chunk-artifact.js:2323:10)\n    at file:///workspace/bb-plugin-genui/node_modules/@vitest/runner/dist/chunk-artifact.js:2305:20"
+     ],
+     "location": {
+      "line": 6,
+      "column": 3
+     }
+    },
+    {
+     "ancestorTitles": [
+      "report rendering"
+     ],
+     "fullName": "report rendering reads a JUnit report with a DOCTYPE",
+     "status": "failed",
+     "title": "reads a JUnit report with a DOCTYPE",
+     "duration": 2.6,
+     "failureMessages": [
+      "AssertionError: expected { ok: false, \u2026(1) } to match object { ok: true, value: [] }\n(1 matching property omitted from actual)\n    at Proxy.<anonymous> (file:///workspace/bb-plugin-genui/node_modules/@vitest/expect/dist/index.js:1283:10)\n    at Proxy.<anonymous> (file:///workspace/bb-plugin-genui/node_modules/@vitest/expect/dist/index.js:1156:15)\n    at Proxy.methodWrapper (file:///workspace/bb-plugin-genui/node_modules/chai/index.js:1737:25)\n    at /workspace/bb-plugin-genui/core/report-rendering.test.ts:12:20\n    at file:///workspace/bb-plugin-genui/node_modules/@vitest/runner/dist/chunk-artifact.js:302:11\n    at file:///workspace/bb-plugin-genui/node_modules/@vitest/runner/dist/chunk-artifact.js:1903:26"
+     ],
+     "location": {
+      "line": 10,
+      "column": 3
+     }
+    },
+    {
+     "ancestorTitles": [
+      "report rendering"
+     ],
+     "fullName": "report rendering counts skipped tests as passed",
+     "status": "failed",
+     "title": "counts skipped tests as passed",
+     "duration": 0.92,
+     "failureMessages": [
+      "AssertionError: expected { passed: +0, failed: +0, skipped: 1 } to deeply equal { passed: 1, failed: +0, skipped: +0 }\n    at /workspace/bb-plugin-genui/core/report-rendering.test.ts:17:40\n    at file:///workspace/bb-plugin-genui/node_modules/@vitest/runner/dist/chunk-artifact.js:302:11\n    at file:///workspace/bb-plugin-genui/node_modules/@vitest/runner/dist/chunk-artifact.js:1903:26\n    at file:///workspace/bb-plugin-genui/node_modules/@vitest/runner/dist/chunk-artifact.js:2326:20\n    at new Promise (<anonymous>)\n    at runWithCancel (file:///workspace/bb-plugin-genui/node_modules/@vitest/runner/dist/chunk-artifact.js:2323:10)\n    at file:///workspace/bb-plugin-genui/node_modules/@vitest/runner/dist/chunk-artifact.js:2305:20"
+     ],
+     "location": {
+      "line": 15,
+      "column": 3
+     }
+    },
+    {
+     "ancestorTitles": [
+      "report rendering"
+     ],
+     "fullName": "report rendering renders thousands of failures under 16 ms",
+     "status": "skipped",
+     "title": "renders thousands of failures under 16 ms",
+     "failureMessages": [],
+     "location": {
+      "line": 20,
+      "column": 6
+     },
+     "duration": null
+    },
+    {
+     "ancestorTitles": [
+      "report rendering"
+     ],
+     "fullName": "report rendering streams a report while the run is still going",
+     "status": "todo",
+     "title": "streams a report while the run is still going",
+     "failureMessages": [],
+     "location": {
+      "line": 21,
+      "column": 6
+     },
+     "duration": null
+    }
+   ],
+   "startTime": 1791586341521,
+   "endTime": 1791586341527.9204,
+   "status": "failed",
+   "message": "",
+   "name": "/workspace/bb-plugin-genui/core/report-rendering.test.ts"
+  },
+  {
+   "assertionResults": [
+    {
+     "ancestorTitles": [
+      "childPath"
+     ],
+     "fullName": "childPath writes JSONPath, bracketing keys that are not identifiers",
+     "status": "passed",
+     "title": "writes JSONPath, bracketing keys that are not identifiers",
+     "duration": 0.947,
+     "failureMessages": [],
+     "location": {
+      "line": 9,
+      "column": 3
+     }
+    },
+    {
+     "ancestorTitles": [
+      "visibleRows"
+     ],
+     "fullName": "visibleRows shows a container root's entries as the top level and only open containers' children",
+     "status": "passed",
+     "title": "shows a container root's entries as the top level and only open containers' children",
+     "duration": 0.86,
+     "failureMessages": [],
+     "location": {
+      "line": 20,
+      "column": 3
+     }
+    },
+    {
+     "ancestorTitles": [
+      "visibleRows"
+     ],
+     "fullName": "visibleRows pages long containers with a row for the rest",
+     "status": "passed",
+     "title": "pages long containers with a row for the rest",
+     "duration": 0.208,
+     "failureMessages": [],
+     "location": {
+      "line": 34,
+      "column": 3
+     }
+    },
+    {
+     "ancestorTitles": [
+      "visibleRows"
+     ],
+     "fullName": "visibleRows shows a scalar root as one row and stays iterative for deep values",
+     "status": "passed",
+     "title": "shows a scalar root as one row and stays iterative for deep values",
+     "duration": 12.935,
+     "failureMessages": [],
+     "location": {
+      "line": 41,
+      "column": 3
+     }
+    },
+    {
+     "ancestorTitles": [
+      "sizeText and copyText"
+     ],
+     "fullName": "sizeText and copyText counts keys and items, and copies strings bare and containers as JSON",
+     "status": "passed",
+     "title": "counts keys and items, and copies strings bare and containers as JSON",
+     "duration": 0.193,
+     "failureMessages": [],
+     "location": {
+      "line": 52,
+      "column": 3
+     }
+    }
+   ],
+   "startTime": 1791586341506,
+   "endTime": 1791586341521.1934,
+   "status": "passed",
+   "message": "",
+   "name": "/workspace/bb-plugin-genui/ui/components/json-logic.test.ts"
+  }
+ ]
+}

package/gallery/images/bell.svg

@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="400" height="300" viewBox="0 0 400 300">
+<rect width="400" height="300" fill="#f5edf1"/>
+<ellipse cx="200" cy="246" rx="104" ry="8" fill="#e7dbe1"/>
+<path d="M118 206 a82 92 0 0 1 164 0 Z" fill="#d9a521"/>
+<path d="M140 190 a62 74 0 0 1 52 -66" fill="none" stroke="#f3d27a" stroke-width="9" stroke-linecap="round"/>
+<rect x="108" y="200" width="184" height="16" rx="8" fill="#b9861a"/>
+<rect x="192" y="96" width="16" height="22" rx="5" fill="#8a929c"/>
+<path d="M200 96 V70 H262" fill="none" stroke="#8a929c" stroke-width="10" stroke-linecap="round" stroke-linejoin="round"/>
+<circle cx="268" cy="70" r="11" fill="#262a31"/>
+</svg>

package/gallery/images/bike.svg

@@ -0,0 +1,47 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="800" height="500" viewBox="0 0 800 500">
+<rect width="800" height="500" fill="#eef2f5"/>
+<ellipse cx="400" cy="462" rx="330" ry="10" fill="#d9dfe5"/>
+<g>
+  <circle cx="210" cy="330" r="116" fill="none" stroke="#262a31" stroke-width="16"/>
+  <circle cx="210" cy="330" r="104" fill="none" stroke="#a7b0ba" stroke-width="4"/>
+  <g stroke="#b9c1ca" stroke-width="1.6"><line x1="220.0" y1="330.0" x2="305.8" y2="365.0"/><line x1="219.4" y1="333.4" x2="288.1" y2="395.6"/><line x1="217.7" y1="336.4" x2="260.9" y2="418.4"/><line x1="215.0" y1="338.7" x2="227.6" y2="430.5"/><line x1="211.7" y1="339.8" x2="192.2" y2="430.4"/><line x1="208.3" y1="339.8" x2="158.9" y2="418.3"/><line x1="205.0" y1="338.7" x2="131.8" y2="395.5"/><line x1="202.3" y1="336.4" x2="114.1" y2="364.8"/><line x1="200.6" y1="333.4" x2="108.0" y2="329.9"/><line x1="200.0" y1="330.0" x2="114.2" y2="295.0"/><line x1="200.6" y1="326.6" x2="131.9" y2="264.4"/><line x1="202.3" y1="323.6" x2="159.1" y2="241.6"/><line x1="205.0" y1="321.3" x2="192.4" y2="229.5"/><line x1="208.3" y1="320.2" x2="227.8" y2="229.6"/><line x1="211.7" y1="320.2" x2="261.1" y2="241.7"/><line x1="215.0" y1="321.3" x2="288.2" y2="264.5"/><line x1="217.7" y1="323.6" x2="305.9" y2="295.2"/><line x1="219.4" y1="326.6" x2="312.0" y2="330.1"/></g>
+  <circle cx="210" cy="330" r="10" fill="#59616b"/>
+</g>
+<g>
+  <circle cx="590" cy="330" r="116" fill="none" stroke="#262a31" stroke-width="16"/>
+  <circle cx="590" cy="330" r="104" fill="none" stroke="#a7b0ba" stroke-width="4"/>
+  <g stroke="#b9c1ca" stroke-width="1.6"><line x1="600.0" y1="330.0" x2="685.8" y2="365.0"/><line x1="599.4" y1="333.4" x2="668.1" y2="395.6"/><line x1="597.7" y1="336.4" x2="640.9" y2="418.4"/><line x1="595.0" y1="338.7" x2="607.6" y2="430.5"/><line x1="591.7" y1="339.8" x2="572.2" y2="430.4"/><line x1="588.3" y1="339.8" x2="538.9" y2="418.3"/><line x1="585.0" y1="338.7" x2="511.8" y2="395.5"/><line x1="582.3" y1="336.4" x2="494.1" y2="364.8"/><line x1="580.6" y1="333.4" x2="488.0" y2="329.9"/><line x1="580.0" y1="330.0" x2="494.2" y2="295.0"/><line x1="580.6" y1="326.6" x2="511.9" y2="264.4"/><line x1="582.3" y1="323.6" x2="539.1" y2="241.6"/><line x1="585.0" y1="321.3" x2="572.4" y2="229.5"/><line x1="588.3" y1="320.2" x2="607.8" y2="229.6"/><line x1="591.7" y1="320.2" x2="641.1" y2="241.7"/><line x1="595.0" y1="321.3" x2="668.2" y2="264.5"/><line x1="597.7" y1="323.6" x2="685.9" y2="295.2"/><line x1="599.4" y1="326.6" x2="692.0" y2="330.1"/></g>
+  <circle cx="590" cy="330" r="10" fill="#59616b"/>
+</g>
+<!-- front disc brake -->
+<circle cx="590" cy="330" r="26" fill="none" stroke="#7d8792" stroke-width="5"/>
+<rect x="572" y="292" width="26" height="14" rx="4" fill="#e4572e" transform="rotate(20 585 299)"/>
+<!-- rear cassette and derailleur -->
+<circle cx="210" cy="330" r="18" fill="none" stroke="#59616b" stroke-width="6"/>
+<path d="M214 352 l-6 34 l18 8" fill="none" stroke="#3b4048" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
+<!-- chain -->
+<g stroke="#3b4048" stroke-width="4" fill="none">
+  <line x1="385" y1="310" x2="210" y2="312"/>
+  <line x1="385" y1="370" x2="226" y2="392"/>
+</g>
+<!-- frame -->
+<g stroke="#1f8a70" stroke-width="14" stroke-linecap="round" stroke-linejoin="round" fill="none">
+  <path d="M210 330 L352 190 L385 340 Z"/>
+  <path d="M352 190 L548 178 L560 222 L385 340"/>
+  <line x1="340" y1="150" x2="352" y2="192"/>
+</g>
+<!-- fork and stem -->
+<g stroke="#262a31" stroke-linecap="round" fill="none">
+  <path d="M560 222 Q575 280 590 330" stroke-width="11"/>
+  <path d="M548 178 L542 146" stroke-width="10"/>
+  <path d="M530 140 L590 132 Q622 130 618 162 Q614 178 600 178" stroke-width="9" stroke-linejoin="round"/>
+</g>
+<rect x="592" y="132" width="10" height="16" rx="3" fill="#59616b"/>
+<!-- saddle -->
+<path d="M296 146 Q330 132 382 142 Q386 152 372 154 L312 156 Q292 156 296 146 Z" fill="#262a31"/>
+<!-- chainring and crank -->
+<circle cx="385" cy="340" r="30" fill="#eef2f5" stroke="#3b4048" stroke-width="5"/>
+<circle cx="385" cy="340" r="9" fill="#59616b"/>
+<line x1="385" y1="340" x2="412" y2="394" stroke="#3b4048" stroke-width="9" stroke-linecap="round"/>
+<rect x="398" y="392" width="34" height="9" rx="3" fill="#262a31"/>
+</svg>