@tscircuit/runframe 0.0.2459 → 0.0.2461

package/dist/example-static-gallery/boards/sensor-node/pcb.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600"><style></style><rect class="boundary" x="0" y="0" fill="#000" width="800" height="600" data-type="pcb_background" data-pcb-layer="global"/><rect class="pcb-boundary" fill="none" stroke="#fff" stroke-width="0.3" x="53.84615384615387" y="23.076923076923094" width="692.3076923076924" height="553.8461538461538" data-type="pcb_boundary" data-pcb-layer="global"/><path class="pcb-board" d="M 53.84615384615387 576.9230769230769 L 746.1538461538462 576.9230769230769 L 746.1538461538462 23.076923076923094 L 53.84615384615387 23.076923076923094 Z" fill="none" stroke="rgba(255, 255, 255, 0.5)" stroke-width="2.307692307692308" data-type="pcb_board" data-pcb-layer="board"/><rect class="pcb-pad" fill="rgb(200, 52, 52)" x="338.8461538461538" y="249.1153846153846" width="23.076923076923077" height="13.846153846153845" data-type="pcb_smtpad" data-pcb-layer="top" data-pad-name="U1.pin1"/><rect class="pcb-pad" fill="rgb(200, 52, 52)" x="338.8461538461538" y="278.42307692307696" width="23.076923076923077" height="13.846153846153845" data-type="pcb_smtpad" data-pcb-layer="top" data-pad-name="U1.pin2"/><rect class="pcb-pad" fill="rgb(200, 52, 52)" x="338.8461538461538" y="307.7307692307692" width="23.076923076923077" height="13.846153846153845" data-type="pcb_smtpad" data-pcb-layer="top" data-pad-name="U1.pin3"/><rect class="pcb-pad" fill="rgb(200, 52, 52)" x="338.8461538461538" y="337.03846153846155" width="23.076923076923077" height="13.846153846153845" data-type="pcb_smtpad" data-pcb-layer="top" data-pad-name="U1.pin4"/><rect class="pcb-pad" fill="rgb(200, 52, 52)" x="438.0769230769231" y="337.03846153846155" width="23.076923076923077" height="13.846153846153845" data-type="pcb_smtpad" data-pcb-layer="top" data-pad-name="U1.pin5"/><rect class="pcb-pad" fill="rgb(200, 52, 52)" x="438.0769230769231" y="307.7307692307692" width="23.076923076923077" height="13.846153846153845" data-type="pcb_smtpad" data-pcb-layer="top" data-pad-name="U1.pin6"/><rect class="pcb-pad" fill="rgb(200, 52, 52)" x="438.0769230769231" y="278.42307692307696" width="23.076923076923077" height="13.846153846153845" data-type="pcb_smtpad" data-pcb-layer="top" data-pad-name="U1.pin7"/><rect class="pcb-pad" fill="rgb(200, 52, 52)" x="438.0769230769231" y="249.1153846153846" width="23.076923076923077" height="13.846153846153845" data-type="pcb_smtpad" data-pcb-layer="top" data-pad-name="U1.pin8"/><rect class="pcb-pad" fill="rgb(200, 52, 52)" x="197.3846153846154" y="154.15384615384616" width="12.461538461538462" height="14.76923076923077" data-type="pcb_smtpad" data-pcb-layer="top" data-pad-name="R1.pin1"/><rect class="pcb-pad" fill="rgb(200, 52, 52)" x="220.92307692307693" y="154.15384615384616" width="12.461538461538462" height="14.76923076923077" data-type="pcb_smtpad" data-pcb-layer="top" data-pad-name="R1.pin2"/><rect class="pcb-pad" fill="rgb(200, 52, 52)" x="197.3846153846154" y="246.46153846153845" width="12.461538461538462" height="14.76923076923077" data-type="pcb_smtpad" data-pcb-layer="top" data-pad-name="R2.pin1"/><rect class="pcb-pad" fill="rgb(200, 52, 52)" x="220.92307692307693" y="246.46153846153845" width="12.461538461538462" height="14.76923076923077" data-type="pcb_smtpad" data-pcb-layer="top" data-pad-name="R2.pin2"/><rect class="pcb-pad" fill="rgb(200, 52, 52)" x="197.3846153846154" y="338.7692307692308" width="12.461538461538462" height="14.76923076923077" data-type="pcb_smtpad" data-pcb-layer="top" data-pad-name="R3.pin1"/><rect class="pcb-pad" fill="rgb(200, 52, 52)" x="220.92307692307693" y="338.7692307692308" width="12.461538461538462" height="14.76923076923077" data-type="pcb_smtpad" data-pcb-layer="top" data-pad-name="R3.pin2"/><rect class="pcb-pad" fill="rgb(200, 52, 52)" x="566.6153846153845" y="154.15384615384616" width="12.461538461538462" height="14.76923076923077" data-type="pcb_smtpad" data-pcb-layer="top" data-pad-name="C1.pin1"/><rect class="pcb-pad" fill="rgb(200, 52, 52)" x="590.1538461538461" y="154.15384615384616" width="12.461538461538462" height="14.76923076923077" data-type="pcb_smtpad" data-pcb-layer="top" data-pad-name="C1.pin2"/><rect class="pcb-pad" fill="rgb(200, 52, 52)" x="556.3461538461538" y="265.96153846153845" width="18.461538461538463" height="21.923076923076923" data-type="pcb_smtpad" data-pcb-layer="top" data-pad-name="C2.pin1"/><rect class="pcb-pad" fill="rgb(200, 52, 52)" x="594.4230769230769" y="265.96153846153845" width="18.461538461538463" height="21.923076923076923" data-type="pcb_smtpad" data-pcb-layer="top" data-pad-name="C2.pin2"/><rect class="pcb-pad" fill="rgb(200, 52, 52)" x="551.7307692307693" y="399.2307692307692" width="23.65384615384615" height="32.30769230769231" data-type="pcb_smtpad" data-pcb-layer="top" data-pad-name="C3.pin1"/><rect class="pcb-pad" fill="rgb(200, 52, 52)" x="593.8461538461538" y="399.2307692307692" width="23.65384615384615" height="32.30769230769231" data-type="pcb_smtpad" data-pcb-layer="top" data-pad-name="C3.pin2"/><path class="pcb-silkscreen pcb-silkscreen-top" d="M 364.2307692307692 358.21153846153845 L 364.2307692307692 241.78846153846155 L 388.0769230769231 241.78846153846155 L 388.9845132662116 246.3512255397376 L 391.5691114550835 250.21935008337806 L 395.4372359987239 252.80394827224995 L 400 253.71153846153845 L 404.5627640012761 252.80394827224995 L 408.4308885449165 250.21935008337806 L 411.0154867337884 246.3512255397376 L 411.9230769230769 241.78846153846155 L 435.7692307692308 241.78846153846155 L 435.7692307692308 358.21153846153845 L 364.2307692307692 358.21153846153845 Z" fill="none" stroke="#f2eda1" stroke-width="2.307692307692308" stroke-linecap="round" stroke-linejoin="round" data-pcb-component-id="pcb_component_0" data-pcb-silkscreen-path-id="pcb_silkscreen_path_0" data-type="pcb_silkscreen_path" data-pcb-layer="top"/><text x="0" y="0" dx="0" dy="0" fill="#f2eda1" font-family="Arial, sans-serif" font-size="14.317307692307692" text-anchor="middle" dominant-baseline="central" transform="matrix(1,0,0,1,400,232.55769230769232)" class="pcb-silkscreen-text pcb-silkscreen-top" data-pcb-silkscreen-text-id="pcb_silkscreen_text_0" stroke="none" data-type="pcb_silkscreen_text" data-pcb-layer="top">U1</text><path class="pcb-silkscreen pcb-silkscreen-top" d="M 211.83905384615383 152.76923076923077 L 218.93017692307694 152.76923076923077" fill="none" stroke="#f2eda1" stroke-width="2.769230769230769" stroke-linecap="round" stroke-linejoin="round" data-pcb-component-id="pcb_component_1" data-pcb-silkscreen-path-id="pcb_silkscreen_path_1" data-type="pcb_silkscreen_path" data-pcb-layer="top"/><path class="pcb-silkscreen pcb-silkscreen-top" d="M 211.83905384615383 170.30769230769232 L 218.93017692307694 170.30769230769232" fill="none" stroke="#f2eda1" stroke-width="2.769230769230769" stroke-linecap="round" stroke-linejoin="round" data-pcb-component-id="pcb_component_1" data-pcb-silkscreen-path-id="pcb_silkscreen_path_2" data-type="pcb_silkscreen_path" data-pcb-layer="top"/><text x="0" y="0" dx="0" dy="0" fill="#f2eda1" font-family="Arial, sans-serif" font-size="9.230769230769232" text-anchor="middle" dominant-baseline="central" transform="matrix(1,0,0,1,215.3846153846154,133.3846153846154)" class="pcb-silkscreen-text pcb-silkscreen-top" data-pcb-silkscreen-text-id="pcb_silkscreen_text_1" stroke="none" data-type="pcb_silkscreen_text" data-pcb-layer="top">R1</text><path class="pcb-silkscreen pcb-silkscreen-top" d="M 211.83905384615383 245.0769230769231 L 218.93017692307694 245.0769230769231" fill="none" stroke="#f2eda1" stroke-width="2.769230769230769" stroke-linecap="round" stroke-linejoin="round" data-pcb-component-id="pcb_component_2" data-pcb-silkscreen-path-id="pcb_silkscreen_path_3" data-type="pcb_silkscreen_path" data-pcb-layer="top"/><path class="pcb-silkscreen pcb-silkscreen-top" d="M 211.83905384615383 262.61538461538464 L 218.93017692307694 262.61538461538464" fill="none" stroke="#f2eda1" stroke-width="2.769230769230769" stroke-linecap="round" stroke-linejoin="round" data-pcb-component-id="pcb_component_2" data-pcb-silkscreen-path-id="pcb_silkscreen_path_4" data-type="pcb_silkscreen_path" data-pcb-layer="top"/><text x="0" y="0" dx="0" dy="0" fill="#f2eda1" font-family="Arial, sans-serif" font-size="9.230769230769232" text-anchor="middle" dominant-baseline="central" transform="matrix(1,0,0,1,215.3846153846154,225.69230769230768)" class="pcb-silkscreen-text pcb-silkscreen-top" data-pcb-silkscreen-text-id="pcb_silkscreen_text_2" stroke="none" data-type="pcb_silkscreen_text" data-pcb-layer="top">R2</text><path class="pcb-silkscreen pcb-silkscreen-top" d="M 211.83905384615383 337.38461538461536 L 218.93017692307694 337.38461538461536" fill="none" stroke="#f2eda1" stroke-width="2.769230769230769" stroke-linecap="round" stroke-linejoin="round" data-pcb-component-id="pcb_component_3" data-pcb-silkscreen-path-id="pcb_silkscreen_path_5" data-type="pcb_silkscreen_path" data-pcb-layer="top"/><path class="pcb-silkscreen pcb-silkscreen-top" d="M 211.83905384615383 354.9230769230769 L 218.93017692307694 354.9230769230769" fill="none" stroke="#f2eda1" stroke-width="2.769230769230769" stroke-linecap="round" stroke-linejoin="round" data-pcb-component-id="pcb_component_3" data-pcb-silkscreen-path-id="pcb_silkscreen_path_6" data-type="pcb_silkscreen_path" data-pcb-layer="top"/><text x="0" y="0" dx="0" dy="0" fill="#f2eda1" font-family="Arial, sans-serif" font-size="9.230769230769232" text-anchor="middle" dominant-baseline="central" transform="matrix(1,0,0,1,215.3846153846154,318)" class="pcb-silkscreen-text pcb-silkscreen-top" data-pcb-silkscreen-text-id="pcb_silkscreen_text_3" stroke="none" data-type="pcb_silkscreen_text" data-pcb-layer="top">R3</text><path class="pcb-silkscreen pcb-silkscreen-top" d="M 596.3846153846154 144.92307692307693 L 562 144.92307692307693 L 562 178.15384615384613 L 596.3846153846154 178.15384615384613" fill="none" stroke="#f2eda1" stroke-width="2.307692307692308" stroke-linecap="round" stroke-linejoin="round" data-pcb-component-id="pcb_component_4" data-pcb-silkscreen-path-id="pcb_silkscreen_path_7" data-type="pcb_silkscreen_path" data-pcb-layer="top"/><text x="0" y="0" dx="0" dy="0" fill="#f2eda1" font-family="Arial, sans-serif" font-size="9.230769230769232" text-anchor="middle" dominant-baseline="central" transform="matrix(1,0,0,1,584.6153846153846,133.3846153846154)" class="pcb-silkscreen-text pcb-silkscreen-top" data-pcb-silkscreen-text-id="pcb_silkscreen_text_4" stroke="none" data-type="pcb_silkscreen_text" data-pcb-layer="top">C1</text><path class="pcb-silkscreen pcb-silkscreen-top" d="M 603.6538461538462 256.7307692307692 L 551.7307692307693 256.7307692307692 L 551.7307692307693 297.11538461538464 L 603.6538461538462 297.11538461538464" fill="none" stroke="#f2eda1" stroke-width="2.307692307692308" stroke-linecap="round" stroke-linejoin="round" data-pcb-component-id="pcb_component_5" data-pcb-silkscreen-path-id="pcb_silkscreen_path_8" data-type="pcb_silkscreen_path" data-pcb-layer="top"/><text x="0" y="0" dx="0" dy="0" fill="#f2eda1" font-family="Arial, sans-serif" font-size="9.230769230769232" text-anchor="middle" dominant-baseline="central" transform="matrix(1,0,0,1,584.6153846153846,245.19230769230768)" class="pcb-silkscreen-text pcb-silkscreen-top" data-pcb-silkscreen-text-id="pcb_silkscreen_text_5" stroke="none" data-type="pcb_silkscreen_text" data-pcb-layer="top">C2</text><path class="pcb-silkscreen pcb-silkscreen-top" d="M 605.6730769230769 390 L 547.1153846153846 390 L 547.1153846153846 440.7692307692307 L 605.6730769230769 440.7692307692307" fill="none" stroke="#f2eda1" stroke-width="2.307692307692308" stroke-linecap="round" stroke-linejoin="round" data-pcb-component-id="pcb_component_6" data-pcb-silkscreen-path-id="pcb_silkscreen_path_9" data-type="pcb_silkscreen_path" data-pcb-layer="top"/><text x="0" y="0" dx="0" dy="0" fill="#f2eda1" font-family="Arial, sans-serif" font-size="9.230769230769232" text-anchor="middle" dominant-baseline="central" transform="matrix(1,0,0,1,584.6153846153846,378.46153846153845)" class="pcb-silkscreen-text pcb-silkscreen-top" data-pcb-silkscreen-text-id="pcb_silkscreen_text_6" stroke="none" data-type="pcb_silkscreen_text" data-pcb-layer="top">C3</text></svg>

package/dist/example-static-gallery/boards/sensor-node/schematic.svg

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="tscircuit-schematic" width="1200" height="600" style="background-color: rgb(245, 241, 237)" data-real-to-screen-transform="matrix(42.002100105,0,0,-42.002100105,600,51.2425621281)"><style>
+              .boundary { fill: rgb(245, 241, 237); }
+              .schematic-boundary { fill: none; stroke: #fff; }
+              .component { fill: none; stroke: rgb(132, 0, 0); }
+              .chip { fill: rgb(255, 255, 194); stroke: rgb(132, 0, 0); }
+              .component-pin { fill: none; stroke: rgb(132, 0, 0); }
+              .text { font-family: sans-serif; fill: rgb(0, 150, 0); }
+              .pin-number { fill: rgb(169, 0, 0); }
+              .port-label { fill: rgb(0, 100, 100); }
+              .component-name { fill: rgb(0, 100, 100); }
+
+            </style><rect class="boundary" x="0" y="0" width="1200" height="600"/><g class="sch-component" data-circuit-json-type="schematic_component" data-schematic-component-id="schematic_component_0"><rect class="component chip sch-component-body" x="591.599579979" y="30.2415120756" width="16.80084004199989" height="42.002100105" stroke-width="0.8400420020999999px" fill="rgb(255, 255, 194)" stroke="rgb(132, 0, 0)"/><rect class="component-overlay sch-component-overlay" x="591.599579979" y="30.2415120756" width="16.80084004199989" height="42.002100105" fill="transparent"/><text class="sch-text" x="591.599579979" y="77.70388519424999" fill="#006464" text-anchor="start" dominant-baseline="middle" font-family="sans-serif" font-size="7.560378018899999px" transform="rotate(0, 591.599579979, 77.70388519424999)"></text><text class="sch-text" x="591.599579979" y="24.78123906195" fill="#006464" text-anchor="start" dominant-baseline="middle" font-family="sans-serif" font-size="7.560378018899999px" transform="rotate(0, 591.599579979, 24.78123906195)">U1</text><line class="component-pin sch-component-pin sch-port-line" x1="591.599579979" y1="38.641932096599994" x2="575.6387819391" y2="38.641932096599994" stroke-width="0.8400420020999999px"/><g class="sch-port" data-schematic-port-id="source_port_0"><circle class="component-pin sch-component-pin sch-port-terminal" cx="574.798739937" cy="38.641932096599994" r="0.8400420020999999" stroke-width="0.8400420020999999px"/><rect x="573.9586979349001" y="37.801890094499996" width="1.6800840041999998" height="1.6800840041999998" opacity="0"/></g><text class="pin-number sch-pin-number" x="583.199159958" y="37.801890094499996" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="6.300315015749999px" transform="">1</text><line class="component-pin sch-component-pin sch-port-line" x1="591.599579979" y1="47.0423521176" x2="575.6387819391" y2="47.0423521176" stroke-width="0.8400420020999999px"/><g class="sch-port" data-schematic-port-id="source_port_1"><circle class="component-pin sch-component-pin sch-port-terminal" cx="574.798739937" cy="47.0423521176" r="0.8400420020999999" stroke-width="0.8400420020999999px"/><rect x="573.9586979349001" y="46.2023101155" width="1.6800840041999998" height="1.6800840041999998" opacity="0"/></g><text class="pin-number sch-pin-number" x="583.199159958" y="46.2023101155" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="6.300315015749999px" transform="">2</text><line class="component-pin sch-component-pin sch-port-line" x1="591.599579979" y1="55.4427721386" x2="575.6387819391" y2="55.4427721386" stroke-width="0.8400420020999999px"/><g class="sch-port" data-schematic-port-id="source_port_2"><circle class="component-pin sch-component-pin sch-port-terminal" cx="574.798739937" cy="55.4427721386" r="0.8400420020999999" stroke-width="0.8400420020999999px"/><rect x="573.9586979349001" y="54.6027301365" width="1.6800840041999998" height="1.6800840041999998" opacity="0"/></g><text class="pin-number sch-pin-number" x="583.199159958" y="54.6027301365" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="6.300315015749999px" transform="">3</text><line class="component-pin sch-component-pin sch-port-line" x1="591.599579979" y1="63.8431921596" x2="575.6387819391" y2="63.8431921596" stroke-width="0.8400420020999999px"/><g class="sch-port" data-schematic-port-id="source_port_3"><circle class="component-pin sch-component-pin sch-port-terminal" cx="574.798739937" cy="63.8431921596" r="0.8400420020999999" stroke-width="0.8400420020999999px"/><rect x="573.9586979349001" y="63.0031501575" width="1.6800840041999998" height="1.6800840041999998" opacity="0"/></g><text class="pin-number sch-pin-number" x="583.199159958" y="63.0031501575" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="6.300315015749999px" transform="">4</text><line class="component-pin sch-component-pin sch-port-line" x1="608.400420021" y1="63.8431921596" x2="624.3612180609" y2="63.8431921596" stroke-width="0.8400420020999999px"/><g class="sch-port" data-schematic-port-id="source_port_4"><circle class="component-pin sch-component-pin sch-port-terminal" cx="625.201260063" cy="63.8431921596" r="0.8400420020999999" stroke-width="0.8400420020999999px"/><rect x="624.3612180609" y="63.0031501575" width="1.6800840041999998" height="1.6800840041999998" opacity="0"/></g><text class="pin-number sch-pin-number" x="616.800840042" y="63.0031501575" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="6.300315015749999px" transform="">5</text><line class="component-pin sch-component-pin sch-port-line" x1="608.400420021" y1="55.4427721386" x2="624.3612180609" y2="55.4427721386" stroke-width="0.8400420020999999px"/><g class="sch-port" data-schematic-port-id="source_port_5"><circle class="component-pin sch-component-pin sch-port-terminal" cx="625.201260063" cy="55.4427721386" r="0.8400420020999999" stroke-width="0.8400420020999999px"/><rect x="624.3612180609" y="54.6027301365" width="1.6800840041999998" height="1.6800840041999998" opacity="0"/></g><text class="pin-number sch-pin-number" x="616.800840042" y="54.6027301365" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="6.300315015749999px" transform="">6</text><line class="component-pin sch-component-pin sch-port-line" x1="608.400420021" y1="47.0423521176" x2="624.3612180609" y2="47.0423521176" stroke-width="0.8400420020999999px"/><g class="sch-port" data-schematic-port-id="source_port_6"><circle class="component-pin sch-component-pin sch-port-terminal" cx="625.201260063" cy="47.0423521176" r="0.8400420020999999" stroke-width="0.8400420020999999px"/><rect x="624.3612180609" y="46.2023101155" width="1.6800840041999998" height="1.6800840041999998" opacity="0"/></g><text class="pin-number sch-pin-number" x="616.800840042" y="46.2023101155" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="6.300315015749999px" transform="">7</text><line class="component-pin sch-component-pin sch-port-line" x1="608.400420021" y1="38.641932096599994" x2="624.3612180609" y2="38.641932096599994" stroke-width="0.8400420020999999px"/><g class="sch-port" data-schematic-port-id="source_port_7"><circle class="component-pin sch-component-pin sch-port-terminal" cx="625.201260063" cy="38.641932096599994" r="0.8400420020999999" stroke-width="0.8400420020999999px"/><rect x="624.3612180609" y="37.801890094499996" width="1.6800840041999998" height="1.6800840041999998" opacity="0"/></g><text class="pin-number sch-pin-number" x="616.800840042" y="37.801890094499996" style="font-family: sans-serif;" fill="rgb(169, 0, 0)" text-anchor="middle" dominant-baseline="auto" font-size="6.300315015749999px" transform="">8</text></g><g class="sch-component" data-circuit-json-type="schematic_component" data-schematic-component-id="schematic_component_1"><rect class="component-overlay sch-component-overlay" x="587.3993699685" y="150.36835841790207" width="25.201260063000063" height="6.718655932795798" fill="transparent"/><path class="sch-component-symbol-path" d="M 587.3993699685 153.72768638429997 L 591.6004200210022 153.72768638429997" stroke="rgb(132, 0, 0)" fill="none" stroke-width="0.8400420020999999px" stroke-linecap="round"/><path class="sch-component-symbol-path" d="M 608.3995799789978 153.72768638429997 L 612.6006300315 153.72768638429997" stroke="rgb(132, 0, 0)" fill="none" stroke-width="0.8400420020999999px" stroke-linecap="round"/><path class="sch-component-symbol-path" d="M 591.6004200210022 150.36835841790207 L 608.3995799789978 150.36835841790207 L 608.3995799789978 157.08701435069787 L 591.6004200210022 157.08701435069787 L 591.6004200210022 150.36835841790207" stroke="rgb(132, 0, 0)" fill="none" stroke-width="0.8400420020999999px" stroke-linecap="round"/><text class="sch-component-name sch-component-text" x="600" y="147.00735036749998" stroke="rgb(245, 241, 237)" stroke-width="0.8400420020999999px" paint-order="stroke" fill="rgb(15, 15, 15)" font-family="sans-serif" text-anchor="middle" dominant-baseline="ideographic" font-size="7.560378018899999px">R1</text><text class="sch-component-text" x="600" y="160.44802240109996" fill="rgb(15, 15, 15)" font-family="sans-serif" text-anchor="middle" dominant-baseline="hanging" font-size="7.560378018899999px">100kΩ</text><circle class="component-pin sch-component-pin" cx="587.3993699685" cy="153.72768638429997" r="0.8400420020999999px" stroke-width="0.8400420020999999px" fill="none" stroke="rgb(132, 0, 0)"/><circle class="component-pin sch-component-pin" cx="612.6006300315" cy="153.72768638429997" r="0.8400420020999999px" stroke-width="0.8400420020999999px" fill="none" stroke="rgb(132, 0, 0)"/></g><g class="sch-component" data-circuit-json-type="schematic_component" data-schematic-component-id="schematic_component_2"><rect class="component-overlay sch-component-overlay" x="587.3993699685" y="229.33230661530206" width="25.201260063000063" height="6.718655932795798" fill="transparent"/><path class="sch-component-symbol-path" d="M 587.3993699685 232.69163458169996 L 591.6004200210022 232.69163458169996" stroke="rgb(132, 0, 0)" fill="none" stroke-width="0.8400420020999999px" stroke-linecap="round"/><path class="sch-component-symbol-path" d="M 608.3995799789978 232.69163458169996 L 612.6006300315 232.69163458169996" stroke="rgb(132, 0, 0)" fill="none" stroke-width="0.8400420020999999px" stroke-linecap="round"/><path class="sch-component-symbol-path" d="M 591.6004200210022 229.33230661530206 L 608.3995799789978 229.33230661530206 L 608.3995799789978 236.05096254809786 L 591.6004200210022 236.05096254809786 L 591.6004200210022 229.33230661530206" stroke="rgb(132, 0, 0)" fill="none" stroke-width="0.8400420020999999px" stroke-linecap="round"/><text class="sch-component-name sch-component-text" x="600" y="225.97129856489997" stroke="rgb(245, 241, 237)" stroke-width="0.8400420020999999px" paint-order="stroke" fill="rgb(15, 15, 15)" font-family="sans-serif" text-anchor="middle" dominant-baseline="ideographic" font-size="7.560378018899999px">R2</text><text class="sch-component-text" x="600" y="239.41197059849995" fill="rgb(15, 15, 15)" font-family="sans-serif" text-anchor="middle" dominant-baseline="hanging" font-size="7.560378018899999px">10kΩ</text><circle class="component-pin sch-component-pin" cx="587.3993699685" cy="232.69163458169996" r="0.8400420020999999px" stroke-width="0.8400420020999999px" fill="none" stroke="rgb(132, 0, 0)"/><circle class="component-pin sch-component-pin" cx="612.6006300315" cy="232.69163458169996" r="0.8400420020999999px" stroke-width="0.8400420020999999px" fill="none" stroke="rgb(132, 0, 0)"/></g><g class="sch-component" data-circuit-json-type="schematic_component" data-schematic-component-id="schematic_component_3"><rect class="component-overlay sch-component-overlay" x="587.3993699685" y="308.29625481270205" width="25.201260063000063" height="6.718655932795855" fill="transparent"/><path class="sch-component-symbol-path" d="M 587.3993699685 311.6555827791 L 591.6004200210022 311.6555827791" stroke="rgb(132, 0, 0)" fill="none" stroke-width="0.8400420020999999px" stroke-linecap="round"/><path class="sch-component-symbol-path" d="M 608.3995799789978 311.6555827791 L 612.6006300315 311.6555827791" stroke="rgb(132, 0, 0)" fill="none" stroke-width="0.8400420020999999px" stroke-linecap="round"/><path class="sch-component-symbol-path" d="M 591.6004200210022 308.29625481270205 L 608.3995799789978 308.29625481270205 L 608.3995799789978 315.0149107454979 L 591.6004200210022 315.0149107454979 L 591.6004200210022 308.29625481270205" stroke="rgb(132, 0, 0)" fill="none" stroke-width="0.8400420020999999px" stroke-linecap="round"/><text class="sch-component-name sch-component-text" x="600" y="304.9352467623" stroke="rgb(245, 241, 237)" stroke-width="0.8400420020999999px" paint-order="stroke" fill="rgb(15, 15, 15)" font-family="sans-serif" text-anchor="middle" dominant-baseline="ideographic" font-size="7.560378018899999px">R3</text><text class="sch-component-text" x="600" y="318.37591879589996" fill="rgb(15, 15, 15)" font-family="sans-serif" text-anchor="middle" dominant-baseline="hanging" font-size="7.560378018899999px">1kΩ</text><circle class="component-pin sch-component-pin" cx="587.3993699685" cy="311.6555827791" r="0.8400420020999999px" stroke-width="0.8400420020999999px" fill="none" stroke="rgb(132, 0, 0)"/><circle class="component-pin sch-component-pin" cx="612.6006300315" cy="311.6555827791" r="0.8400420020999999px" stroke-width="0.8400420020999999px" fill="none" stroke="rgb(132, 0, 0)"/></g><g class="sch-component" data-circuit-json-type="schematic_component" data-schematic-component-id="schematic_component_4"><rect class="component-overlay sch-component-overlay" x="587.3993699685" y="387.2585229260979" width="25.201260063000063" height="13.442352117604173" fill="transparent"/><path class="sch-component-symbol-path" d="M 612.6006300315 393.9796989849 L 602.5201260063 393.9796989849" stroke="rgb(132, 0, 0)" fill="none" stroke-width="0.8400420020999999px" stroke-linecap="round"/><path class="sch-component-symbol-path" d="M 597.4798739937 393.9796989849 L 587.3993699685 393.9796989849" stroke="rgb(132, 0, 0)" fill="none" stroke-width="0.8400420020999999px" stroke-linecap="round"/><path class="sch-component-symbol-path" d="M 602.5201260063 387.2585229260979 L 602.5201260063 400.70087504370207" stroke="rgb(132, 0, 0)" fill="none" stroke-width="0.8400420020999999px" stroke-linecap="round"/><path class="sch-component-symbol-path" d="M 597.4798739937 387.2585229260979 L 597.4798739937 400.70087504370207" stroke="rgb(132, 0, 0)" fill="none" stroke-width="0.8400420020999999px" stroke-linecap="round"/><text class="sch-component-name sch-component-text" x="600" y="383.89919495969997" stroke="rgb(245, 241, 237)" stroke-width="0.8400420020999999px" paint-order="stroke" fill="rgb(15, 15, 15)" font-family="sans-serif" text-anchor="middle" dominant-baseline="ideographic" font-size="7.560378018899999px">C1</text><text class="sch-component-text" x="600" y="404.0602030101" fill="rgb(15, 15, 15)" font-family="sans-serif" text-anchor="middle" dominant-baseline="hanging" font-size="7.560378018899999px">100nF</text><circle class="component-pin sch-component-pin" cx="587.3993699685" cy="393.9796989849" r="0.8400420020999999px" stroke-width="0.8400420020999999px" fill="none" stroke="rgb(132, 0, 0)"/><circle class="component-pin sch-component-pin" cx="612.6006300315" cy="393.9796989849" r="0.8400420020999999px" stroke-width="0.8400420020999999px" fill="none" stroke="rgb(132, 0, 0)"/></g><g class="sch-component" data-circuit-json-type="schematic_component" data-schematic-component-id="schematic_component_5"><rect class="component-overlay sch-component-overlay" x="587.3993699685" y="472.9428071402979" width="25.201260063000063" height="13.442352117604173" fill="transparent"/><path class="sch-component-symbol-path" d="M 612.6006300315 479.66398319909996 L 602.5201260063 479.66398319909996" stroke="rgb(132, 0, 0)" fill="none" stroke-width="0.8400420020999999px" stroke-linecap="round"/><path class="sch-component-symbol-path" d="M 597.4798739937 479.66398319909996 L 587.3993699685 479.66398319909996" stroke="rgb(132, 0, 0)" fill="none" stroke-width="0.8400420020999999px" stroke-linecap="round"/><path class="sch-component-symbol-path" d="M 602.5201260063 472.9428071402979 L 602.5201260063 486.38515925790205" stroke="rgb(132, 0, 0)" fill="none" stroke-width="0.8400420020999999px" stroke-linecap="round"/><path class="sch-component-symbol-path" d="M 597.4798739937 472.9428071402979 L 597.4798739937 486.38515925790205" stroke="rgb(132, 0, 0)" fill="none" stroke-width="0.8400420020999999px" stroke-linecap="round"/><text class="sch-component-name sch-component-text" x="600" y="469.58347917389995" stroke="rgb(245, 241, 237)" stroke-width="0.8400420020999999px" paint-order="stroke" fill="rgb(15, 15, 15)" font-family="sans-serif" text-anchor="middle" dominant-baseline="ideographic" font-size="7.560378018899999px">C2</text><text class="sch-component-text" x="600" y="489.7444872243" fill="rgb(15, 15, 15)" font-family="sans-serif" text-anchor="middle" dominant-baseline="hanging" font-size="7.560378018899999px">1uF</text><circle class="component-pin sch-component-pin" cx="587.3993699685" cy="479.66398319909996" r="0.8400420020999999px" stroke-width="0.8400420020999999px" fill="none" stroke="rgb(132, 0, 0)"/><circle class="component-pin sch-component-pin" cx="612.6006300315" cy="479.66398319909996" r="0.8400420020999999px" stroke-width="0.8400420020999999px" fill="none" stroke="rgb(132, 0, 0)"/></g><g class="sch-component" data-circuit-json-type="schematic_component" data-schematic-component-id="schematic_component_6"><rect class="component-overlay sch-component-overlay" x="587.3993699685" y="558.6270913544977" width="25.201260063000063" height="13.442352117604287" fill="transparent"/><path class="sch-component-symbol-path" d="M 612.6006300315 565.3482674132998 L 602.5201260063 565.3482674132998" stroke="rgb(132, 0, 0)" fill="none" stroke-width="0.8400420020999999px" stroke-linecap="round"/><path class="sch-component-symbol-path" d="M 597.4798739937 565.3482674132998 L 587.3993699685 565.3482674132998" stroke="rgb(132, 0, 0)" fill="none" stroke-width="0.8400420020999999px" stroke-linecap="round"/><path class="sch-component-symbol-path" d="M 602.5201260063 558.6270913544977 L 602.5201260063 572.069443472102" stroke="rgb(132, 0, 0)" fill="none" stroke-width="0.8400420020999999px" stroke-linecap="round"/><path class="sch-component-symbol-path" d="M 597.4798739937 558.6270913544977 L 597.4798739937 572.069443472102" stroke="rgb(132, 0, 0)" fill="none" stroke-width="0.8400420020999999px" stroke-linecap="round"/><text class="sch-component-name sch-component-text" x="600" y="555.2677633880999" stroke="rgb(245, 241, 237)" stroke-width="0.8400420020999999px" paint-order="stroke" fill="rgb(15, 15, 15)" font-family="sans-serif" text-anchor="middle" dominant-baseline="ideographic" font-size="7.560378018899999px">C3</text><text class="sch-component-text" x="600" y="575.4287714384998" fill="rgb(15, 15, 15)" font-family="sans-serif" text-anchor="middle" dominant-baseline="hanging" font-size="7.560378018899999px">4.7uF</text><circle class="component-pin sch-component-pin" cx="587.3993699685" cy="565.3482674132998" r="0.8400420020999999px" stroke-width="0.8400420020999999px" fill="none" stroke="rgb(132, 0, 0)"/><circle class="component-pin sch-component-pin" cx="612.6006300315" cy="565.3482674132998" r="0.8400420020999999px" stroke-width="0.8400420020999999px" fill="none" stroke="rgb(132, 0, 0)"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_0"><circle cx="574.798739937" cy="38.641932096599994" r="1.6800840041999998" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_1"><circle cx="574.798739937" cy="47.0423521176" r="1.6800840041999998" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_2"><circle cx="574.798739937" cy="55.4427721386" r="1.6800840041999998" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_3"><circle cx="574.798739937" cy="63.8431921596" r="1.6800840041999998" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_4"><circle cx="625.201260063" cy="63.8431921596" r="1.6800840041999998" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_5"><circle cx="625.201260063" cy="55.4427721386" r="1.6800840041999998" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_6"><circle cx="625.201260063" cy="47.0423521176" r="1.6800840041999998" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_7"><circle cx="625.201260063" cy="38.641932096599994" r="1.6800840041999998" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_8"><circle cx="587.3993699685" cy="153.72768638429997" r="1.6800840041999998" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_9"><circle cx="612.6006300315" cy="153.72768638429997" r="1.6800840041999998" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_10"><circle cx="587.3993699685" cy="232.69163458169996" r="1.6800840041999998" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_11"><circle cx="612.6006300315" cy="232.69163458169996" r="1.6800840041999998" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_12"><circle cx="587.3993699685" cy="311.6555827791" r="1.6800840041999998" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_13"><circle cx="612.6006300315" cy="311.6555827791" r="1.6800840041999998" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_14"><circle cx="587.3993699685" cy="393.9796989849" r="1.6800840041999998" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_15"><circle cx="612.6006300315" cy="393.9796989849" r="1.6800840041999998" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_16"><circle cx="587.3993699685" cy="479.66398319909996" r="1.6800840041999998" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_17"><circle cx="612.6006300315" cy="479.66398319909996" r="1.6800840041999998" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_18"><circle cx="587.3993699685" cy="565.3482674132998" r="1.6800840041999998" fill="red" opacity="0"/></g><g class="schematic-port-hover sch-port-hover" data-schematic-port-id="source_port_19"><circle cx="612.6006300315" cy="565.3482674132998" r="1.6800840041999998" fill="red" opacity="0"/></g></svg>

package/dist/preview.js

@@ -8,7 +8,7 @@ import {
   SchematicViewer,
   useOrderDialog,
   useOrderDialogCli
-} from "./chunk-4OLWPZIM.js";
+} from "./chunk-MDUZTX7J.js";
 export {
   BomTable,
   CadViewer,

package/dist/runner.d.ts

@@ -385,6 +385,8 @@ interface RunFrameStaticBuildViewerProps {
     projectName?: string;
     showFileMenu?: boolean;
     tabSelected?: TabId;
+    /** Open the visual circuit gallery on the initial render. */
+    defaultToGallery?: boolean;
 }
 declare const RunFrameStaticBuildViewer: (props: RunFrameStaticBuildViewerProps) => react.JSX.Element;
 
@@ -394,4 +396,12 @@ declare const CircuitJsonFileSelectorCombobox: ({ files, onFileChange, currentFi
     onFileChange: (value: string) => void;
 }) => react.JSX.Element;
 
-export { CircuitJsonFileSelectorCombobox, type ComponentSearchResult, ImportComponentDialog, ImportComponentDialog2, type ImportComponentDialog2Props, ImportComponentDialogForCli, type ImportComponentDialogProps, type ImportComponentDialogSearchResult, type ImportSource, type JlcpcbComponentSearchResult, type JlcpcbComponentSummary, type JlcpcbComponentTsxLoadedPayload, type KicadFootprintSearchResult, type KicadFootprintSummary, type KicadStringSelectedPayload, RunFrame, RunFrameForCli, type RunFrameForCliProps, type RunFrameProps, RunFrameStaticBuildViewer, type RunFrameStaticBuildViewerProps, RunFrameWithApi, type RunFrameWithApiProps, TabId, type TscircuitPackageDetails, type TscircuitPackageSearchResult, type TscircuitPackageSelectedPayload, guessEntrypoint, guessManualEditsFilePath, mapJLCComponentToSearchResult, mapTscircuitSnippetToSearchResult, searchJLCComponents, searchTscircuitComponents };
+declare const getCircuitPreviewImageUrls: (fileRef: CircuitJsonFileReference) => string[];
+declare const CircuitGallery: ({ files, projectName, onSelectFile, onClose, }: {
+    files: CircuitJsonFileReference[];
+    projectName?: string;
+    onSelectFile: (filePath: string) => void;
+    onClose: () => void;
+}) => react.JSX.Element;
+
+export { CircuitGallery, CircuitJsonFileSelectorCombobox, type ComponentSearchResult, ImportComponentDialog, ImportComponentDialog2, type ImportComponentDialog2Props, ImportComponentDialogForCli, type ImportComponentDialogProps, type ImportComponentDialogSearchResult, type ImportSource, type JlcpcbComponentSearchResult, type JlcpcbComponentSummary, type JlcpcbComponentTsxLoadedPayload, type KicadFootprintSearchResult, type KicadFootprintSummary, type KicadStringSelectedPayload, RunFrame, RunFrameForCli, type RunFrameForCliProps, type RunFrameProps, RunFrameStaticBuildViewer, type RunFrameStaticBuildViewerProps, RunFrameWithApi, type RunFrameWithApiProps, TabId, type TscircuitPackageDetails, type TscircuitPackageSearchResult, type TscircuitPackageSelectedPayload, getCircuitPreviewImageUrls, guessEntrypoint, guessManualEditsFilePath, mapJLCComponentToSearchResult, mapTscircuitSnippetToSearchResult, searchJLCComponents, searchTscircuitComponents };

package/dist/runner.js

@@ -40,7 +40,7 @@ import {
   useRunFrameStore,
   useRunnerStore,
   useStyles
-} from "./chunk-4OLWPZIM.js";
+} from "./chunk-MDUZTX7J.js";
 
 // lib/components/RunFrame/RunFrame.tsx
 import { createCircuitWebWorker } from "@tscircuit/eval/worker";
@@ -2891,7 +2891,7 @@ var ImportComponentDialog = ({
 };
 
 // lib/components/RunFrameStaticBuildViewer/RunFrameStaticBuildViewer.tsx
-import { useCallback as useCallback8, useEffect as useEffect10, useState as useState11 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect11, useState as useState12 } from "react";
 
 // lib/components/RunFrameStaticBuildViewer/CircuitJsonFileSelectorCombobox.tsx
 import { jsx as jsx11 } from "react/jsx-runtime";
@@ -2919,6 +2919,19 @@ import { ErrorBoundary as ErrorBoundary2 } from "react-error-boundary";
 
 // lib/components/RunFrameStaticBuildViewer/use-static-circuit-json-path-hash.ts
 import { useCallback as useCallback7, useState as useState10 } from "react";
+var isEnabledFlag = (value) => value !== null && !["0", "false", "off", "no"].includes(value.toLowerCase());
+var hasGalleryFlag = ({
+  hash,
+  search = ""
+}) => {
+  const hashParams = new URLSearchParams(
+    hash.startsWith("#") ? hash.slice(1) : hash
+  );
+  const searchParams = new URLSearchParams(
+    search.startsWith("?") ? search.slice(1) : search
+  );
+  return isEnabledFlag(hashParams.get("gallery")) || isEnabledFlag(searchParams.get("gallery"));
+};
 var getInitialCircuitJsonPath = ({
   hash,
   initialCircuitPath
@@ -2935,9 +2948,10 @@ var getUpdatedCircuitJsonPathHash = ({
   const params = new URLSearchParams(
     hash.startsWith("#") ? hash.slice(1) : hash
   );
-  if (params.get("file") === filePath && (!params.has("main_component") || params.get("main_component") === filePath)) {
+  if (params.get("file") === filePath && !params.has("gallery") && (!params.has("main_component") || params.get("main_component") === filePath)) {
     return hash.startsWith("#") ? hash : hash ? `#${hash}` : "";
   }
+  params.delete("gallery");
   params.set("file", filePath);
   if (params.has("main_component")) {
     params.set("main_component", filePath);
@@ -2945,7 +2959,7 @@ var getUpdatedCircuitJsonPathHash = ({
   const nextHash = params.toString();
   return nextHash ? `#${nextHash}` : "";
 };
-var useStaticCircuitJsonPathHash = (initialCircuitPath) => {
+var useStaticCircuitJsonPathHash = (initialCircuitPath, defaultToGallery = false) => {
   const [currentCircuitJsonPath, setCurrentCircuitJsonPath] = useState10(
     () => {
       if (typeof window === "undefined") return initialCircuitPath ?? "";
@@ -2955,34 +2969,172 @@ var useStaticCircuitJsonPathHash = (initialCircuitPath) => {
       });
     }
   );
+  const [isGalleryVisible, setIsGalleryVisible] = useState10(() => {
+    if (typeof window === "undefined") return defaultToGallery;
+    return defaultToGallery || hasGalleryFlag({
+      hash: window.location.hash,
+      search: window.location.search
+    });
+  });
+  const updateGalleryUrl = useCallback7((visible) => {
+    if (typeof window === "undefined") return;
+    const hashParams = new URLSearchParams(window.location.hash.slice(1));
+    const searchParams = new URLSearchParams(window.location.search.slice(1));
+    if (visible) {
+      hashParams.set("gallery", "true");
+    } else {
+      hashParams.delete("gallery");
+      searchParams.delete("gallery");
+    }
+    const search = searchParams.toString();
+    const hash = hashParams.toString();
+    window.history.replaceState(
+      null,
+      "",
+      `${window.location.pathname}${search ? `?${search}` : ""}${hash ? `#${hash}` : ""}`
+    );
+  }, []);
+  const showGallery = useCallback7(() => {
+    setIsGalleryVisible(true);
+    updateGalleryUrl(true);
+  }, [updateGalleryUrl]);
+  const hideGallery = useCallback7(() => {
+    setIsGalleryVisible(false);
+    updateGalleryUrl(false);
+  }, [updateGalleryUrl]);
   const updateFileHash = useCallback7((filePath) => {
     if (typeof window === "undefined") return;
     const newHash = getUpdatedCircuitJsonPathHash({
       hash: window.location.hash,
       filePath
     });
-    if (newHash === window.location.hash) return;
-    const newUrl = `${window.location.pathname}${window.location.search}${newHash}`;
+    const searchParams = new URLSearchParams(window.location.search.slice(1));
+    searchParams.delete("gallery");
+    const search = searchParams.toString();
+    const newUrl = `${window.location.pathname}${search ? `?${search}` : ""}${newHash}`;
+    if (newHash === window.location.hash && `${search ? `?${search}` : ""}` === window.location.search)
+      return;
     window.history.replaceState(null, "", newUrl);
   }, []);
   return {
     currentCircuitJsonPath,
     setCurrentCircuitJsonPath,
-    updateFileHash
+    updateFileHash,
+    isGalleryVisible,
+    showGallery,
+    hideGallery
   };
 };
 
-// lib/components/RunFrameStaticBuildViewer/RunFrameStaticBuildViewer.tsx
+// lib/components/RunFrameStaticBuildViewer/CircuitGallery.tsx
+import { ArrowLeft, ImageIcon } from "lucide-react";
+import { useEffect as useEffect10, useState as useState11 } from "react";
 import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+var getCircuitPreviewImageUrls = (fileRef) => {
+  const assetUrl = fileRef.fileStaticAssetUrl;
+  const queryOrHashIndex = assetUrl.search(/[?#]/);
+  const path = queryOrHashIndex === -1 ? assetUrl : assetUrl.slice(0, queryOrHashIndex);
+  const suffix = queryOrHashIndex === -1 ? "" : assetUrl.slice(queryOrHashIndex);
+  const directory = path.includes("/") ? path.slice(0, path.lastIndexOf("/") + 1) : "";
+  return ["3d.png", "pcb.png", "pcb.svg", "schematic.png", "schematic.svg"].map(
+    (fileName) => `${directory}${fileName}${suffix}`
+  );
+};
+var getCircuitDisplayName = (filePath) => {
+  const fileName = filePath.split("/").pop() ?? filePath;
+  return fileName.replace(/(\.board|\.circuit)?\.(tsx|jsx|json)$/i, "");
+};
+var CircuitGalleryPreviewImage = ({
+  fileRef
+}) => {
+  const previewUrls = getCircuitPreviewImageUrls(fileRef);
+  const [previewIndex, setPreviewIndex] = useState11(0);
+  if (previewIndex >= previewUrls.length) {
+    return /* @__PURE__ */ jsx12("div", { className: "rf-flex rf-h-full rf-w-full rf-items-center rf-justify-center rf-bg-zinc-100 rf-text-zinc-400", children: /* @__PURE__ */ jsx12(ImageIcon, { className: "rf-h-8 rf-w-8", "aria-hidden": "true" }) });
+  }
+  return /* @__PURE__ */ jsx12(
+    "img",
+    {
+      src: previewUrls[previewIndex],
+      alt: `Preview of ${getCircuitDisplayName(fileRef.filePath)}`,
+      className: "rf-h-full rf-w-full rf-object-contain rf-transition-transform rf-duration-200 group-hover:rf-scale-[1.03]",
+      loading: "lazy",
+      onError: () => setPreviewIndex((index) => index + 1)
+    }
+  );
+};
+var CircuitGallery = ({
+  files,
+  projectName,
+  onSelectFile,
+  onClose
+}) => {
+  useEffect10(() => {
+    const handleKeyDown = (event) => {
+      if (event.key === "Escape") onClose();
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [onClose]);
+  return /* @__PURE__ */ jsx12("main", { className: "rf-h-full rf-w-full rf-overflow-y-auto rf-bg-zinc-50", children: /* @__PURE__ */ jsxs10("div", { className: "rf-mx-auto rf-w-full rf-max-w-7xl rf-px-5 rf-py-8 sm:rf-px-8 sm:rf-py-10", children: [
+    /* @__PURE__ */ jsxs10("div", { className: "rf-mb-7 rf-flex rf-items-start rf-justify-between rf-gap-4", children: [
+      /* @__PURE__ */ jsxs10("div", { children: [
+        /* @__PURE__ */ jsx12("p", { className: "rf-mb-1 rf-text-xs rf-font-medium rf-uppercase rf-tracking-wider rf-text-zinc-500", children: projectName ?? "tscircuit project" }),
+        /* @__PURE__ */ jsx12("h1", { className: "rf-text-2xl rf-font-semibold rf-tracking-tight rf-text-zinc-950 sm:rf-text-3xl", children: "Circuit gallery" }),
+        /* @__PURE__ */ jsxs10("p", { className: "rf-mt-2 rf-text-sm rf-text-zinc-600", children: [
+          "Explore ",
+          files.length,
+          " ",
+          files.length === 1 ? "board" : "boards",
+          ". Select one to open its interactive preview."
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs10(Button, { type: "button", variant: "outline", onClick: onClose, children: [
+        /* @__PURE__ */ jsx12(ArrowLeft, { className: "rf-h-4 rf-w-4" }),
+        "Back to circuit"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx12("div", { className: "rf-grid rf-grid-cols-1 rf-gap-5 sm:rf-grid-cols-2 lg:rf-grid-cols-3", children: files.map((fileRef) => /* @__PURE__ */ jsxs10(
+      "button",
+      {
+        type: "button",
+        onClick: () => onSelectFile(fileRef.filePath),
+        className: "group rf-overflow-hidden rf-rounded-xl rf-border rf-border-zinc-200 rf-bg-white rf-text-left rf-shadow-sm rf-transition-all hover:rf--translate-y-0.5 hover:rf-border-zinc-300 hover:rf-shadow-md focus-visible:rf-outline-none focus-visible:rf-ring-2 focus-visible:rf-ring-zinc-900 focus-visible:rf-ring-offset-2",
+        children: [
+          /* @__PURE__ */ jsx12("div", { className: "rf-aspect-[4/3] rf-w-full rf-overflow-hidden rf-bg-white rf-p-3", children: /* @__PURE__ */ jsx12(CircuitGalleryPreviewImage, { fileRef }) }),
+          /* @__PURE__ */ jsxs10("div", { className: "rf-border-t rf-border-zinc-100 rf-px-4 rf-py-3", children: [
+            /* @__PURE__ */ jsx12("div", { className: "rf-truncate rf-text-sm rf-font-medium rf-text-zinc-900", children: getCircuitDisplayName(fileRef.filePath) }),
+            /* @__PURE__ */ jsx12("div", { className: "rf-mt-0.5 rf-truncate rf-text-xs rf-text-zinc-500", children: fileRef.filePath })
+          ] })
+        ]
+      },
+      fileRef.filePath
+    )) })
+  ] }) });
+};
+
+// lib/components/RunFrameStaticBuildViewer/RunFrameStaticBuildViewer.tsx
+import { LayoutGrid } from "lucide-react";
+import { Fragment as Fragment5, jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 var getErrorMessage = (error) => error instanceof Error ? error.message : "An unknown error occurred";
 var RunFrameStaticBuildViewer = (props) => {
   useStyles();
-  const { currentCircuitJsonPath, setCurrentCircuitJsonPath, updateFileHash } = useStaticCircuitJsonPathHash(props.initialCircuitPath);
-  const [circuitJson, setCircuitJson] = useState11(null);
-  const [isLoadingCurrentFile, setIsLoadingCurrentFile] = useState11(false);
-  const [fileCache, setFileCache] = useState11({});
-  const [loadingFiles, setLoadingFiles] = useState11(/* @__PURE__ */ new Set());
-  const [failedFiles, setFailedFiles] = useState11(/* @__PURE__ */ new Set());
+  const {
+    currentCircuitJsonPath,
+    setCurrentCircuitJsonPath,
+    updateFileHash,
+    isGalleryVisible,
+    showGallery,
+    hideGallery
+  } = useStaticCircuitJsonPathHash(
+    props.initialCircuitPath,
+    props.defaultToGallery
+  );
+  const [circuitJson, setCircuitJson] = useState12(null);
+  const [isLoadingCurrentFile, setIsLoadingCurrentFile] = useState12(false);
+  const [fileCache, setFileCache] = useState12({});
+  const [loadingFiles, setLoadingFiles] = useState12(/* @__PURE__ */ new Set());
+  const [failedFiles, setFailedFiles] = useState12(/* @__PURE__ */ new Set());
   const fileReferences = props.files;
   const availableFiles = fileReferences.map((f) => f.filePath);
   const defaultFetchFile = useCallback8(
@@ -3061,8 +3213,8 @@ var RunFrameStaticBuildViewer = (props) => {
       updateFileHash
     ]
   );
-  useEffect10(() => {
-    if (availableFiles.length === 0) return;
+  useEffect11(() => {
+    if (availableFiles.length === 0 || isGalleryVisible) return;
     let selectedPath = currentCircuitJsonPath;
     if (!selectedPath || !availableFiles.includes(selectedPath)) {
       selectedPath = guessEntrypoint(availableFiles) ?? availableFiles[0];
@@ -3071,10 +3223,14 @@ var RunFrameStaticBuildViewer = (props) => {
     if (selectedPath && availableFiles.includes(selectedPath)) {
       loadCircuitJsonFile(selectedPath);
     }
-  }, [currentCircuitJsonPath]);
-  const handleFileChange = useCallback8((newPath) => {
-    setCurrentCircuitJsonPath(newPath);
-  }, []);
+  }, [currentCircuitJsonPath, isGalleryVisible]);
+  const handleFileChange = useCallback8(
+    (newPath) => {
+      hideGallery();
+      setCurrentCircuitJsonPath(newPath);
+    },
+    [hideGallery]
+  );
   const retryFailedFile = useCallback8(
     (filePath) => {
       setFailedFiles((prev) => {
@@ -3087,22 +3243,55 @@ var RunFrameStaticBuildViewer = (props) => {
     [loadCircuitJsonFile]
   );
   if (availableFiles.length === 0) {
-    return /* @__PURE__ */ jsx12("div", { className: "rf-flex rf-flex-col rf-w-full rf-h-full rf-items-center rf-justify-center", children: /* @__PURE__ */ jsxs10("div", { className: "rf-text-center rf-p-8", children: [
-      /* @__PURE__ */ jsx12("h3", { className: "rf-text-lg rf-font-semibold rf-text-gray-800 rf-mb-2", children: "No Circuit JSON Files Found" }),
-      /* @__PURE__ */ jsx12("p", { className: "rf-text-sm rf-text-gray-600", children: "Please provide circuit JSON files to view." })
+    return /* @__PURE__ */ jsx13("div", { className: "rf-flex rf-flex-col rf-w-full rf-h-full rf-items-center rf-justify-center", children: /* @__PURE__ */ jsxs11("div", { className: "rf-text-center rf-p-8", children: [
+      /* @__PURE__ */ jsx13("h3", { className: "rf-text-lg rf-font-semibold rf-text-gray-800 rf-mb-2", children: "No Circuit JSON Files Found" }),
+      /* @__PURE__ */ jsx13("p", { className: "rf-text-sm rf-text-gray-600", children: "Please provide circuit JSON files to view." })
     ] }) });
   }
+  if (isGalleryVisible) {
+    return /* @__PURE__ */ jsx13(
+      CircuitGallery,
+      {
+        files: fileReferences,
+        projectName: props.projectName,
+        onSelectFile: handleFileChange,
+        onClose: hideGallery
+      }
+    );
+  }
+  const fileNavigation = availableFiles.length > 1 ? /* @__PURE__ */ jsxs11(Fragment5, { children: [
+    /* @__PURE__ */ jsx13(
+      CircuitJsonFileSelectorCombobox,
+      {
+        currentFile: currentCircuitJsonPath,
+        files: availableFiles,
+        onFileChange: handleFileChange
+      }
+    ),
+    /* @__PURE__ */ jsx13(
+      Button,
+      {
+        type: "button",
+        variant: "outline",
+        size: "icon",
+        onClick: showGallery,
+        "aria-label": `Browse all ${availableFiles.length} circuits as a gallery`,
+        title: "Open circuit gallery",
+        children: /* @__PURE__ */ jsx13(LayoutGrid, { className: "rf-h-4 rf-w-4" })
+      }
+    )
+  ] }) : null;
   const currentFileFailed = failedFiles.has(currentCircuitJsonPath);
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(
     ErrorBoundary2,
     {
-      fallbackRender: ({ error }) => /* @__PURE__ */ jsx12("div", { className: "rf-mt-4 rf-mx-4 rf-bg-red-50 rf-rounded-md rf-border rf-border-red-200", children: /* @__PURE__ */ jsxs10("div", { className: "rf-p-4", children: [
-        /* @__PURE__ */ jsx12("h3", { className: "rf-text-lg rf-font-semibold rf-text-red-800 rf-mb-3", children: "Error loading Circuit JSON Preview" }),
-        /* @__PURE__ */ jsx12("p", { className: "rf-text-xs rf-font-mono rf-whitespace-pre-wrap rf-text-red-600 rf-mt-2", children: getErrorMessage(error) })
+      fallbackRender: ({ error }) => /* @__PURE__ */ jsx13("div", { className: "rf-mt-4 rf-mx-4 rf-bg-red-50 rf-rounded-md rf-border rf-border-red-200", children: /* @__PURE__ */ jsxs11("div", { className: "rf-p-4", children: [
+        /* @__PURE__ */ jsx13("h3", { className: "rf-text-lg rf-font-semibold rf-text-red-800 rf-mb-3", children: "Error loading Circuit JSON Preview" }),
+        /* @__PURE__ */ jsx13("p", { className: "rf-text-xs rf-font-mono rf-whitespace-pre-wrap rf-text-red-600 rf-mt-2", children: getErrorMessage(error) })
       ] }) }),
-      children: currentFileFailed ? /* @__PURE__ */ jsxs10("div", { className: "rf-w-full rf-h-full rf-flex rf-flex-col", children: [
-        /* @__PURE__ */ jsxs10("div", { className: "rf-flex rf-items-center rf-justify-between rf-w-full rf-p-4 rf-border-b rf-border-gray-200", children: [
-          (props.showFileMenu ?? true) && /* @__PURE__ */ jsx12(
+      children: currentFileFailed ? /* @__PURE__ */ jsxs11("div", { className: "rf-w-full rf-h-full rf-flex rf-flex-col", children: [
+        /* @__PURE__ */ jsxs11("div", { className: "rf-flex rf-items-center rf-justify-between rf-w-full rf-p-4 rf-border-b rf-border-gray-200", children: [
+          (props.showFileMenu ?? true) && /* @__PURE__ */ jsx13(
             FileMenuLeftHeader,
             {
               isWebEmbedded: true,
@@ -3110,23 +3299,16 @@ var RunFrameStaticBuildViewer = (props) => {
               projectName: props.projectName
             }
           ),
-          availableFiles.length > 1 && /* @__PURE__ */ jsx12("div", { className: "rf-absolute rf-left-1/2 rf-transform rf--translate-x-1/2 rf-flex rf-items-center rf-gap-2", children: /* @__PURE__ */ jsx12(
-            CircuitJsonFileSelectorCombobox,
-            {
-              currentFile: currentCircuitJsonPath,
-              files: availableFiles,
-              onFileChange: handleFileChange
-            }
-          ) })
+          availableFiles.length > 1 && /* @__PURE__ */ jsx13("div", { className: "rf-absolute rf-left-1/2 rf-transform rf--translate-x-1/2 rf-flex rf-items-center rf-gap-2", children: fileNavigation })
         ] }),
-        /* @__PURE__ */ jsx12("div", { className: "rf-flex-1 rf-flex rf-items-center rf-justify-center", children: /* @__PURE__ */ jsxs10("div", { className: "rf-text-center rf-p-8", children: [
-          /* @__PURE__ */ jsx12("h3", { className: "rf-text-lg rf-font-semibold rf-text-red-600 rf-mb-2", children: "Failed to Load Circuit File" }),
-          /* @__PURE__ */ jsxs10("p", { className: "rf-text-sm rf-text-gray-600 rf-mb-4", children: [
+        /* @__PURE__ */ jsx13("div", { className: "rf-flex-1 rf-flex rf-items-center rf-justify-center", children: /* @__PURE__ */ jsxs11("div", { className: "rf-text-center rf-p-8", children: [
+          /* @__PURE__ */ jsx13("h3", { className: "rf-text-lg rf-font-semibold rf-text-red-600 rf-mb-2", children: "Failed to Load Circuit File" }),
+          /* @__PURE__ */ jsxs11("p", { className: "rf-text-sm rf-text-gray-600 rf-mb-4", children: [
             "Could not load: ",
             currentCircuitJsonPath
           ] }),
-          /* @__PURE__ */ jsxs10("div", { className: "rf-flex rf-flex-col rf-items-center rf-gap-2", children: [
-            /* @__PURE__ */ jsx12(
+          /* @__PURE__ */ jsxs11("div", { className: "rf-flex rf-flex-col rf-items-center rf-gap-2", children: [
+            /* @__PURE__ */ jsx13(
               "button",
               {
                 onClick: () => retryFailedFile(currentCircuitJsonPath),
@@ -3134,10 +3316,10 @@ var RunFrameStaticBuildViewer = (props) => {
                 children: "Retry"
               }
             ),
-            availableFiles.length > 1 && /* @__PURE__ */ jsx12("p", { className: "rf-text-xs rf-text-gray-500", children: "Or select a different file from the dropdown above" })
+            availableFiles.length > 1 && /* @__PURE__ */ jsx13("p", { className: "rf-text-xs rf-text-gray-500", children: "Or select a different file from the dropdown above" })
           ] })
         ] }) })
-      ] }) : /* @__PURE__ */ jsx12(
+      ] }) : /* @__PURE__ */ jsx13(
         CircuitJsonPreview,
         {
           circuitJson,
@@ -3147,8 +3329,8 @@ var RunFrameStaticBuildViewer = (props) => {
           isWebEmbedded: false,
           projectName: props.projectName,
           defaultActiveTab: props.tabSelected,
-          leftHeaderContent: /* @__PURE__ */ jsxs10("div", { className: "rf-flex rf-items-center rf-justify-between rf-w-full", children: [
-            (props.showFileMenu ?? true) && /* @__PURE__ */ jsx12(
+          leftHeaderContent: /* @__PURE__ */ jsxs11("div", { className: "rf-flex rf-items-center rf-justify-between rf-w-full", children: [
+            (props.showFileMenu ?? true) && /* @__PURE__ */ jsx13(
               FileMenuLeftHeader,
               {
                 isWebEmbedded: true,
@@ -3156,18 +3338,11 @@ var RunFrameStaticBuildViewer = (props) => {
                 projectName: props.projectName
               }
             ),
-            availableFiles.length > 1 && /* @__PURE__ */ jsx12(
+            availableFiles.length > 1 && /* @__PURE__ */ jsx13(
               "div",
               {
                 className: `rf-absolute rf-left-1/2 rf-transform rf--translate-x-1/2 rf-flex rf-items-center rf-gap-2 ${isLoadingCurrentFile ? "rf-opacity-50" : ""}`,
-                children: /* @__PURE__ */ jsx12(
-                  CircuitJsonFileSelectorCombobox,
-                  {
-                    currentFile: currentCircuitJsonPath,
-                    files: availableFiles,
-                    onFileChange: handleFileChange
-                  }
-                )
+                children: fileNavigation
               }
             )
           ] })
@@ -3179,6 +3354,7 @@ var RunFrameStaticBuildViewer = (props) => {
 export {
   BomTable,
   CadViewer,
+  CircuitGallery,
   CircuitJsonFileSelectorCombobox,
   CircuitJsonPreview,
   ExportAccessoryDialog,
@@ -3192,6 +3368,7 @@ export {
   RunFrameStaticBuildViewer,
   RunFrameWithApi,
   SchematicViewer,
+  getCircuitPreviewImageUrls,
   guessEntrypoint,
   guessManualEditsFilePath,
   mapJLCComponentToSearchResult,