@tscircuit/runframe 0.0.1311 → 0.0.1313
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1545,7 +1545,7 @@ var useErrorTelemetry = ({
|
|
|
1545
1545
|
};
|
|
1546
1546
|
|
|
1547
1547
|
// package.json
|
|
1548
|
-
var version = "0.0.
|
|
1548
|
+
var version = "0.0.1312";
|
|
1549
1549
|
var package_default = {
|
|
1550
1550
|
name: "@tscircuit/runframe",
|
|
1551
1551
|
main: "dist/preview.js",
|
|
@@ -1596,12 +1596,12 @@ var package_default = {
|
|
|
1596
1596
|
"@tscircuit/assembly-viewer": "^0.0.5",
|
|
1597
1597
|
"@tscircuit/checks": "^0.0.78",
|
|
1598
1598
|
"@tscircuit/create-snippet-url": "^0.0.9",
|
|
1599
|
-
"@tscircuit/eval": "^0.0.
|
|
1599
|
+
"@tscircuit/eval": "^0.0.505",
|
|
1600
1600
|
"@tscircuit/fake-snippets": "^0.0.122",
|
|
1601
1601
|
"@tscircuit/file-server": "^0.0.32",
|
|
1602
1602
|
"@tscircuit/footprinter": "^0.0.236",
|
|
1603
1603
|
"@tscircuit/math-utils": "^0.0.25",
|
|
1604
|
-
"@tscircuit/pcb-viewer": "1.11.
|
|
1604
|
+
"@tscircuit/pcb-viewer": "1.11.273",
|
|
1605
1605
|
"@tscircuit/props": "^0.0.397",
|
|
1606
1606
|
"@tscircuit/schematic-trace-solver": "^0.0.40",
|
|
1607
1607
|
"@tscircuit/schematic-viewer": "2.0.49",
|
package/dist/preview.js
CHANGED
package/dist/runner.js
CHANGED
|
@@ -5730,7 +5730,7 @@ $1`).replace(/>(\s*)(?=<!--\s*\/)/g,"> ")}}});function wQt(e,A,t){if(!A||!t)retu
|
|
|
5730
5730
|
transition: opacity 0.2s;
|
|
5731
5731
|
margin-bottom: 10px;
|
|
5732
5732
|
color: red;
|
|
5733
|
-
`,Mje=({children:e,transform:A=SB(),elements:t})=>{const i=lA.useRef(null),{isShowingDRCErrors:n,hoveredErrorId:o}=i0(g=>({isShowingDRCErrors:g.is_showing_drc_errors,hoveredErrorId:g.hovered_error_id}));if(!t)return aA.jsx("div",{style:{position:"relative"},ref:i,children:e});const s=t.filter(g=>g.type==="pcb_trace_error"),r=t.filter(g=>g.type==="pcb_trace_error"&&g.message?.includes("Multiple components found with name")),a=new Map;return t.forEach(g=>{g.type==="pcb_port"&&a.set(g.pcb_port_id,g)}),aA.jsxs("div",{style:{position:"relative"},ref:i,children:[e,s.map((g,c)=>{const{pcb_port_ids:I,pcb_trace_id:l}=g,B=I?.[0]?a.get(I[0]):void 0,C=I?.[1]?a.get(I[1]):void 0,Q=t?uk(t).pcb_trace.get(l):void 0,u=g.pcb_trace_error_id||`error_${c}_${g.error_type}_${g.message?.slice(0,20)}`,d=o===u;if(B&&C){const p=Ut(A,{x:B.x,y:B.y}),f=Ut(A,{x:C.x,y:C.y}),m=!(isNaN(p.x)||isNaN(p.y)||isNaN(f.x)||isNaN(f.y)),S={x:(p.x+f.x)/2,y:(p.y+f.y)/2};if(isNaN(S.x)||isNaN(S.y))return null;const x=lwA(S,i);return aA.jsxs(lA.Fragment,{children:[aA.jsx(Gje,{screenPort1:p,screenPort2:f,errorCenter:S,canLineBeDrawn:m,isHighlighted:d}),aA.jsx("div",{style:{position:"absolute",left:S.x-15,top:S.y-15,width:30,height:30,zIndex:hQ.errorOverlay+5,cursor:"pointer",borderRadius:"50%"},onMouseEnter:v=>{const D=v.currentTarget.nextElementSibling;if(D){const k=D.querySelector(".error-message");k&&(k.style.opacity="1")}},onMouseLeave:v=>{if(!d){const D=v.currentTarget.nextElementSibling;if(D){const k=D.querySelector(".error-message");k&&(k.style.opacity="0")}}}}),aA.jsx("div",{style:{position:"absolute",zIndex:d?200:100,left:x.left,top:x.top,color:d?"#ff4444":"red",textAlign:"center",fontFamily:"sans-serif",fontSize:12,display:n||d?"flex":"none",flexDirection:"column",alignItems:"center",pointerEvents:"none",transform:x.transform},children:aA.jsx("div",{className:`error-message ${BwA}`,style:{opacity:d?1:0,border:`1px solid ${d?"#ff4444":"red"}`},children:g.message})})]},u)}if(Q?.route&&(n||d)){const p=Q.route.map(x=>Ut(A,{x:x.x,y:x.y}));if(p.some(x=>isNaN(x.x)||isNaN(x.y)))return null;const f=Math.floor(p.length/2),m=p[f],S=lwA(m,i);return aA.jsxs(lA.Fragment,{children:[aA.jsx(Nje,{points:p,errorCenter:m,isHighlighted:d}),aA.jsx("div",{style:{position:"absolute",left:m.x-15,top:m.y-15,width:30,height:30,zIndex:hQ.errorOverlay+5,cursor:"pointer",borderRadius:"50%"},onMouseEnter:x=>{const v=x.currentTarget.nextElementSibling;if(v){const D=v.querySelector(".error-message");D&&(D.style.opacity="1")}},onMouseLeave:x=>{if(!d){const v=x.currentTarget.nextElementSibling;if(v){const D=v.querySelector(".error-message");D&&(D.style.opacity="0")}}}}),aA.jsx("div",{style:{position:"absolute",zIndex:d?hQ.errorOverlay+10:hQ.errorOverlay+1,left:S.left,top:S.top,color:d?"#ff4444":"red",textAlign:"center",fontFamily:"sans-serif",fontSize:12,display:"flex",flexDirection:"column",alignItems:"center",pointerEvents:"none",transform:S.transform},children:aA.jsx("div",{className:`error-message ${BwA}`,style:{opacity:d?1:0,border:`1px solid ${d?"#ff4444":"red"}`},children:g.message})})]},u)}return null}),r.map((g,c)=>{const I=g.component_name||g.message?.match(/name "([^"]+)"/)?.[1];if(!I)return null;const l=t?.filter(Q=>Q.type==="source_component"&&Q.name===I||Q.type==="pcb_component"&&t?.find(u=>u.type==="source_component"&&u.source_component_id===Q.source_component_id&&u.name===I))||[],B=g.pcb_trace_error_id||`error_${c}_${g.error_type}_${g.message?.slice(0,20)}`,C=o===B;return!C&&!n?null:l.map((Q,u)=>{let d={x:0,y:0};if(Q.type==="pcb_component")d=Q.center||{x:0,y:0};else if(Q.type==="source_component"){const k=t?.find(b=>b.type==="pcb_component"&&b.source_component_id===Q.source_component_id);k&&k.type==="pcb_component"&&(d=k.center||{x:0,y:0})}const p=Ut(A,d);if(isNaN(p.x)||isNaN(p.y))return null;const f=Math.abs(A.a),v=Math.max(8,Math.min(30,.5*f)),D=lwA(p,i);return aA.jsxs(lA.Fragment,{children:[aA.jsx("svg",{style:{position:"absolute",left:0,top:0,pointerEvents:"none",mixBlendMode:"difference",zIndex:hQ.errorOverlay},width:"100%",height:"100%",children:C?aA.jsx("polygon",{points:`${p.x},${p.y-v*1.25} ${p.x+v},${p.y} ${p.x},${p.y+v*1.25} ${p.x-v},${p.y}`,fill:"#ff4444"}):aA.jsx("circle",{cx:p.x,cy:p.y,r:v,fill:"none",stroke:C?"#ff4444":"red",strokeWidth:C?Math.max(2,v*.15):Math.max(1,v*.1),opacity:1})}),aA.jsx("div",{style:{position:"absolute",left:p.x-(v+10),top:p.y-(v+10),width:(v+10)*2,height:(v+10)*2,zIndex:hQ.errorOverlay+5,cursor:"pointer",borderRadius:"50%"},onMouseEnter:k=>{const b=k.currentTarget.nextElementSibling;if(b){const L=b.querySelector(".error-message");L&&(L.style.opacity="1")}},onMouseLeave:k=>{if(!C){const b=k.currentTarget.nextElementSibling;if(b){const L=b.querySelector(".error-message");L&&(L.style.opacity="0")}}}}),aA.jsx("div",{style:{position:"absolute",zIndex:C?hQ.errorOverlay+20:hQ.errorOverlay+10,left:D.left,top:D.top,color:C?"#ff4444":"red",textAlign:"center",fontFamily:"sans-serif",fontSize:12,display:n||C?"flex":"none",flexDirection:"column",alignItems:"center",pointerEvents:"none",transform:D.transform},children:aA.jsx("div",{className:`error-message ${BwA}`,style:{opacity:C?1:0,border:`1px solid ${C?"#ff4444":"red"}`},children:g.message})})]},`${B}_${u}`)})})]})};function Lje(e,A){return e.size!==A.size?!1:Array.from(e).every(t=>A.has(t))}function Uje({primitiveElement:e,elements:A}){let t=e.trace_length?`${e.trace_length.toFixed(3)}`:"";const i=uk(A).source_trace.get(e?.source_trace_id);if(i?.display_name&&(i?.max_length?t+=` / ${i.max_length}mm `:t+=" mm ",t+=`(${i.display_name})`),!t)return null;const n=e.trace_length&&i?.max_length&&e.trace_length>i.max_length;return{text:t,isOverLength:n}}function Hje(e){const{primitives:A,is_showing_multiple_traces_length:t,elements:i}=e,n=A.filter(a=>a._element.type==="pcb_trace"),o=i.filter(a=>a.type==="source_trace"),s=A.filter(a=>a._element.type!=="pcb_trace"),r=n.filter(a=>o.some(g=>a._element.type==="pcb_trace"&&a._element.source_trace_id===g.source_trace_id&&g.max_length!==void 0));if(!t)return[...s,...r];if(n.length>1){const a=n.reduce((g,c)=>{const I=g._element.trace_length;return c._element.trace_length<I?c:g},n[0]);return[...s,a]}return A}var Yje={position:"absolute",left:0,top:0,pointerEvents:"none",color:"red",fontFamily:"sans-serif",fontSize:12,textShadow:"0 0 2px black"},Jje=e=>{const{_element:A,_parent_pcb_component:t,_parent_source_component:i,_source_port:n}=e;switch(A.type){case"pcb_trace":return A.trace_length?`${A.trace_length.toFixed(3)}`:"";case"pcb_smtpad":case"pcb_plated_hole":{const o=[],s=Array.from(new Set((A.port_hints??[]).concat(n?.port_hints??[]))).filter(a=>!/^[0-9]+$/.test(a)).filter(a=>!a.includes("unnamed_")).sort((a,g)=>g.localeCompare(a)),r=i&&"name"in i&&i.name&&!i.name.includes("unnamed_")?i.name:null;return s.length>0?r?o.push(...s.map(a=>`${r}.${a}`)):o.push(...s):r&&o.push(r),o.join(", ")}default:return""}},Tje={top:"red",bottom:"aqua"},Kje=({primitive:e,mousePos:A,elements:t})=>{const[i,n]=lA.useState(!1),o=e._element;lA.useEffect(()=>{setTimeout(()=>{n(!0)},100)},[]);const[s,r,a,g]=[e.screen_x,e.screen_y,e.screen_w,e.screen_h],c=e.same_space_index??0,I=26,l=Tje[e?._element?.layer]??"red";let B=0;if(o.type==="pcb_smtpad"&&o?.shape==="rotated_rect"?B=o?.ccw_rotation??0:(o.type==="pcb_smtpad"&&(o?.shape==="pill"||o?.shape==="rotated_pill")&&"ccw_rotation"in e||o.type==="pcb_plated_hole"&&(o?.shape==="pill"||o?.shape==="oval")&&"ccw_rotation"in e)&&(B=o.ccw_rotation??0),o.type==="pcb_trace"){const u=Uje({primitiveElement:o,elements:t});if(!u)return null;const d=A.y-35;return aA.jsx("div",{style:{zIndex:hQ.elementOverlay,position:"absolute",left:A.x,top:d,color:l,pointerEvents:"none",transform:"translateX(-50%)"},children:aA.jsx("div",{style:{backgroundColor:"#f2efcc",color:u.isOverLength?"red":"black",textShadow:"none",WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",padding:"6px 6px",borderRadius:"6px",fontSize:"14px",minWidth:"45px",textAlign:"center",whiteSpace:"nowrap"},children:u.text})})}const C=Jje(e);return C.trim().length===0?null:aA.jsx("div",{style:{zIndex:hQ.elementOverlay,position:"absolute",left:s-a/2-8,top:r-g/2-8,width:a+16,height:g+16,color:l,transform:`rotate(${-B}deg)`,transformOrigin:"center center"},children:aA.jsx("div",{style:{width:i?`calc(100% + ${I*2*c}px)`:"100%",height:i?`calc(100% + ${I*2*c}px)`:"100%",marginLeft:i?`${-I*c}px`:0,marginTop:i?`${-I*c}px`:0,border:`1px solid ${l}`,opacity:i||c===0?1:0,transition:"width 0.2s, height 0.2s, margin-left 0.2s, margin-top 0.2s, opacity 0.2s"},children:aA.jsx("div",{style:{position:"absolute",bottom:g+20+I*c,marginRight:i?`${-I*c}px`:0,marginBottom:i?0:-I*c,transition:"margin-right 0.2s, margin-bottom 0.2s",backgroundColor:"#f2efcc",color:"black",textShadow:"none",WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",padding:"6px 6px",borderRadius:"6px",fontSize:"14px",transform:`rotate(${B}deg)`,minWidth:"45px",textAlign:"center"},children:C})})})},qje=({highlightedPrimitives:e,mousePos:A,elements:t})=>{const[i,n]=i0(r=>[r.is_moving_component,r.is_showing_multiple_traces_length]),o=e.some(r=>r._element.type==="pcb_smtpad")&&e.some(r=>r._element.type==="pcb_trace");let s=e;return o&&(s=s.filter(r=>r._element.type==="pcb_smtpad")),s=Hje({primitives:s,is_showing_multiple_traces_length:n,elements:t}),aA.jsx("div",{style:Yje,children:!i&&s.map((r,a)=>aA.jsx(Kje,{primitive:r,mousePos:A,elements:t},a))})},Pje=e=>{const A=[];for(const t of e){if(!t.center||typeof t.width!="number"||typeof t.height!="number")continue;const i=t.width/2,n=t.height/2;A.push({x:t.center.x-i,y:t.center.y-n}),A.push({x:t.center.x+i,y:t.center.y+n})}return Eje(A)},Fy={GROUP_PADDING:1,MIN_LINE_LENGTH_FOR_LABEL:40,LABEL_OFFSET_ABOVE:2,LABEL_OFFSET_BELOW:-18,LABEL_OFFSET_RIGHT:8,LABEL_OFFSET_LEFT:-80,LINE_STROKE_WIDTH:1.5,LINE_DASH_PATTERN:"4,4",COMPONENT_MARKER_RADIUS:3,LABEL_FONT_SIZE:11},g4={OFFSET_LINE:"white",COMPONENT_MARKER_FILL:"#66ccff",COMPONENT_MARKER_STROKE:"white",LABEL_TEXT:"white"},Oje=(e,A)=>{const{minX:t,maxX:i,minY:n,maxY:o}=A,s=Math.abs(e.x-t),r=Math.abs(e.x-i),a=Math.abs(e.y-o),g=Math.abs(e.y-n),c=Math.min(s,r,a,g);return c===s?{x:t,y:e.y}:c===r?{x:i,y:e.y}:c===a?{x:e.x,y:o}:{x:e.x,y:n}},Wje=({elements:e,highlightedPrimitives:A,transform:t,containerWidth:i,containerHeight:n,children:o})=>{if(!i0(G=>G.is_showing_group_anchor_offsets)||A.length===0)return null;const r=A.find(G=>G._parent_pcb_component?.type==="pcb_component"||G._element?.type==="pcb_component");if(!r)return null;const a=r._parent_pcb_component||r._element;if(!a?.pcb_group_id)return null;const g=e.filter(G=>G.type==="pcb_group").find(G=>G.pcb_group_id===a.pcb_group_id);if(!g?.anchor_position)return null;const c=r._element?.type==="pcb_smtpad"?{x:r.x,y:r.y}:a.center||{x:r.x,y:r.y},I=e.filter(G=>G.type==="pcb_component").filter(G=>G.pcb_group_id===g.pcb_group_id),l=Pje(I);if(!l)return null;const B={minX:l.minX-Fy.GROUP_PADDING,maxX:l.maxX+Fy.GROUP_PADDING,minY:l.minY-Fy.GROUP_PADDING,maxY:l.maxY+Fy.GROUP_PADDING},C=Oje(g.anchor_position,B),Q=c.x-C.x,u=c.y-C.y,d=Ut(t,C),p=Ut(t,c),f=Math.abs(p.x-d.x),m=Math.abs(p.y-d.y),S=p.y<d.y,x=p.x>d.x,v=S?Fy.LABEL_OFFSET_ABOVE:Fy.LABEL_OFFSET_BELOW,D=x?Fy.LABEL_OFFSET_RIGHT:Fy.LABEL_OFFSET_LEFT,k=f>Fy.MIN_LINE_LENGTH_FOR_LABEL,b=m>Fy.MIN_LINE_LENGTH_FOR_LABEL,L={color:g4.LABEL_TEXT,mixBlendMode:"difference",pointerEvents:"none",fontSize:Fy.LABEL_FONT_SIZE,fontFamily:"monospace",fontWeight:"bold"};return aA.jsxs("div",{style:{position:"absolute",left:0,top:0,width:i,height:n,overflow:"hidden",pointerEvents:"none",zIndex:hQ.dimensionOverlay},children:[aA.jsxs("svg",{style:{position:"absolute",left:0,top:0,pointerEvents:"none"},width:i,height:n,children:[aA.jsx("line",{x1:d.x,y1:d.y,x2:p.x,y2:d.y,stroke:g4.OFFSET_LINE,strokeWidth:Fy.LINE_STROKE_WIDTH,strokeDasharray:Fy.LINE_DASH_PATTERN}),aA.jsx("line",{x1:p.x,y1:d.y,x2:p.x,y2:p.y,stroke:g4.OFFSET_LINE,strokeWidth:Fy.LINE_STROKE_WIDTH,strokeDasharray:Fy.LINE_DASH_PATTERN}),aA.jsx("circle",{cx:p.x,cy:p.y,r:Fy.COMPONENT_MARKER_RADIUS,fill:g4.COMPONENT_MARKER_FILL,stroke:g4.COMPONENT_MARKER_STROKE,strokeWidth:1})]}),k&&aA.jsxs("div",{style:{...L,position:"absolute",left:Math.min(d.x,p.x),top:d.y+v,width:Math.abs(p.x-d.x),textAlign:"center"},children:["Δx: ",Q.toFixed(2),"mm"]}),b&&aA.jsxs("div",{style:{...L,position:"absolute",left:p.x+D,top:Math.min(d.y,p.y),height:Math.abs(p.y-d.y),display:"flex",flexDirection:"column",justifyContent:"center"},children:["Δy: ",u.toFixed(2),"mm"]})]})},Jj=e=>{if(e.length===0)return null;let A=e[0].x,t=e[0].y,i=e[0].x,n=e[0].y;for(const o of e)o.x<A&&(A=o.x),o.y<t&&(t=o.y),o.x>i&&(i=o.x),o.y>n&&(n=o.y);return{center:{x:(A+i)/2,y:(t+n)/2},width:i-A,height:n-t}},HQt=(e,A)=>{if(A.length<3)return!1;let t=!1;for(let i=0,n=A.length-1;i<A.length;n=i++){const o=A[i].x,s=A[i].y,r=A[n].x,a=A[n].y;s>e.y!=a>e.y&&e.x<(r-o)*(e.y-s)/(a-s||Number.EPSILON)+o&&(t=!t)}return t},Zje=(e,A,t)=>{const i=[];for(const n of e){if(!n._element)continue;if("x1"in n&&n._element?.type==="pcb_trace"){const r=oZe({x:A.x,y:A.y},{x:n.x1,y:n.y1},{x:n.x2,y:n.y2}),a=n.width||.5,g=Math.max(a*25,2)/t.a;r<g&&i.push(n);continue}if(n.pcb_drawing_type==="polygon"){const r=n.points.map(g=>({x:Xe.parse(g.x),y:Xe.parse(g.y)})),a=Jj(r);if(!a||A.x<a.center.x-a.width/2||A.x>a.center.x+a.width/2||A.y<a.center.y-a.height/2||A.y>a.center.y+a.height/2)continue;HQt(A,r)&&i.push(n);continue}if(n.pcb_drawing_type==="polygon_with_arcs"){const r=n.brep_shape.outer_ring.vertices.map(g=>({x:Xe.parse(g.x),y:Xe.parse(g.y)})),a=Jj(r);if(!a||A.x<a.center.x-a.width/2||A.x>a.center.x+a.width/2||A.y<a.center.y-a.height/2||A.y>a.center.y+a.height/2)continue;HQt(A,r)&&i.push(n);continue}if(!("x"in n&&"y"in n))continue;let o=0,s=0;if("w"in n&&"h"in n)o=n.w,s=n.h;else if("r"in n)o=n.r*2,s=n.r*2;else if("rX"in n&&"rY"in n)o=n.rX*2,s=n.rY*2;else continue;Math.abs(n.x-A.x)<o/2&&Math.abs(n.y-A.y)<s/2&&i.push(n)}return i},Vje=({elements:e,children:A,transform:t,primitives:i,onMouseHoverOverPrimitives:n})=>{const[o,s]=lA.useState([]),[r,a]=lA.useState({x:0,y:0}),[g,{width:c,height:I}]=a4(),l=lA.useMemo(()=>{const C=[];for(const Q of o){if(Q._element?.type==="pcb_via"||Q._element?.type==="pcb_component"||Q?.layer==="drill")continue;let u=null,d=0,p=0;if(Q.pcb_drawing_type==="polygon"){const x=Jj(Q.points);if(!x)continue;u=x.center,d=x.width,p=x.height}else if(Q.pcb_drawing_type==="polygon_with_arcs"){const x=Q.brep_shape.outer_ring.vertices.map(D=>({x:D.x,y:D.y})),v=Jj(x);if(!v)continue;u=v.center,d=v.width,p=v.height}else"x"in Q&&"y"in Q&&(u={x:Q.x,y:Q.y},d="w"in Q?Q.w:"r"in Q?Q.r*2:"rX"in Q&&"rY"in Q?Q.rX*2:0,p="h"in Q?Q.h:"r"in Q?Q.r*2:"rX"in Q&&"rY"in Q?Q.rY*2:0);if(!u)continue;const f=Ut(t,u),m={w:d*t.a,h:p*t.a},S=C.filter(x=>f.x===x.screen_x&&f.y===x.screen_y&&m.w===x.screen_w&&m.h===x.screen_h).length;C.push({...Q,x:u.x,y:u.y,w:d,h:p,screen_x:f.x,screen_y:f.y,screen_w:m.w,screen_h:m.h,same_space_index:S})}return C},[o,t]),B=(C,Q,u,d)=>{a({x:C,y:Q});const p=Ut(F_(u),{x:C,y:Q}),f=Zje(d,p,u);Lje(new Set(f.map(m=>m._pcb_drawing_object_id)),new Set(o.map(m=>m._pcb_drawing_object_id)))||(s(f),n(f))};return aA.jsxs("div",{ref:g,style:{position:"relative",width:"100%",height:"100%"},onMouseMove:C=>{if(t){const Q=C.currentTarget.getBoundingClientRect(),u=C.clientX-Q.left,d=C.clientY-Q.top;B(u,d,t,i)}},onTouchStart:C=>{if(t){const Q=C.touches[0],u=C.currentTarget.getBoundingClientRect(),d=Q.clientX-u.left,p=Q.clientY-u.top;B(d,p,t,i)}},children:[A,aA.jsx(qje,{elements:e,mousePos:r,highlightedPrimitives:l}),t&&aA.jsx(Wje,{elements:e,highlightedPrimitives:l,transform:t,containerWidth:c,containerHeight:I})]})},YQt=["rgb(255, 100, 100)","rgb(100, 255, 100)","rgb(100, 100, 255)","rgb(255, 255, 100)","rgb(255, 100, 255)","rgb(100, 255, 255)","rgb(255, 150, 100)","rgb(150, 100, 255)","rgb(100, 255, 150)","rgb(255, 100, 150)"],jje=({children:e,transform:A=SB(),elements:t=[]})=>{const[i,{width:n,height:o}]=a4(),s=lA.useRef(null),{is_showing_pcb_groups:r,pcb_group_view_mode:a}=i0(g=>({is_showing_pcb_groups:g.is_showing_pcb_groups,pcb_group_view_mode:g.pcb_group_view_mode}));return lA.useEffect(()=>{const g=s.current;if(!g||!n||!o)return;g.width=n,g.height=o;const c=g.getContext("2d");if(!c||(c.clearRect(0,0,n,o),!r))return;const I=t.filter(f=>f.type==="pcb_group"),l=t.filter(f=>f.type==="pcb_component"),B=t.filter(f=>f.type==="source_group"),C=new Map(B.map(f=>[f.source_group_id,f])),Q=I.filter(f=>{if(a==="all")return!0;if(!f.source_group_id)return!1;const m=C.get(f.source_group_id);return m?m.was_automatically_named!==!0:!1}),u=new Map;B.forEach(f=>{const m=f;if(m.parent_source_group_id){const S=u.get(m.parent_source_group_id)||[];S.push(f.source_group_id),u.set(m.parent_source_group_id,S)}});const d=f=>{const m=[],S=u.get(f)||[];for(const x of S)m.push(x),m.push(...d(x));return m},p=f=>{const m=B.find(S=>S.source_group_id===f);return m?.parent_source_group_id?1+p(m.parent_source_group_id):0};Q.forEach((f,m)=>{let S=l.filter(RA=>RA.pcb_group_id===f.pcb_group_id);if(f.source_group_id){const RA=d(f.source_group_id),dA=I.filter(uA=>uA.source_group_id&&RA.includes(uA.source_group_id));for(const uA of dA){const UA=l.filter(kA=>kA.pcb_group_id===uA.pcb_group_id);S=[...S,...UA]}}if(S.length===0)return;let x=1/0,v=1/0,D=-1/0,k=-1/0;if(S.forEach(RA=>{if(RA.center&&typeof RA.width=="number"&&typeof RA.height=="number"){const dA=RA.center.x-RA.width/2,uA=RA.center.x+RA.width/2,UA=RA.center.y+RA.height/2,kA=RA.center.y-RA.height/2;x=Math.min(x,dA),D=Math.max(D,uA),v=Math.min(v,kA),k=Math.max(k,UA)}}),x===1/0||D===-1/0)return;const b=f.source_group_id?p(f.source_group_id):0,L=f.source_group_id?d(f.source_group_id).length>0:!1,q=1+(L?.5:0);x-=q,D+=q,v-=q,k+=q;const P=Ut(A,{x,y:k}),V=Ut(A,{x:D,y:k}),z=Ut(A,{x,y:v}),oA=Ut(A,{x:D,y:v}),rA=YQt[m%YQt.length];c.strokeStyle=rA,c.lineWidth=2;const QA=Math.max(4,Math.min(12,8*Math.abs(A.a))),eA=Math.max(2,Math.min(6,4*Math.abs(A.a))),hA=QA*(L?1.3:1),xA=eA;c.setLineDash([hA,xA]),c.beginPath(),c.moveTo(P.x,P.y),c.lineTo(V.x,V.y),c.lineTo(oA.x,oA.y),c.lineTo(z.x,z.y),c.closePath(),c.stroke();const NA=Math.max(8,Math.min(12,10*Math.abs(A.a))),YA=b==0||b==1?0:b*.11,JA=NA*(1-YA),MA=4,sA=f.name||`Group ${m+1}`;c.font=`${JA}px sans-serif`,c.setLineDash([]);const wA=c.measureText(sA).width+MA*2,VA=JA+MA*2,tt=P.x-5,at=P.y-5,SA=3;if(c.fillStyle="rgba(0, 0, 0, 0.8)",c.beginPath(),c.roundRect(tt,at-VA,wA,VA,SA),c.fill(),c.fillStyle=rA,c.textAlign="left",c.textBaseline="middle",c.fillText(sA,tt+MA,at-VA/2),f.anchor_position){const RA=f.anchor_position,dA=x,uA=D,UA=k,kA=v;let vA={x:RA.x,y:RA.y};const KA=Math.abs(RA.x-dA),HA=Math.abs(RA.x-uA),XA=Math.abs(RA.y-UA),et=Math.abs(RA.y-kA),It=Math.min(KA,HA,XA,et);It===KA?vA={x:dA,y:RA.y}:It===HA?vA={x:uA,y:RA.y}:It===XA?vA={x:RA.x,y:UA}:vA={x:RA.x,y:kA};const ut=Ut(A,vA);c.strokeStyle="white",c.lineWidth=1.5,c.setLineDash([]);const Et=Math.max(4,Math.min(8,6*Math.abs(A.a)));c.beginPath(),c.moveTo(ut.x-Et,ut.y),c.lineTo(ut.x+Et,ut.y),c.stroke(),c.beginPath(),c.moveTo(ut.x,ut.y-Et),c.lineTo(ut.x,ut.y+Et),c.stroke()}})},[t,A,n,o,r,a]),aA.jsxs("div",{ref:i,style:{position:"relative",width:"100%",height:"100%"},children:[e,aA.jsx("canvas",{ref:s,style:{position:"absolute",top:0,left:0,pointerEvents:"none",zIndex:hQ.pcbGroupOverlay,display:r?"block":"none"}})]})},zje=({transform:e,soup:A,children:t})=>{const i=i0(r=>r.is_showing_rats_nest),{netMap:n,idToNetMap:o}=lA.useMemo(()=>kQt(A||[]),[A]),s=lA.useMemo(()=>{if(!A||!i)return[];const r=l=>{const B=uk(A)[l.replace(/_\d+$/,"")].get(l);return B&&"x"in B&&"y"in B?{x:B.x,y:B.y}:null},a=(l,B)=>{const C=n[B]||[];let Q=null,u=1/0;return C.forEach(d=>{const p=r(d);if(p){const f=Math.sqrt((l.x-p.x)**2+(l.y-p.y)**2);f<u&&f>0&&(u=f,Q=p)}}),Q},g=uk(A).pcb_port.list(),c=uk(A).source_trace.list(),I=[];return g.forEach((l,B)=>{const C=o[l.pcb_port_id];let Q=!1;for(const p of c)p.connected_source_port_ids.includes(l.source_port_id)&&p.connected_source_net_ids.length>0&&(Q=!0);if(!C)return;const u={x:l.x,y:l.y},d=a(u,C);d&&I.push({key:`${l.pcb_port_id}-${B}`,startPoint:u,endPoint:d,isInNet:Q})}),I},[A,n,o,i]);return!A||!i?t:(e||(e=SB()),aA.jsxs("div",{style:{position:"relative"},children:[t,aA.jsx("svg",{style:{position:"absolute",left:0,top:0,width:"100%",height:"100%",pointerEvents:"none",opacity:.5,zIndex:hQ.ratsNestOverlay},children:s.map(({key:r,startPoint:a,endPoint:g,isInNet:c})=>{const I=Ut(e,a),l=Ut(e,g);return aA.jsx("line",{x1:I.x,y1:I.y,x2:l.x,y2:l.y,stroke:"white",strokeWidth:"1",strokeDasharray:c?"6,6":void 0},r)})})]}))},Xje={version:"1.11.271"},Ek=(e,A)=>{const t=i0(i=>i.is_mouse_over_container);lA.useEffect(()=>{if(!e||typeof A!="function")return;const i=n=>{const o=e.split("+"),s=o.includes("ctrl"),r=o.includes("shift"),a=o.includes("alt"),g=o.includes("meta"),c=o[o.length-1];t&&(!s||n.ctrlKey)&&(!r||n.shiftKey)&&(!a||n.altKey)&&(!g||n.metaKey)&&n.key.toLowerCase()===c.toLowerCase()&&(n.preventDefault(),A())};return window.addEventListener("keydown",i),()=>{window.removeEventListener("keydown",i)}},[e,A])},$je=()=>{const[e,A]=lA.useState(!1);return lA.useEffect(()=>{const t=()=>{A(window.innerWidth<=768)};return t(),window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[]),e},Aze=({name:e,selected:A,onClick:t})=>aA.jsxs("div",{className:iL`
|
|
5733
|
+
`,Mje=({children:e,transform:A=SB(),elements:t})=>{const i=lA.useRef(null),{isShowingDRCErrors:n,hoveredErrorId:o}=i0(g=>({isShowingDRCErrors:g.is_showing_drc_errors,hoveredErrorId:g.hovered_error_id}));if(!t)return aA.jsx("div",{style:{position:"relative"},ref:i,children:e});const s=t.filter(g=>g.type==="pcb_trace_error"),r=t.filter(g=>g.type==="pcb_trace_error"&&g.message?.includes("Multiple components found with name")),a=new Map;return t.forEach(g=>{g.type==="pcb_port"&&a.set(g.pcb_port_id,g)}),aA.jsxs("div",{style:{position:"relative"},ref:i,children:[e,s.map((g,c)=>{const{pcb_port_ids:I,pcb_trace_id:l}=g,B=I?.[0]?a.get(I[0]):void 0,C=I?.[1]?a.get(I[1]):void 0,Q=t?uk(t).pcb_trace.get(l):void 0,u=g.pcb_trace_error_id||`error_${c}_${g.error_type}_${g.message?.slice(0,20)}`,d=o===u;if(B&&C){const p=Ut(A,{x:B.x,y:B.y}),f=Ut(A,{x:C.x,y:C.y}),m=!(isNaN(p.x)||isNaN(p.y)||isNaN(f.x)||isNaN(f.y)),S={x:(p.x+f.x)/2,y:(p.y+f.y)/2};if(isNaN(S.x)||isNaN(S.y))return null;const x=lwA(S,i);return aA.jsxs(lA.Fragment,{children:[aA.jsx(Gje,{screenPort1:p,screenPort2:f,errorCenter:S,canLineBeDrawn:m,isHighlighted:d}),aA.jsx("div",{style:{position:"absolute",left:S.x-15,top:S.y-15,width:30,height:30,zIndex:hQ.errorOverlay+5,cursor:"pointer",borderRadius:"50%"},onMouseEnter:v=>{const D=v.currentTarget.nextElementSibling;if(D){const k=D.querySelector(".error-message");k&&(k.style.opacity="1")}},onMouseLeave:v=>{if(!d){const D=v.currentTarget.nextElementSibling;if(D){const k=D.querySelector(".error-message");k&&(k.style.opacity="0")}}}}),aA.jsx("div",{style:{position:"absolute",zIndex:d?200:100,left:x.left,top:x.top,color:d?"#ff4444":"red",textAlign:"center",fontFamily:"sans-serif",fontSize:12,display:n||d?"flex":"none",flexDirection:"column",alignItems:"center",pointerEvents:"none",transform:x.transform},children:aA.jsx("div",{className:`error-message ${BwA}`,style:{opacity:d?1:0,border:`1px solid ${d?"#ff4444":"red"}`},children:g.message})})]},u)}if(Q?.route&&(n||d)){const p=Q.route.map(x=>Ut(A,{x:x.x,y:x.y}));if(p.some(x=>isNaN(x.x)||isNaN(x.y)))return null;const f=Math.floor(p.length/2),m=p[f],S=lwA(m,i);return aA.jsxs(lA.Fragment,{children:[aA.jsx(Nje,{points:p,errorCenter:m,isHighlighted:d}),aA.jsx("div",{style:{position:"absolute",left:m.x-15,top:m.y-15,width:30,height:30,zIndex:hQ.errorOverlay+5,cursor:"pointer",borderRadius:"50%"},onMouseEnter:x=>{const v=x.currentTarget.nextElementSibling;if(v){const D=v.querySelector(".error-message");D&&(D.style.opacity="1")}},onMouseLeave:x=>{if(!d){const v=x.currentTarget.nextElementSibling;if(v){const D=v.querySelector(".error-message");D&&(D.style.opacity="0")}}}}),aA.jsx("div",{style:{position:"absolute",zIndex:d?hQ.errorOverlay+10:hQ.errorOverlay+1,left:S.left,top:S.top,color:d?"#ff4444":"red",textAlign:"center",fontFamily:"sans-serif",fontSize:12,display:"flex",flexDirection:"column",alignItems:"center",pointerEvents:"none",transform:S.transform},children:aA.jsx("div",{className:`error-message ${BwA}`,style:{opacity:d?1:0,border:`1px solid ${d?"#ff4444":"red"}`},children:g.message})})]},u)}return null}),r.map((g,c)=>{const I=g.component_name||g.message?.match(/name "([^"]+)"/)?.[1];if(!I)return null;const l=t?.filter(Q=>Q.type==="source_component"&&Q.name===I||Q.type==="pcb_component"&&t?.find(u=>u.type==="source_component"&&u.source_component_id===Q.source_component_id&&u.name===I))||[],B=g.pcb_trace_error_id||`error_${c}_${g.error_type}_${g.message?.slice(0,20)}`,C=o===B;return!C&&!n?null:l.map((Q,u)=>{let d={x:0,y:0};if(Q.type==="pcb_component")d=Q.center||{x:0,y:0};else if(Q.type==="source_component"){const k=t?.find(b=>b.type==="pcb_component"&&b.source_component_id===Q.source_component_id);k&&k.type==="pcb_component"&&(d=k.center||{x:0,y:0})}const p=Ut(A,d);if(isNaN(p.x)||isNaN(p.y))return null;const f=Math.abs(A.a),v=Math.max(8,Math.min(30,.5*f)),D=lwA(p,i);return aA.jsxs(lA.Fragment,{children:[aA.jsx("svg",{style:{position:"absolute",left:0,top:0,pointerEvents:"none",mixBlendMode:"difference",zIndex:hQ.errorOverlay},width:"100%",height:"100%",children:C?aA.jsx("polygon",{points:`${p.x},${p.y-v*1.25} ${p.x+v},${p.y} ${p.x},${p.y+v*1.25} ${p.x-v},${p.y}`,fill:"#ff4444"}):aA.jsx("circle",{cx:p.x,cy:p.y,r:v,fill:"none",stroke:C?"#ff4444":"red",strokeWidth:C?Math.max(2,v*.15):Math.max(1,v*.1),opacity:1})}),aA.jsx("div",{style:{position:"absolute",left:p.x-(v+10),top:p.y-(v+10),width:(v+10)*2,height:(v+10)*2,zIndex:hQ.errorOverlay+5,cursor:"pointer",borderRadius:"50%"},onMouseEnter:k=>{const b=k.currentTarget.nextElementSibling;if(b){const L=b.querySelector(".error-message");L&&(L.style.opacity="1")}},onMouseLeave:k=>{if(!C){const b=k.currentTarget.nextElementSibling;if(b){const L=b.querySelector(".error-message");L&&(L.style.opacity="0")}}}}),aA.jsx("div",{style:{position:"absolute",zIndex:C?hQ.errorOverlay+20:hQ.errorOverlay+10,left:D.left,top:D.top,color:C?"#ff4444":"red",textAlign:"center",fontFamily:"sans-serif",fontSize:12,display:n||C?"flex":"none",flexDirection:"column",alignItems:"center",pointerEvents:"none",transform:D.transform},children:aA.jsx("div",{className:`error-message ${BwA}`,style:{opacity:C?1:0,border:`1px solid ${C?"#ff4444":"red"}`},children:g.message})})]},`${B}_${u}`)})})]})};function Lje(e,A){return e.size!==A.size?!1:Array.from(e).every(t=>A.has(t))}function Uje({primitiveElement:e,elements:A}){let t=e.trace_length?`${e.trace_length.toFixed(3)}`:"";const i=uk(A).source_trace.get(e?.source_trace_id);if(i?.display_name&&(i?.max_length?t+=` / ${i.max_length}mm `:t+=" mm ",t+=`(${i.display_name})`),!t)return null;const n=e.trace_length&&i?.max_length&&e.trace_length>i.max_length;return{text:t,isOverLength:n}}function Hje(e){const{primitives:A,is_showing_multiple_traces_length:t,elements:i}=e,n=A.filter(a=>a._element.type==="pcb_trace"),o=i.filter(a=>a.type==="source_trace"),s=A.filter(a=>a._element.type!=="pcb_trace"),r=n.filter(a=>o.some(g=>a._element.type==="pcb_trace"&&a._element.source_trace_id===g.source_trace_id&&g.max_length!==void 0));if(!t)return[...s,...r];if(n.length>1){const a=n.reduce((g,c)=>{const I=g._element.trace_length;return c._element.trace_length<I?c:g},n[0]);return[...s,a]}return A}var Yje={position:"absolute",left:0,top:0,pointerEvents:"none",color:"red",fontFamily:"sans-serif",fontSize:12,textShadow:"0 0 2px black"},Jje=e=>{const{_element:A,_parent_pcb_component:t,_parent_source_component:i,_source_port:n}=e;switch(A.type){case"pcb_trace":return A.trace_length?`${A.trace_length.toFixed(3)}`:"";case"pcb_smtpad":case"pcb_plated_hole":{const o=[],s=Array.from(new Set((A.port_hints??[]).concat(n?.port_hints??[]))).filter(a=>!/^[0-9]+$/.test(a)).filter(a=>!a.includes("unnamed_")).sort((a,g)=>g.localeCompare(a)),r=i&&"name"in i&&i.name&&!i.name.includes("unnamed_")?i.name:null;return s.length>0?r?o.push(...s.map(a=>`${r}.${a}`)):o.push(...s):r&&o.push(r),o.join(", ")}default:return""}},Tje={top:"red",bottom:"aqua"},Kje=({primitive:e,mousePos:A,elements:t})=>{const[i,n]=lA.useState(!1),o=e._element;lA.useEffect(()=>{setTimeout(()=>{n(!0)},100)},[]);const[s,r,a,g]=[e.screen_x,e.screen_y,e.screen_w,e.screen_h],c=e.same_space_index??0,I=26,l=Tje[e?._element?.layer]??"red";let B=0;if(o.type==="pcb_smtpad"&&o?.shape==="rotated_rect"?B=o?.ccw_rotation??0:(o.type==="pcb_smtpad"&&(o?.shape==="pill"||o?.shape==="rotated_pill")&&"ccw_rotation"in e||o.type==="pcb_plated_hole"&&(o?.shape==="pill"||o?.shape==="oval")&&"ccw_rotation"in e)&&(B=o.ccw_rotation??0),o.type==="pcb_trace"){const u=Uje({primitiveElement:o,elements:t});if(!u)return null;const d=A.y-35;return aA.jsx("div",{style:{zIndex:hQ.elementOverlay,position:"absolute",left:A.x,top:d,color:l,pointerEvents:"none",transform:"translateX(-50%)"},children:aA.jsx("div",{style:{backgroundColor:"#f2efcc",color:u.isOverLength?"red":"black",textShadow:"none",WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",padding:"6px 6px",borderRadius:"6px",fontSize:"14px",minWidth:"45px",textAlign:"center",whiteSpace:"nowrap"},children:u.text})})}const C=Jje(e);return C.trim().length===0?null:aA.jsx("div",{style:{zIndex:hQ.elementOverlay,position:"absolute",left:s-a/2-8,top:r-g/2-8,width:a+16,height:g+16,color:l,transform:`rotate(${-B}deg)`,transformOrigin:"center center"},children:aA.jsx("div",{style:{width:i?`calc(100% + ${I*2*c}px)`:"100%",height:i?`calc(100% + ${I*2*c}px)`:"100%",marginLeft:i?`${-I*c}px`:0,marginTop:i?`${-I*c}px`:0,border:`1px solid ${l}`,opacity:i||c===0?1:0,transition:"width 0.2s, height 0.2s, margin-left 0.2s, margin-top 0.2s, opacity 0.2s"},children:aA.jsx("div",{style:{position:"absolute",bottom:g+20+I*c,marginRight:i?`${-I*c}px`:0,marginBottom:i?0:-I*c,transition:"margin-right 0.2s, margin-bottom 0.2s",backgroundColor:"#f2efcc",color:"black",textShadow:"none",WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",padding:"6px 6px",borderRadius:"6px",fontSize:"14px",transform:`rotate(${B}deg)`,minWidth:"45px",textAlign:"center"},children:C})})})},qje=({highlightedPrimitives:e,mousePos:A,elements:t})=>{const[i,n]=i0(r=>[r.is_moving_component,r.is_showing_multiple_traces_length]),o=e.some(r=>r._element.type==="pcb_smtpad")&&e.some(r=>r._element.type==="pcb_trace");let s=e;return o&&(s=s.filter(r=>r._element.type==="pcb_smtpad")),s=Hje({primitives:s,is_showing_multiple_traces_length:n,elements:t}),aA.jsx("div",{style:Yje,children:!i&&s.map((r,a)=>aA.jsx(Kje,{primitive:r,mousePos:A,elements:t},a))})},Pje=e=>{const A=[];for(const t of e){if(!t.center||typeof t.width!="number"||typeof t.height!="number")continue;const i=t.width/2,n=t.height/2;A.push({x:t.center.x-i,y:t.center.y-n}),A.push({x:t.center.x+i,y:t.center.y+n})}return Eje(A)},Fy={GROUP_PADDING:1,MIN_LINE_LENGTH_FOR_LABEL:40,LABEL_OFFSET_ABOVE:2,LABEL_OFFSET_BELOW:-18,LABEL_OFFSET_RIGHT:8,LABEL_OFFSET_LEFT:-80,LINE_STROKE_WIDTH:1.5,LINE_DASH_PATTERN:"4,4",COMPONENT_MARKER_RADIUS:3,LABEL_FONT_SIZE:11},g4={OFFSET_LINE:"white",COMPONENT_MARKER_FILL:"#66ccff",COMPONENT_MARKER_STROKE:"white",LABEL_TEXT:"white"},Oje=(e,A)=>{const{minX:t,maxX:i,minY:n,maxY:o}=A,s=Math.abs(e.x-t),r=Math.abs(e.x-i),a=Math.abs(e.y-o),g=Math.abs(e.y-n),c=Math.min(s,r,a,g);return c===s?{x:t,y:e.y}:c===r?{x:i,y:e.y}:c===a?{x:e.x,y:o}:{x:e.x,y:n}},Wje=({elements:e,highlightedPrimitives:A,transform:t,containerWidth:i,containerHeight:n,children:o})=>{if(!i0(G=>G.is_showing_group_anchor_offsets)||A.length===0)return null;const r=A.find(G=>G._parent_pcb_component?.type==="pcb_component"||G._element?.type==="pcb_component");if(!r)return null;const a=r._parent_pcb_component||r._element;if(!a?.pcb_group_id)return null;const g=e.filter(G=>G.type==="pcb_group").find(G=>G.pcb_group_id===a.pcb_group_id);if(!g?.anchor_position)return null;const c=r._element?.type==="pcb_smtpad"?{x:r.x,y:r.y}:a.center||{x:r.x,y:r.y},I=e.filter(G=>G.type==="pcb_component").filter(G=>G.pcb_group_id===g.pcb_group_id),l=Pje(I);if(!l)return null;const B={minX:l.minX-Fy.GROUP_PADDING,maxX:l.maxX+Fy.GROUP_PADDING,minY:l.minY-Fy.GROUP_PADDING,maxY:l.maxY+Fy.GROUP_PADDING},C=Oje(g.anchor_position,B),Q=c.x-C.x,u=c.y-C.y,d=Ut(t,C),p=Ut(t,c),f=Math.abs(p.x-d.x),m=Math.abs(p.y-d.y),S=p.y<d.y,x=p.x>d.x,v=S?Fy.LABEL_OFFSET_ABOVE:Fy.LABEL_OFFSET_BELOW,D=x?Fy.LABEL_OFFSET_RIGHT:Fy.LABEL_OFFSET_LEFT,k=f>Fy.MIN_LINE_LENGTH_FOR_LABEL,b=m>Fy.MIN_LINE_LENGTH_FOR_LABEL,L={color:g4.LABEL_TEXT,mixBlendMode:"difference",pointerEvents:"none",fontSize:Fy.LABEL_FONT_SIZE,fontFamily:"monospace",fontWeight:"bold"};return aA.jsxs("div",{style:{position:"absolute",left:0,top:0,width:i,height:n,overflow:"hidden",pointerEvents:"none",zIndex:hQ.dimensionOverlay},children:[aA.jsxs("svg",{style:{position:"absolute",left:0,top:0,pointerEvents:"none"},width:i,height:n,children:[aA.jsx("line",{x1:d.x,y1:d.y,x2:p.x,y2:d.y,stroke:g4.OFFSET_LINE,strokeWidth:Fy.LINE_STROKE_WIDTH,strokeDasharray:Fy.LINE_DASH_PATTERN}),aA.jsx("line",{x1:p.x,y1:d.y,x2:p.x,y2:p.y,stroke:g4.OFFSET_LINE,strokeWidth:Fy.LINE_STROKE_WIDTH,strokeDasharray:Fy.LINE_DASH_PATTERN}),aA.jsx("circle",{cx:p.x,cy:p.y,r:Fy.COMPONENT_MARKER_RADIUS,fill:g4.COMPONENT_MARKER_FILL,stroke:g4.COMPONENT_MARKER_STROKE,strokeWidth:1})]}),k&&aA.jsxs("div",{style:{...L,position:"absolute",left:Math.min(d.x,p.x),top:d.y+v,width:Math.abs(p.x-d.x),textAlign:"center"},children:["Δx: ",Q.toFixed(2),"mm"]}),b&&aA.jsxs("div",{style:{...L,position:"absolute",left:p.x+D,top:Math.min(d.y,p.y),height:Math.abs(p.y-d.y),display:"flex",flexDirection:"column",justifyContent:"center"},children:["Δy: ",u.toFixed(2),"mm"]})]})},Jj=e=>{if(e.length===0)return null;let A=e[0].x,t=e[0].y,i=e[0].x,n=e[0].y;for(const o of e)o.x<A&&(A=o.x),o.y<t&&(t=o.y),o.x>i&&(i=o.x),o.y>n&&(n=o.y);return{center:{x:(A+i)/2,y:(t+n)/2},width:i-A,height:n-t}},HQt=(e,A)=>{if(A.length<3)return!1;let t=!1;for(let i=0,n=A.length-1;i<A.length;n=i++){const o=A[i].x,s=A[i].y,r=A[n].x,a=A[n].y;s>e.y!=a>e.y&&e.x<(r-o)*(e.y-s)/(a-s||Number.EPSILON)+o&&(t=!t)}return t},Zje=(e,A,t)=>{const i=[];for(const n of e){if(!n._element)continue;if("x1"in n&&n._element?.type==="pcb_trace"){const r=oZe({x:A.x,y:A.y},{x:n.x1,y:n.y1},{x:n.x2,y:n.y2}),a=n.width||.5,g=Math.max(a*25,2)/t.a;r<g&&i.push(n);continue}if(n.pcb_drawing_type==="polygon"){const r=n.points.map(g=>({x:Xe.parse(g.x),y:Xe.parse(g.y)})),a=Jj(r);if(!a||A.x<a.center.x-a.width/2||A.x>a.center.x+a.width/2||A.y<a.center.y-a.height/2||A.y>a.center.y+a.height/2)continue;HQt(A,r)&&i.push(n);continue}if(n.pcb_drawing_type==="polygon_with_arcs"){const r=n.brep_shape.outer_ring.vertices.map(g=>({x:Xe.parse(g.x),y:Xe.parse(g.y)})),a=Jj(r);if(!a||A.x<a.center.x-a.width/2||A.x>a.center.x+a.width/2||A.y<a.center.y-a.height/2||A.y>a.center.y+a.height/2)continue;HQt(A,r)&&i.push(n);continue}if(!("x"in n&&"y"in n))continue;let o=0,s=0;if("w"in n&&"h"in n)o=n.w,s=n.h;else if("r"in n)o=n.r*2,s=n.r*2;else if("rX"in n&&"rY"in n)o=n.rX*2,s=n.rY*2;else continue;Math.abs(n.x-A.x)<o/2&&Math.abs(n.y-A.y)<s/2&&i.push(n)}return i},Vje=({elements:e,children:A,transform:t,primitives:i,onMouseHoverOverPrimitives:n})=>{const[o,s]=lA.useState([]),[r,a]=lA.useState({x:0,y:0}),[g,{width:c,height:I}]=a4(),l=lA.useMemo(()=>{const C=[];for(const Q of o){if(Q._element?.type==="pcb_via"||Q._element?.type==="pcb_component"||Q?.layer==="drill")continue;let u=null,d=0,p=0;if(Q.pcb_drawing_type==="polygon"){const x=Jj(Q.points);if(!x)continue;u=x.center,d=x.width,p=x.height}else if(Q.pcb_drawing_type==="polygon_with_arcs"){const x=Q.brep_shape.outer_ring.vertices.map(D=>({x:D.x,y:D.y})),v=Jj(x);if(!v)continue;u=v.center,d=v.width,p=v.height}else"x"in Q&&"y"in Q&&(u={x:Q.x,y:Q.y},d="w"in Q?Q.w:"r"in Q?Q.r*2:"rX"in Q&&"rY"in Q?Q.rX*2:0,p="h"in Q?Q.h:"r"in Q?Q.r*2:"rX"in Q&&"rY"in Q?Q.rY*2:0);if(!u)continue;const f=Ut(t,u),m={w:d*t.a,h:p*t.a},S=C.filter(x=>f.x===x.screen_x&&f.y===x.screen_y&&m.w===x.screen_w&&m.h===x.screen_h).length;C.push({...Q,x:u.x,y:u.y,w:d,h:p,screen_x:f.x,screen_y:f.y,screen_w:m.w,screen_h:m.h,same_space_index:S})}return C},[o,t]),B=(C,Q,u,d)=>{a({x:C,y:Q});const p=Ut(F_(u),{x:C,y:Q}),f=Zje(d,p,u);Lje(new Set(f.map(m=>m._pcb_drawing_object_id)),new Set(o.map(m=>m._pcb_drawing_object_id)))||(s(f),n(f))};return aA.jsxs("div",{ref:g,style:{position:"relative",width:"100%",height:"100%"},onMouseMove:C=>{if(t){const Q=C.currentTarget.getBoundingClientRect(),u=C.clientX-Q.left,d=C.clientY-Q.top;B(u,d,t,i)}},onTouchStart:C=>{if(t){const Q=C.touches[0],u=C.currentTarget.getBoundingClientRect(),d=Q.clientX-u.left,p=Q.clientY-u.top;B(d,p,t,i)}},children:[A,aA.jsx(qje,{elements:e,mousePos:r,highlightedPrimitives:l}),t&&aA.jsx(Wje,{elements:e,highlightedPrimitives:l,transform:t,containerWidth:c,containerHeight:I})]})},YQt=["rgb(255, 100, 100)","rgb(100, 255, 100)","rgb(100, 100, 255)","rgb(255, 255, 100)","rgb(255, 100, 255)","rgb(100, 255, 255)","rgb(255, 150, 100)","rgb(150, 100, 255)","rgb(100, 255, 150)","rgb(255, 100, 150)"],jje=({children:e,transform:A=SB(),elements:t=[]})=>{const[i,{width:n,height:o}]=a4(),s=lA.useRef(null),{is_showing_pcb_groups:r,pcb_group_view_mode:a}=i0(g=>({is_showing_pcb_groups:g.is_showing_pcb_groups,pcb_group_view_mode:g.pcb_group_view_mode}));return lA.useEffect(()=>{const g=s.current;if(!g||!n||!o)return;g.width=n,g.height=o;const c=g.getContext("2d");if(!c||(c.clearRect(0,0,n,o),!r))return;const I=t.filter(f=>f.type==="pcb_group"),l=t.filter(f=>f.type==="pcb_component"),B=t.filter(f=>f.type==="source_group"),C=new Map(B.map(f=>[f.source_group_id,f])),Q=I.filter(f=>{if(a==="all")return!0;if(!f.source_group_id)return!1;const m=C.get(f.source_group_id);return m?m.was_automatically_named!==!0:!1}),u=new Map;B.forEach(f=>{const m=f;if(m.parent_source_group_id){const S=u.get(m.parent_source_group_id)||[];S.push(f.source_group_id),u.set(m.parent_source_group_id,S)}});const d=f=>{const m=[],S=u.get(f)||[];for(const x of S)m.push(x),m.push(...d(x));return m},p=f=>{const m=B.find(S=>S.source_group_id===f);return m?.parent_source_group_id?1+p(m.parent_source_group_id):0};Q.forEach((f,m)=>{let S=l.filter(RA=>RA.pcb_group_id===f.pcb_group_id);if(f.source_group_id){const RA=d(f.source_group_id),dA=I.filter(uA=>uA.source_group_id&&RA.includes(uA.source_group_id));for(const uA of dA){const UA=l.filter(kA=>kA.pcb_group_id===uA.pcb_group_id);S=[...S,...UA]}}if(S.length===0)return;let x=1/0,v=1/0,D=-1/0,k=-1/0;if(S.forEach(RA=>{if(RA.center&&typeof RA.width=="number"&&typeof RA.height=="number"){const dA=RA.center.x-RA.width/2,uA=RA.center.x+RA.width/2,UA=RA.center.y+RA.height/2,kA=RA.center.y-RA.height/2;x=Math.min(x,dA),D=Math.max(D,uA),v=Math.min(v,kA),k=Math.max(k,UA)}}),x===1/0||D===-1/0)return;const b=f.source_group_id?p(f.source_group_id):0,L=f.source_group_id?d(f.source_group_id).length>0:!1,q=1+(L?.5:0);x-=q,D+=q,v-=q,k+=q;const P=Ut(A,{x,y:k}),V=Ut(A,{x:D,y:k}),z=Ut(A,{x,y:v}),oA=Ut(A,{x:D,y:v}),rA=YQt[m%YQt.length];c.strokeStyle=rA,c.lineWidth=2;const QA=Math.max(4,Math.min(12,8*Math.abs(A.a))),eA=Math.max(2,Math.min(6,4*Math.abs(A.a))),hA=QA*(L?1.3:1),xA=eA;c.setLineDash([hA,xA]),c.beginPath(),c.moveTo(P.x,P.y),c.lineTo(V.x,V.y),c.lineTo(oA.x,oA.y),c.lineTo(z.x,z.y),c.closePath(),c.stroke();const NA=Math.max(8,Math.min(12,10*Math.abs(A.a))),YA=b==0||b==1?0:b*.11,JA=NA*(1-YA),MA=4,sA=f.name||`Group ${m+1}`;c.font=`${JA}px sans-serif`,c.setLineDash([]);const wA=c.measureText(sA).width+MA*2,VA=JA+MA*2,tt=P.x-5,at=P.y-5,SA=3;if(c.fillStyle="rgba(0, 0, 0, 0.8)",c.beginPath(),c.roundRect(tt,at-VA,wA,VA,SA),c.fill(),c.fillStyle=rA,c.textAlign="left",c.textBaseline="middle",c.fillText(sA,tt+MA,at-VA/2),f.anchor_position){const RA=f.anchor_position,dA=x,uA=D,UA=k,kA=v;let vA={x:RA.x,y:RA.y};const KA=Math.abs(RA.x-dA),HA=Math.abs(RA.x-uA),XA=Math.abs(RA.y-UA),et=Math.abs(RA.y-kA),It=Math.min(KA,HA,XA,et);It===KA?vA={x:dA,y:RA.y}:It===HA?vA={x:uA,y:RA.y}:It===XA?vA={x:RA.x,y:UA}:vA={x:RA.x,y:kA};const ut=Ut(A,vA);c.strokeStyle="white",c.lineWidth=1.5,c.setLineDash([]);const Et=Math.max(4,Math.min(8,6*Math.abs(A.a)));c.beginPath(),c.moveTo(ut.x-Et,ut.y),c.lineTo(ut.x+Et,ut.y),c.stroke(),c.beginPath(),c.moveTo(ut.x,ut.y-Et),c.lineTo(ut.x,ut.y+Et),c.stroke()}})},[t,A,n,o,r,a]),aA.jsxs("div",{ref:i,style:{position:"relative",width:"100%",height:"100%"},children:[e,aA.jsx("canvas",{ref:s,style:{position:"absolute",top:0,left:0,pointerEvents:"none",zIndex:hQ.pcbGroupOverlay,display:r?"block":"none"}})]})},zje=({transform:e,soup:A,children:t})=>{const i=i0(r=>r.is_showing_rats_nest),{netMap:n,idToNetMap:o}=lA.useMemo(()=>kQt(A||[]),[A]),s=lA.useMemo(()=>{if(!A||!i)return[];const r=l=>{const B=uk(A)[l.replace(/_\d+$/,"")].get(l);return B&&"x"in B&&"y"in B?{x:B.x,y:B.y}:null},a=(l,B)=>{const C=n[B]||[];let Q=null,u=1/0;return C.forEach(d=>{const p=r(d);if(p){const f=Math.sqrt((l.x-p.x)**2+(l.y-p.y)**2);f<u&&f>0&&(u=f,Q=p)}}),Q},g=uk(A).pcb_port.list(),c=uk(A).source_trace.list(),I=[];return g.forEach((l,B)=>{const C=o[l.pcb_port_id];let Q=!1;for(const p of c)p.connected_source_port_ids.includes(l.source_port_id)&&p.connected_source_net_ids.length>0&&(Q=!0);if(!C)return;const u={x:l.x,y:l.y},d=a(u,C);d&&I.push({key:`${l.pcb_port_id}-${B}`,startPoint:u,endPoint:d,isInNet:Q})}),I},[A,n,o,i]);return!A||!i?t:(e||(e=SB()),aA.jsxs("div",{style:{position:"relative"},children:[t,aA.jsx("svg",{style:{position:"absolute",left:0,top:0,width:"100%",height:"100%",pointerEvents:"none",opacity:.5,zIndex:hQ.ratsNestOverlay},children:s.map(({key:r,startPoint:a,endPoint:g,isInNet:c})=>{const I=Ut(e,a),l=Ut(e,g);return aA.jsx("line",{x1:I.x,y1:I.y,x2:l.x,y2:l.y,stroke:"white",strokeWidth:"1",strokeDasharray:c?"6,6":void 0},r)})})]}))},Xje={version:"1.11.272"},Ek=(e,A)=>{const t=i0(i=>i.is_mouse_over_container);lA.useEffect(()=>{if(!e||typeof A!="function")return;const i=n=>{const o=e.split("+"),s=o.includes("ctrl"),r=o.includes("shift"),a=o.includes("alt"),g=o.includes("meta"),c=o[o.length-1];t&&(!s||n.ctrlKey)&&(!r||n.shiftKey)&&(!a||n.altKey)&&(!g||n.metaKey)&&n.key.toLowerCase()===c.toLowerCase()&&(n.preventDefault(),A())};return window.addEventListener("keydown",i),()=>{window.removeEventListener("keydown",i)}},[e,A])},$je=()=>{const[e,A]=lA.useState(!1);return lA.useEffect(()=>{const t=()=>{A(window.innerWidth<=768)};return t(),window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[]),e},Aze=({name:e,selected:A,onClick:t})=>aA.jsxs("div",{className:iL`
|
|
5734
5734
|
margin-top: 2px;
|
|
5735
5735
|
padding: 4px;
|
|
5736
5736
|
padding-left: 8px;
|
|
@@ -5766,7 +5766,7 @@ $1`).replace(/>(\s*)(?=<!--\s*\/)/g,"> ")}}});function wQt(e,A,t){if(!A||!t)retu
|
|
|
5766
5766
|
&:hover {
|
|
5767
5767
|
background-color: rgba(255, 255, 255, 0.1);
|
|
5768
5768
|
}
|
|
5769
|
-
`,onClick:i=>{i.stopPropagation(),t()},onTouchEnd:i=>{i.preventDefault(),i.stopPropagation(),t()},children:[aA.jsx("input",{type:"radio",checked:A,onChange:()=>{},readOnly:!0}),aA.jsx("span",{style:{color:"#eee"},children:e})]}),tze=({children:e,elements:A})=>{const t=$je(),{isMouseOverContainer:i,setIsMouseOverContainer:n,selectedLayer:o,selectLayer:s,editModes:r,viewSettings:a,setEditMode:g,setIsShowingRatsNest:c,setIsShowingMultipleTracesLength:I,setIsShowingAutorouting:l,setIsShowingDrcErrors:B,setIsShowingCopperPours:C,setIsShowingPcbGroups:Q,setIsShowingGroupAnchorOffsets:u,setIsShowingSolderMask:d,setPcbGroupViewMode:p,setHoveredErrorId:f}=i0(yA=>({isMouseOverContainer:yA.is_mouse_over_container,setIsMouseOverContainer:yA.setIsMouseOverContainer,selectedLayer:yA.selected_layer,selectLayer:yA.selectLayer,editModes:{in_move_footprint_mode:yA.in_move_footprint_mode,in_draw_trace_mode:yA.in_draw_trace_mode},viewSettings:{is_showing_rats_nest:yA.is_showing_rats_nest,is_showing_multiple_traces_length:yA.is_showing_multiple_traces_length,is_showing_autorouting:yA.is_showing_autorouting,is_showing_drc_errors:yA.is_showing_drc_errors,is_showing_copper_pours:yA.is_showing_copper_pours,is_showing_pcb_groups:yA.is_showing_pcb_groups,is_showing_group_anchor_offsets:yA.is_showing_group_anchor_offsets,is_showing_solder_mask:yA.is_showing_solder_mask,pcb_group_view_mode:yA.pcb_group_view_mode},setEditMode:yA.setEditMode,setIsShowingRatsNest:yA.setIsShowingRatsNest,setIsShowingMultipleTracesLength:yA.setIsShowingMultipleTracesLength,setIsShowingAutorouting:yA.setIsShowingAutorouting,setIsShowingDrcErrors:yA.setIsShowingDrcErrors,setIsShowingCopperPours:yA.setIsShowingCopperPours,setIsShowingPcbGroups:yA.setIsShowingPcbGroups,setIsShowingGroupAnchorOffsets:yA.setIsShowingGroupAnchorOffsets,setIsShowingSolderMask:yA.setIsShowingSolderMask,setPcbGroupViewMode:yA.setPcbGroupViewMode,setHoveredErrorId:yA.setHoveredErrorId})),[m,S]=lA.useState(!1),[x,v]=lA.useState(!1),[D,k]=lA.useState(!1),[b,L]=lA.useState(!1),G=lA.useRef(new Map),T=lA.useRef(new Map);lA.useEffect(()=>{const yA=()=>L(!0),wA=()=>L(!1);return window.addEventListener("arm-dimension-tool",yA),window.addEventListener("disarm-dimension-tool",wA),()=>{window.removeEventListener("arm-dimension-tool",yA),window.removeEventListener("disarm-dimension-tool",wA)}},[]);const q=A?.filter(yA=>yA.type.includes("error")).length??0,P=A?.filter(yA=>yA.type.includes("error"))||[],z=A?.find(yA=>yA.type==="pcb_board")?.num_layers||2,oA=z<=2?["top","bottom"]:["top",...Array.from({length:z-2},(yA,wA)=>`inner${wA+1}`),"bottom"],rA=oA,QA={1:oA[0]?()=>s(oA[0]):()=>{},2:oA[1]?()=>s(oA[1]):()=>{},3:oA[2]?()=>s(oA[2]):()=>{},4:oA[3]?()=>s(oA[3]):()=>{},5:oA[4]?()=>s(oA[4]):()=>{},6:oA[5]?()=>s(oA[5]):()=>{},7:oA[6]?()=>s(oA[6]):()=>{},8:oA[7]?()=>s(oA[7]):()=>{}};Ek("1",QA[1]),Ek("2",QA[2]),Ek("3",QA[3]),Ek("4",QA[4]),Ek("5",QA[5]),Ek("6",QA[6]),Ek("7",QA[7]),Ek("8",QA[8]);const eA=lA.useCallback(()=>{n(!0)},[n]),gA=lA.useCallback(()=>{n(!1),v(!1),S(!1),k(!1),f(null)},[n,f]),hA=lA.useCallback(()=>{v(!x)},[x]),xA=lA.useCallback(()=>{const yA=!D;k(yA),yA&&S(!1),yA||f(null)},[D,f]),NA=lA.useCallback(()=>{g(r.in_draw_trace_mode?"off":"draw_trace")},[r.in_draw_trace_mode,g]),YA=lA.useCallback(()=>{g(r.in_move_footprint_mode?"off":"move_footprint")},[r.in_move_footprint_mode,g]),JA=lA.useCallback(()=>{c(!a.is_showing_rats_nest)},[a.is_showing_rats_nest,c]),MA=lA.useCallback(()=>{L(!0),window.dispatchEvent(new Event("arm-dimension-tool"))},[]),sA=lA.useCallback(()=>{const yA=!m;S(yA),yA&&k(!1)},[m]);return aA.jsxs("div",{style:{position:"relative",zIndex:"999 !important"},onMouseEnter:eA,onMouseLeave:gA,children:[e,aA.jsxs("div",{style:{position:"absolute",bottom:4,right:8,pointerEvents:"none",color:"white",fontSize:11,opacity:i?.5:0,transition:"opacity 1s",transitionDelay:"2s",fontFamily:"sans-serif"},children:["@tscircuit/pcb-viewer@",Xje.version]}),aA.jsxs("div",{"data-toolbar-overlay":!0,onTouchStart:yA=>yA.stopPropagation(),onTouchEnd:yA=>yA.stopPropagation(),onTouchMove:yA=>yA.stopPropagation(),style:{position:"absolute",opacity:t||i?1:0,top:16,left:16,right:t?16:"auto",transition:i?"opacity 100ms linear":"opacity 300ms linear",zIndex:hQ.toolbarOverlay,color:"red",display:"flex",flexWrap:"wrap",gap:4,fontSize:12,fontFamily:"sans-serif"},children:[aA.jsxs(JF,{isSmallScreen:t,onClick:hA,onMouseLeave:()=>{x&&v(!1)},children:[aA.jsxs("div",{children:["layer:"," ",aA.jsx("span",{style:{marginLeft:2,fontWeight:500,color:Uj[o]},children:o})]}),x&&aA.jsx("div",{style:{marginTop:4,minWidth:120},children:rA.map(yA=>aA.jsx(Aze,{name:yA,selected:yA===o,onClick:()=>{s(yA)}},yA))})]}),aA.jsx(JF,{isSmallScreen:t,style:{position:"relative",...q>0?{color:"red"}:{}},onClick:xA,children:aA.jsxs("div",{children:[q," errors"]})}),D&&q>0&&aA.jsx("div",{style:{position:"absolute",top:"100%",left:0,backgroundColor:"#2a2a2a",border:"1px solid #666",borderRadius:4,marginTop:4,zIndex:1e3,minWidth:t?"280px":"400px",maxWidth:t?"90vw":"600px",boxShadow:"0 4px 12px rgba(0, 0, 0, 0.3)"},children:P.map((yA,wA)=>{const VA=yA.pcb_trace_error_id||`error_${wA}_${yA.error_type}_${yA.message?.slice(0,20)}`;return aA.jsxs("div",{style:{borderBottom:wA<P.length-1?"1px solid #444":"none"},children:[aA.jsxs("div",{style:{display:"flex",alignItems:"center",gap:12,padding:"12px 16px",cursor:"pointer",backgroundColor:"#2a2a2a",transition:"background-color 0.2s ease",touchAction:"manipulation",userSelect:"none"},onMouseEnter:tt=>{tt.currentTarget.style.backgroundColor="#333",f(VA)},onMouseLeave:tt=>{tt.currentTarget.style.backgroundColor="#2a2a2a",f(null)},onTouchStart:tt=>{tt.stopPropagation(),tt.currentTarget.style.backgroundColor="#333",f(VA)},onTouchEnd:tt=>{tt.stopPropagation(),tt.preventDefault(),tt.currentTarget.style.backgroundColor="#2a2a2a",f(null);const at=G.current.get(wA),SA=T.current.get(wA);if(at&&SA){const RA=at.style.display!=="none";at.style.display=RA?"none":"block",SA.style.transform=RA?"rotate(90deg)":"rotate(0deg)"}},onClick:tt=>{tt.stopPropagation();const at=G.current.get(wA),SA=T.current.get(wA);if(at&&SA){const RA=at.style.display!=="none";at.style.display=RA?"none":"block",SA.style.transform=RA?"rotate(90deg)":"rotate(0deg)"}},children:[aA.jsx("div",{style:{fontWeight:"bold",fontSize:t?"12px":"13px",whiteSpace:"nowrap",flexShrink:0,color:"#ff6b6b",display:t?"none":"block"},children:yA.error_type}),aA.jsx("div",{style:{flex:1,fontSize:t?"12px":"13px",color:"#ddd",lineHeight:1.4,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:yA.message}),aA.jsx("div",{ref:tt=>{tt&&T.current.set(wA,tt)},"data-arrow-id":wA,style:{color:"#888",fontSize:"16px",transform:"rotate(90deg)",transition:"transform 0.2s ease",flexShrink:0},children:"›"})]}),aA.jsx("div",{ref:tt=>{tt&&G.current.set(wA,tt)},"data-error-id":wA,style:{display:"none",padding:"12px 16px",backgroundColor:"#1a1a1a",borderTop:"1px solid #444"},children:aA.jsx("div",{style:{fontSize:t?"11px":"12px",color:"#ccc",lineHeight:1.5,wordWrap:"break-word",overflowWrap:"break-word",hyphens:"auto"},children:yA.message})})]},wA)})}),aA.jsx(JF,{isSmallScreen:t,style:{},onClick:NA,children:aA.jsxs("div",{children:[r.in_draw_trace_mode?"✖ ":"","Edit Traces"]})}),aA.jsx(JF,{isSmallScreen:t,style:{},onClick:YA,children:aA.jsxs("div",{children:[r.in_move_footprint_mode?"✖ ":"","Move Components"]})}),aA.jsx(JF,{isSmallScreen:t,style:{},onClick:JA,children:aA.jsxs("div",{children:[a.is_showing_rats_nest?"✖ ":"","Rats Nest"]})}),aA.jsx(JF,{isSmallScreen:t,style:b?{backgroundColor:"#444"}:{},onClick:MA,children:aA.jsx("div",{children:"📏"})}),aA.jsx(JF,{isSmallScreen:t,onClick:sA,children:aA.jsxs("div",{children:[aA.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"4px"},children:["View",aA.jsx("span",{style:{fontSize:"8px",transform:m?"rotate(180deg)":"rotate(0)",transition:"transform 0.1s ease",display:"inline-block"},children:"▼"})]}),m&&aA.jsxs("div",{style:{marginTop:4,minWidth:120},children:[aA.jsx(TF,{label:"Show All Trace Lengths",checked:a.is_showing_multiple_traces_length,onClick:()=>{I(!a.is_showing_multiple_traces_length)}}),aA.jsx(TF,{label:"Show Autorouting Animation",checked:a.is_showing_autorouting,onClick:()=>{l(!a.is_showing_autorouting)}}),aA.jsx(TF,{label:"Show DRC Errors",checked:a.is_showing_drc_errors,onClick:()=>{B(!a.is_showing_drc_errors)}}),aA.jsx(TF,{label:"Show Copper Pours",checked:a.is_showing_copper_pours,onClick:()=>{C(!a.is_showing_copper_pours)}}),aA.jsx(TF,{label:"Show Solder Mask",checked:a.is_showing_solder_mask,onClick:()=>{d(!a.is_showing_solder_mask)}}),aA.jsx(TF,{label:"Show Group Anchor Offsets",checked:a.is_showing_group_anchor_offsets,onClick:()=>{u(!a.is_showing_group_anchor_offsets)}}),aA.jsx(TF,{label:"Show PCB Groups",checked:a.is_showing_pcb_groups,onClick:()=>{Q(!a.is_showing_pcb_groups)}}),a.is_showing_pcb_groups&&aA.jsxs("div",{style:{marginLeft:16},children:[aA.jsx(JQt,{label:"Show All Groups",checked:a.pcb_group_view_mode==="all",onClick:()=>{p("all")}}),aA.jsx(JQt,{label:"Show Named Groups",checked:a.pcb_group_view_mode==="named_only",onClick:()=>{p("named_only")}})]})]})]})})]})]})},eze=e=>{const{transform:A,elements:t}=e,i=i0(B=>B.hovered_error_id),n=i0(B=>B.is_showing_copper_pours),o=lA.useMemo(()=>n?t:t.filter(B=>B.type!=="pcb_copper_pour"),[t,n]),[s,r]=lA.useMemo(()=>{const B=o.flatMap(Q=>WVe(Q,e.elements)),C=kQt(e.elements);return[B,C]},[o,e.elements]),[a,g]=lA.useState({drawingObjectIdsWithMouseOver:new Set,primitiveIdsInMousedOverNet:[]}),c=lA.useMemo(()=>{if(!i)return[];const C=t.filter(u=>u.type.includes("error")).find((u,d)=>(u.pcb_trace_error_id||`error_${d}_${u.error_type}_${u.message?.slice(0,20)}`)===i);if(!C)return[];const Q=[];return C.pcb_trace_id&&Q.push(C.pcb_trace_id),C.pcb_port_ids&&Q.push(...C.pcb_port_ids),Q},[i,t]),I=lA.useMemo(()=>{const B=[...a.primitiveIdsInMousedOverNet,...c];return PVe({primitivesWithoutInteractionMetadata:s,drawingObjectIdsWithMouseOver:a.drawingObjectIdsWithMouseOver,primitiveIdsInMousedOverNet:B})},[s,a,c]),l=lA.useCallback(B=>{const C=[];for(const u of B)if(u._element){const d=r.getNetConnectedToId("pcb_port_id"in u._element?u._element?.pcb_port_id:"pcb_trace_id"in u._element?u._element?.pcb_trace_id:"");C.push(...r.getIdsConnectedToNet(d))}const Q=new Set(B.map(u=>u._pcb_drawing_object_id));g({drawingObjectIdsWithMouseOver:Q,primitiveIdsInMousedOverNet:C})},[r]);return aA.jsx(Vje,{elements:o,transform:A,primitives:s,onMouseHoverOverPrimitives:l,children:aA.jsx(Sje,{disabled:!e.allowEditing,transform:A,soup:t,cancelPanDrag:e.cancelPanDrag,onCreateEditEvent:e.onCreateEditEvent,onModifyEditEvent:e.onModifyEditEvent,children:aA.jsx(Fje,{disabled:!e.allowEditing,transform:A,soup:t,cancelPanDrag:e.cancelPanDrag,onCreateEditEvent:e.onCreateEditEvent,onModifyEditEvent:e.onModifyEditEvent,children:aA.jsx(xje,{transform:A,focusOnHover:e.focusOnHover,primitives:s,children:aA.jsx(tze,{elements:t,children:aA.jsx(Mje,{transform:A,elements:t,children:aA.jsx(zje,{transform:A,soup:t,children:aA.jsx(jje,{transform:A,elements:t,children:aA.jsx(Qje,{transform:A,debugGraphics:e.debugGraphics,children:aA.jsx(uje,{transform:A,elements:t,children:aA.jsx(Ije,{transform:A,primitives:I,width:e.width,height:e.height,grid:e.grid})})})})})})})})})})})},Tj=e=>Number.isFinite(e)?e.toFixed(4):"NaN",ize=e=>{let A=5381;for(let t=0;t<e.length;t++)A=(A<<5)+A+e.charCodeAt(t);return Math.abs(A)},nze=e=>{if(!e?.length)return"0";const A=[];for(const n of e){if(!n?.type?.startsWith("pcb_"))continue;const o=wVe(n),s=DVe([n]),r=[Tj(s.minX),Tj(s.minY),Tj(s.maxX),Tj(s.maxY)].join(",");let a=`${o}:${r}`;if(n.type==="pcb_trace"){const g=(n.route??[]).length;a+=`:${g}`}A.push(a)}if(A.length===0)return"0";A.sort();const t=A.join(","),i=ize(t);return`${A.length}_${i.toString(36)}`},oze=vo(Yo(400,300),ZC(40,-40)),sze=({circuitJson:e,debugGraphics:A,height:t=600,initialState:i,allowEditing:n=!0,editEvents:o,onEditEventsChanged:s,focusOnHover:r=!1,clickToInteractEnabled:a=!1,disablePcbGroups:g=!1})=>{const[c,I]=lA.useState(!a),[l,B]=a4(),[C,Q]=lA.useState(oze),{ref:u,setTransform:d,cancelDrag:p}=TVe({transform:C,onSetTransform:Q,enabled:c});let[f,m]=lA.useState([]);f=o??f;const S=lA.useRef(!1),x=lA.useRef(null),v=lA.useMemo(()=>nze(e),[e]),D=()=>{const q=B?.width>0?B:{width:500,height:500},{center:P,width:V,height:z}=b.some(QA=>QA.type.startsWith("pcb_"))?SVe(b.filter(QA=>QA.type.startsWith("pcb_"))):{center:{x:0,y:0},width:.001,height:.001},oA=Math.min((q.width??0)/V,(q.height??0)/z,100)*.75,rA=vo(Yo((q.width??0)/2,(q.height??0)/2),ZC(oA,-oA,0,0),Yo(-P.x,-P.y));d(rA)};lA.useEffect(()=>{B?.width&&e&&e.length!==0&&(S.current||(D(),S.current=!0))},[e,B]);const k=lA.useMemo(()=>e?.filter(q=>q.type.startsWith("pcb_")||q.type.startsWith("source_"))??[],[v]),b=lA.useMemo(()=>UQe({circuitJson:k,editEvents:f}),[k,f]),L=q=>{m([...f,q]),s?.([...f,q])},G=q=>{const P=f.map(V=>V.edit_event_id===q.edit_event_id?{...V,...q}:V);m(P),s?.(P)},T=lA.useMemo(()=>({...i,...g&&{is_showing_pcb_groups:!1}}),[i,g]);return aA.jsxs("div",{ref:u,style:{position:"relative"},children:[aA.jsx("div",{ref:l,children:aA.jsxs(GVe,{initialState:T,disablePcbGroups:g,children:[aA.jsx(eze,{transform:C,height:t,width:B.width,allowEditing:n,focusOnHover:r,cancelPanDrag:p,onCreateEditEvent:L,onModifyEditEvent:G,grid:{spacing:1,view_window:{left:0,right:B.width||500,top:t,bottom:0}},elements:b,debugGraphics:A},B.width),aA.jsx(MVe,{})]})}),a&&!c&&aA.jsx("div",{onClick:()=>{I(!0),D()},onTouchStart:q=>{const P=q.touches[0];x.current={x:P.clientX,y:P.clientY}},onTouchEnd:q=>{const P=q.changedTouches[0],V=x.current;if(!V)return;const z=Math.abs(P.clientX-V.x),oA=Math.abs(P.clientY-V.y);z<10&&oA<10&&(q.preventDefault(),I(!0),D()),x.current=null},style:{position:"absolute",inset:0,cursor:"pointer",zIndex:hQ.clickToInteractOverlay,display:"flex",alignItems:"center",justifyContent:"center",touchAction:"pan-x pan-y pinch-zoom"},children:aA.jsx("div",{style:{backgroundColor:"rgba(0, 0, 0, 0.8)",color:"white",padding:"12px 24px",borderRadius:"8px",fontSize:"16px",pointerEvents:"none"},children:typeof window<"u"&&("ontouchstart"in window||navigator.maxTouchPoints>0)?"Touch to Interact":"Click to Interact"})})]})};/*! Bundled license information:
|
|
5769
|
+
`,onClick:i=>{i.stopPropagation(),t()},onTouchEnd:i=>{i.preventDefault(),i.stopPropagation(),t()},children:[aA.jsx("input",{type:"radio",checked:A,onChange:()=>{},readOnly:!0}),aA.jsx("span",{style:{color:"#eee"},children:e})]}),tze=({children:e,elements:A})=>{const t=$je(),{isMouseOverContainer:i,setIsMouseOverContainer:n,selectedLayer:o,selectLayer:s,editModes:r,viewSettings:a,setEditMode:g,setIsShowingRatsNest:c,setIsShowingMultipleTracesLength:I,setIsShowingAutorouting:l,setIsShowingDrcErrors:B,setIsShowingCopperPours:C,setIsShowingPcbGroups:Q,setIsShowingGroupAnchorOffsets:u,setIsShowingSolderMask:d,setPcbGroupViewMode:p,setHoveredErrorId:f}=i0(yA=>({isMouseOverContainer:yA.is_mouse_over_container,setIsMouseOverContainer:yA.setIsMouseOverContainer,selectedLayer:yA.selected_layer,selectLayer:yA.selectLayer,editModes:{in_move_footprint_mode:yA.in_move_footprint_mode,in_draw_trace_mode:yA.in_draw_trace_mode},viewSettings:{is_showing_rats_nest:yA.is_showing_rats_nest,is_showing_multiple_traces_length:yA.is_showing_multiple_traces_length,is_showing_autorouting:yA.is_showing_autorouting,is_showing_drc_errors:yA.is_showing_drc_errors,is_showing_copper_pours:yA.is_showing_copper_pours,is_showing_pcb_groups:yA.is_showing_pcb_groups,is_showing_group_anchor_offsets:yA.is_showing_group_anchor_offsets,is_showing_solder_mask:yA.is_showing_solder_mask,pcb_group_view_mode:yA.pcb_group_view_mode},setEditMode:yA.setEditMode,setIsShowingRatsNest:yA.setIsShowingRatsNest,setIsShowingMultipleTracesLength:yA.setIsShowingMultipleTracesLength,setIsShowingAutorouting:yA.setIsShowingAutorouting,setIsShowingDrcErrors:yA.setIsShowingDrcErrors,setIsShowingCopperPours:yA.setIsShowingCopperPours,setIsShowingPcbGroups:yA.setIsShowingPcbGroups,setIsShowingGroupAnchorOffsets:yA.setIsShowingGroupAnchorOffsets,setIsShowingSolderMask:yA.setIsShowingSolderMask,setPcbGroupViewMode:yA.setPcbGroupViewMode,setHoveredErrorId:yA.setHoveredErrorId})),[m,S]=lA.useState(!1),[x,v]=lA.useState(!1),[D,k]=lA.useState(!1),[b,L]=lA.useState(!1),G=lA.useRef(new Map),T=lA.useRef(new Map);lA.useEffect(()=>{const yA=()=>L(!0),wA=()=>L(!1);return window.addEventListener("arm-dimension-tool",yA),window.addEventListener("disarm-dimension-tool",wA),()=>{window.removeEventListener("arm-dimension-tool",yA),window.removeEventListener("disarm-dimension-tool",wA)}},[]);const q=A?.filter(yA=>yA.type.includes("error")).length??0,P=A?.filter(yA=>yA.type.includes("error"))||[],z=A?.find(yA=>yA.type==="pcb_board")?.num_layers||2,oA=z<=2?["top","bottom"]:["top",...Array.from({length:z-2},(yA,wA)=>`inner${wA+1}`),"bottom"],rA=oA,QA={1:oA[0]?()=>s(oA[0]):()=>{},2:oA[1]?()=>s(oA[1]):()=>{},3:oA[2]?()=>s(oA[2]):()=>{},4:oA[3]?()=>s(oA[3]):()=>{},5:oA[4]?()=>s(oA[4]):()=>{},6:oA[5]?()=>s(oA[5]):()=>{},7:oA[6]?()=>s(oA[6]):()=>{},8:oA[7]?()=>s(oA[7]):()=>{}};Ek("1",QA[1]),Ek("2",QA[2]),Ek("3",QA[3]),Ek("4",QA[4]),Ek("5",QA[5]),Ek("6",QA[6]),Ek("7",QA[7]),Ek("8",QA[8]);const eA=lA.useCallback(()=>{n(!0)},[n]),gA=lA.useCallback(()=>{n(!1),v(!1),S(!1),k(!1),f(null)},[n,f]),hA=lA.useCallback(()=>{v(!x)},[x]),xA=lA.useCallback(()=>{const yA=!D;k(yA),yA&&S(!1),yA||f(null)},[D,f]),NA=lA.useCallback(()=>{g(r.in_draw_trace_mode?"off":"draw_trace")},[r.in_draw_trace_mode,g]),YA=lA.useCallback(()=>{g(r.in_move_footprint_mode?"off":"move_footprint")},[r.in_move_footprint_mode,g]),JA=lA.useCallback(()=>{c(!a.is_showing_rats_nest)},[a.is_showing_rats_nest,c]),MA=lA.useCallback(()=>{L(!0),window.dispatchEvent(new Event("arm-dimension-tool"))},[]),sA=lA.useCallback(()=>{const yA=!m;S(yA),yA&&k(!1)},[m]);return aA.jsxs("div",{style:{position:"relative",zIndex:"999 !important"},onMouseEnter:eA,onMouseLeave:gA,children:[e,aA.jsxs("div",{style:{position:"absolute",bottom:4,right:8,pointerEvents:"none",color:"white",fontSize:11,opacity:i?.5:0,transition:"opacity 1s",transitionDelay:"2s",fontFamily:"sans-serif"},children:["@tscircuit/pcb-viewer@",Xje.version]}),aA.jsxs("div",{"data-toolbar-overlay":!0,onTouchStart:yA=>yA.stopPropagation(),onTouchEnd:yA=>yA.stopPropagation(),onTouchMove:yA=>yA.stopPropagation(),style:{position:"absolute",opacity:t||i?1:0,top:16,left:16,right:t?16:"auto",transition:i?"opacity 100ms linear":"opacity 300ms linear",zIndex:hQ.toolbarOverlay,color:"red",display:"flex",flexWrap:"wrap",gap:4,fontSize:12,fontFamily:"sans-serif"},children:[aA.jsxs(JF,{isSmallScreen:t,onClick:hA,onMouseLeave:()=>{x&&v(!1)},children:[aA.jsxs("div",{children:["layer:"," ",aA.jsx("span",{style:{marginLeft:2,fontWeight:500,color:Uj[o]},children:o})]}),x&&aA.jsx("div",{style:{marginTop:4,minWidth:120},children:rA.map(yA=>aA.jsx(Aze,{name:yA,selected:yA===o,onClick:()=>{s(yA)}},yA))})]}),aA.jsx(JF,{isSmallScreen:t,style:{position:"relative",...q>0?{color:"red"}:{}},onClick:xA,children:aA.jsxs("div",{children:[q," errors"]})}),D&&q>0&&aA.jsx("div",{style:{position:"absolute",top:"100%",left:0,backgroundColor:"#2a2a2a",border:"1px solid #666",borderRadius:4,marginTop:4,zIndex:1e3,minWidth:t?"280px":"400px",maxWidth:t?"90vw":"600px",maxHeight:"400px",overflow:"auto",boxShadow:"0 4px 12px rgba(0, 0, 0, 0.3)"},children:P.map((yA,wA)=>{const VA=yA.pcb_trace_error_id||`error_${wA}_${yA.error_type}_${yA.message?.slice(0,20)}`;return aA.jsxs("div",{style:{borderBottom:wA<P.length-1?"1px solid #444":"none"},children:[aA.jsxs("div",{style:{display:"flex",alignItems:"center",gap:12,padding:"12px 16px",cursor:"pointer",backgroundColor:"#2a2a2a",transition:"background-color 0.2s ease",touchAction:"manipulation",userSelect:"none"},onMouseEnter:tt=>{tt.currentTarget.style.backgroundColor="#333",f(VA)},onMouseLeave:tt=>{tt.currentTarget.style.backgroundColor="#2a2a2a",f(null)},onTouchStart:tt=>{tt.stopPropagation(),tt.currentTarget.style.backgroundColor="#333",f(VA)},onTouchEnd:tt=>{tt.stopPropagation(),tt.preventDefault(),tt.currentTarget.style.backgroundColor="#2a2a2a",f(null);const at=G.current.get(wA),SA=T.current.get(wA);if(at&&SA){const RA=at.style.display!=="none";at.style.display=RA?"none":"block",SA.style.transform=RA?"rotate(90deg)":"rotate(0deg)"}},onClick:tt=>{tt.stopPropagation();const at=G.current.get(wA),SA=T.current.get(wA);if(at&&SA){const RA=at.style.display!=="none";at.style.display=RA?"none":"block",SA.style.transform=RA?"rotate(90deg)":"rotate(0deg)"}},children:[aA.jsx("div",{style:{fontWeight:"bold",fontSize:t?"12px":"13px",whiteSpace:"nowrap",flexShrink:0,color:"#ff6b6b",display:t?"none":"block"},children:yA.error_type}),aA.jsx("div",{style:{flex:1,fontSize:t?"12px":"13px",color:"#ddd",lineHeight:1.4,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:yA.message}),aA.jsx("div",{ref:tt=>{tt&&T.current.set(wA,tt)},"data-arrow-id":wA,style:{color:"#888",fontSize:"16px",transform:"rotate(90deg)",transition:"transform 0.2s ease",flexShrink:0},children:"›"})]}),aA.jsx("div",{ref:tt=>{tt&&G.current.set(wA,tt)},"data-error-id":wA,style:{display:"none",padding:"12px 16px",backgroundColor:"#1a1a1a",borderTop:"1px solid #444"},children:aA.jsx("div",{style:{fontSize:t?"11px":"12px",color:"#ccc",lineHeight:1.5,wordWrap:"break-word",overflowWrap:"break-word",hyphens:"auto"},children:yA.message})})]},wA)})}),aA.jsx(JF,{isSmallScreen:t,style:{},onClick:NA,children:aA.jsxs("div",{children:[r.in_draw_trace_mode?"✖ ":"","Edit Traces"]})}),aA.jsx(JF,{isSmallScreen:t,style:{},onClick:YA,children:aA.jsxs("div",{children:[r.in_move_footprint_mode?"✖ ":"","Move Components"]})}),aA.jsx(JF,{isSmallScreen:t,style:{},onClick:JA,children:aA.jsxs("div",{children:[a.is_showing_rats_nest?"✖ ":"","Rats Nest"]})}),aA.jsx(JF,{isSmallScreen:t,style:b?{backgroundColor:"#444"}:{},onClick:MA,children:aA.jsx("div",{children:"📏"})}),aA.jsx(JF,{isSmallScreen:t,onClick:sA,children:aA.jsxs("div",{children:[aA.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"4px"},children:["View",aA.jsx("span",{style:{fontSize:"8px",transform:m?"rotate(180deg)":"rotate(0)",transition:"transform 0.1s ease",display:"inline-block"},children:"▼"})]}),m&&aA.jsxs("div",{style:{marginTop:4,minWidth:120},children:[aA.jsx(TF,{label:"Show All Trace Lengths",checked:a.is_showing_multiple_traces_length,onClick:()=>{I(!a.is_showing_multiple_traces_length)}}),aA.jsx(TF,{label:"Show Autorouting Animation",checked:a.is_showing_autorouting,onClick:()=>{l(!a.is_showing_autorouting)}}),aA.jsx(TF,{label:"Show DRC Errors",checked:a.is_showing_drc_errors,onClick:()=>{B(!a.is_showing_drc_errors)}}),aA.jsx(TF,{label:"Show Copper Pours",checked:a.is_showing_copper_pours,onClick:()=>{C(!a.is_showing_copper_pours)}}),aA.jsx(TF,{label:"Show Solder Mask",checked:a.is_showing_solder_mask,onClick:()=>{d(!a.is_showing_solder_mask)}}),aA.jsx(TF,{label:"Show Group Anchor Offsets",checked:a.is_showing_group_anchor_offsets,onClick:()=>{u(!a.is_showing_group_anchor_offsets)}}),aA.jsx(TF,{label:"Show PCB Groups",checked:a.is_showing_pcb_groups,onClick:()=>{Q(!a.is_showing_pcb_groups)}}),a.is_showing_pcb_groups&&aA.jsxs("div",{style:{marginLeft:16},children:[aA.jsx(JQt,{label:"Show All Groups",checked:a.pcb_group_view_mode==="all",onClick:()=>{p("all")}}),aA.jsx(JQt,{label:"Show Named Groups",checked:a.pcb_group_view_mode==="named_only",onClick:()=>{p("named_only")}})]})]})]})})]})]})},eze=e=>{const{transform:A,elements:t}=e,i=i0(B=>B.hovered_error_id),n=i0(B=>B.is_showing_copper_pours),o=lA.useMemo(()=>n?t:t.filter(B=>B.type!=="pcb_copper_pour"),[t,n]),[s,r]=lA.useMemo(()=>{const B=o.flatMap(Q=>WVe(Q,e.elements)),C=kQt(e.elements);return[B,C]},[o,e.elements]),[a,g]=lA.useState({drawingObjectIdsWithMouseOver:new Set,primitiveIdsInMousedOverNet:[]}),c=lA.useMemo(()=>{if(!i)return[];const C=t.filter(u=>u.type.includes("error")).find((u,d)=>(u.pcb_trace_error_id||`error_${d}_${u.error_type}_${u.message?.slice(0,20)}`)===i);if(!C)return[];const Q=[];return C.pcb_trace_id&&Q.push(C.pcb_trace_id),C.pcb_port_ids&&Q.push(...C.pcb_port_ids),Q},[i,t]),I=lA.useMemo(()=>{const B=[...a.primitiveIdsInMousedOverNet,...c];return PVe({primitivesWithoutInteractionMetadata:s,drawingObjectIdsWithMouseOver:a.drawingObjectIdsWithMouseOver,primitiveIdsInMousedOverNet:B})},[s,a,c]),l=lA.useCallback(B=>{const C=[];for(const u of B)if(u._element){const d=r.getNetConnectedToId("pcb_port_id"in u._element?u._element?.pcb_port_id:"pcb_trace_id"in u._element?u._element?.pcb_trace_id:"");C.push(...r.getIdsConnectedToNet(d))}const Q=new Set(B.map(u=>u._pcb_drawing_object_id));g({drawingObjectIdsWithMouseOver:Q,primitiveIdsInMousedOverNet:C})},[r]);return aA.jsx(Vje,{elements:o,transform:A,primitives:s,onMouseHoverOverPrimitives:l,children:aA.jsx(Sje,{disabled:!e.allowEditing,transform:A,soup:t,cancelPanDrag:e.cancelPanDrag,onCreateEditEvent:e.onCreateEditEvent,onModifyEditEvent:e.onModifyEditEvent,children:aA.jsx(Fje,{disabled:!e.allowEditing,transform:A,soup:t,cancelPanDrag:e.cancelPanDrag,onCreateEditEvent:e.onCreateEditEvent,onModifyEditEvent:e.onModifyEditEvent,children:aA.jsx(xje,{transform:A,focusOnHover:e.focusOnHover,primitives:s,children:aA.jsx(tze,{elements:t,children:aA.jsx(Mje,{transform:A,elements:t,children:aA.jsx(zje,{transform:A,soup:t,children:aA.jsx(jje,{transform:A,elements:t,children:aA.jsx(Qje,{transform:A,debugGraphics:e.debugGraphics,children:aA.jsx(uje,{transform:A,elements:t,children:aA.jsx(Ije,{transform:A,primitives:I,width:e.width,height:e.height,grid:e.grid})})})})})})})})})})})},Tj=e=>Number.isFinite(e)?e.toFixed(4):"NaN",ize=e=>{let A=5381;for(let t=0;t<e.length;t++)A=(A<<5)+A+e.charCodeAt(t);return Math.abs(A)},nze=e=>{if(!e?.length)return"0";const A=[];for(const n of e){if(!n?.type?.startsWith("pcb_"))continue;const o=wVe(n),s=DVe([n]),r=[Tj(s.minX),Tj(s.minY),Tj(s.maxX),Tj(s.maxY)].join(",");let a=`${o}:${r}`;if(n.type==="pcb_trace"){const g=(n.route??[]).length;a+=`:${g}`}A.push(a)}if(A.length===0)return"0";A.sort();const t=A.join(","),i=ize(t);return`${A.length}_${i.toString(36)}`},oze=vo(Yo(400,300),ZC(40,-40)),sze=({circuitJson:e,debugGraphics:A,height:t=600,initialState:i,allowEditing:n=!0,editEvents:o,onEditEventsChanged:s,focusOnHover:r=!1,clickToInteractEnabled:a=!1,disablePcbGroups:g=!1})=>{const[c,I]=lA.useState(!a),[l,B]=a4(),[C,Q]=lA.useState(oze),{ref:u,setTransform:d,cancelDrag:p}=TVe({transform:C,onSetTransform:Q,enabled:c});let[f,m]=lA.useState([]);f=o??f;const S=lA.useRef(!1),x=lA.useRef(null),v=lA.useMemo(()=>nze(e),[e]),D=()=>{const q=B?.width>0?B:{width:500,height:500},{center:P,width:V,height:z}=b.some(QA=>QA.type.startsWith("pcb_"))?SVe(b.filter(QA=>QA.type.startsWith("pcb_"))):{center:{x:0,y:0},width:.001,height:.001},oA=Math.min((q.width??0)/V,(q.height??0)/z,100)*.75,rA=vo(Yo((q.width??0)/2,(q.height??0)/2),ZC(oA,-oA,0,0),Yo(-P.x,-P.y));d(rA)};lA.useEffect(()=>{B?.width&&e&&e.length!==0&&(S.current||(D(),S.current=!0))},[e,B]);const k=lA.useMemo(()=>e?.filter(q=>q.type.startsWith("pcb_")||q.type.startsWith("source_"))??[],[v]),b=lA.useMemo(()=>UQe({circuitJson:k,editEvents:f}),[k,f]),L=q=>{m([...f,q]),s?.([...f,q])},G=q=>{const P=f.map(V=>V.edit_event_id===q.edit_event_id?{...V,...q}:V);m(P),s?.(P)},T=lA.useMemo(()=>({...i,...g&&{is_showing_pcb_groups:!1}}),[i,g]);return aA.jsxs("div",{ref:u,style:{position:"relative"},children:[aA.jsx("div",{ref:l,children:aA.jsxs(GVe,{initialState:T,disablePcbGroups:g,children:[aA.jsx(eze,{transform:C,height:t,width:B.width,allowEditing:n,focusOnHover:r,cancelPanDrag:p,onCreateEditEvent:L,onModifyEditEvent:G,grid:{spacing:1,view_window:{left:0,right:B.width||500,top:t,bottom:0}},elements:b,debugGraphics:A},B.width),aA.jsx(MVe,{})]})}),a&&!c&&aA.jsx("div",{onClick:()=>{I(!0),D()},onTouchStart:q=>{const P=q.touches[0];x.current={x:P.clientX,y:P.clientY}},onTouchEnd:q=>{const P=q.changedTouches[0],V=x.current;if(!V)return;const z=Math.abs(P.clientX-V.x),oA=Math.abs(P.clientY-V.y);z<10&&oA<10&&(q.preventDefault(),I(!0),D()),x.current=null},style:{position:"absolute",inset:0,cursor:"pointer",zIndex:hQ.clickToInteractOverlay,display:"flex",alignItems:"center",justifyContent:"center",touchAction:"pan-x pan-y pinch-zoom"},children:aA.jsx("div",{style:{backgroundColor:"rgba(0, 0, 0, 0.8)",color:"white",padding:"12px 24px",borderRadius:"8px",fontSize:"16px",pointerEvents:"none"},children:typeof window<"u"&&("ontouchstart"in window||navigator.maxTouchPoints>0)?"Touch to Interact":"Click to Interact"})})]})};/*! Bundled license information:
|
|
5770
5770
|
|
|
5771
5771
|
svgson/dist/svgson.umd.js:
|
|
5772
5772
|
(*!
|
|
@@ -5815,7 +5815,7 @@ $1`).replace(/>(\s*)(?=<!--\s*\/)/g,"> ")}}});function wQt(e,A,t){if(!A||!t)retu
|
|
|
5815
5815
|
* Copyright (c) 2013-2015, 2017, Jon Schlinkert.
|
|
5816
5816
|
* Released under the MIT License.
|
|
5817
5817
|
*)
|
|
5818
|
-
*/const rze=({containerClassName:e,...A})=>{const t=lA.useRef(null),[i,n]=lA.useState(620);return lA.useLayoutEffect(()=>{const o=()=>{if(t.current){const r=t.current.clientHeight,a=window.innerHeight;n(Math.min(Math.max(r,620),a))}};o();const s=new ResizeObserver(o);return t.current&&s.observe(t.current),window.addEventListener("resize",o),()=>{s.disconnect(),window.removeEventListener("resize",o)}},[]),aA.jsx("div",{ref:t,className:e||"rf-w-full rf-h-full",children:aA.jsx(sze,{...A,height:i})})},aze='*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}:root{--radius:0.5rem}.rf-pointer-events-none{pointer-events:none}.rf-invisible{visibility:hidden}.rf-fixed{position:fixed}.rf-absolute{position:absolute}.rf-relative{position:relative}.rf-inset-0{inset:0}.-rf-left-2{left:-.5rem}.-rf-right-10{right:-2.5rem}.-rf-right-2{right:-.5rem}.-rf-right-4{right:-1rem}.-rf-right-6{right:-1.5rem}.-rf-right-7{right:-1.75rem}.-rf-right-8{right:-2rem}.-rf-right-9{right:-2.25rem}.rf-bottom-full{bottom:100%}.rf-left-0{left:0}.rf-left-1{left:.25rem}.rf-left-1\\/2{left:50%}.rf-left-2{left:.5rem}.rf-left-\\[50\\%\\]{left:50%}.rf-right-0{right:0}.rf-right-1{right:.25rem}.rf-right-4{right:1rem}.rf-right-\\[4px\\]{right:4px}.rf-top-0{top:0}.rf-top-1{top:.25rem}.rf-top-2{top:.5rem}.rf-top-2\\.5{top:.625rem}.rf-top-\\[50\\%\\]{top:50%}.rf-top-\\[6px\\]{top:6px}.\\!rf-z-\\[101\\]{z-index:101!important}.\\!rf-z-\\[200\\]{z-index:200!important}.rf-z-10{z-index:10}.rf-z-50{z-index:50}.rf-z-\\[100\\]{z-index:100}.rf-z-\\[101\\]{z-index:101}.rf-order-1{order:1}.rf-order-2{order:2}.rf-order-3{order:3}.rf-m-1{margin:.25rem}.rf-m-6{margin:1.5rem}.-rf-mx-1,.rf--mx-1{margin-left:-.25rem;margin-right:-.25rem}.rf-mx-1{margin-left:.25rem;margin-right:.25rem}.rf-mx-2{margin-left:.5rem;margin-right:.5rem}.rf-mx-4{margin-left:1rem;margin-right:1rem}.rf-mx-auto{margin-left:auto;margin-right:auto}.rf-my-1{margin-bottom:.25rem;margin-top:.25rem}.rf-my-12{margin-bottom:3rem;margin-top:3rem}.rf-my-4{margin-bottom:1rem;margin-top:1rem}.rf-my-auto{margin-bottom:auto;margin-top:auto}.rf-mb-1{margin-bottom:.25rem}.rf-mb-12{margin-bottom:3rem}.rf-mb-2{margin-bottom:.5rem}.rf-mb-3{margin-bottom:.75rem}.rf-mb-4{margin-bottom:1rem}.rf-mb-6{margin-bottom:1.5rem}.rf-mb-8{margin-bottom:2rem}.rf-ml-1{margin-left:.25rem}.rf-ml-2{margin-left:.5rem}.rf-ml-6{margin-left:1.5rem}.rf-ml-auto{margin-left:auto}.rf-mr-1{margin-right:.25rem}.rf-mr-2{margin-right:.5rem}.rf-mr-4{margin-right:1rem}.rf-mt-0{margin-top:0}.rf-mt-0\\.5{margin-top:.125rem}.rf-mt-1{margin-top:.25rem}.rf-mt-2{margin-top:.5rem}.rf-mt-3{margin-top:.75rem}.rf-mt-4{margin-top:1rem}.rf-mt-5{margin-top:1.25rem}.rf-mt-auto{margin-top:auto}.rf-block{display:block}.rf-inline-block{display:inline-block}.rf-inline{display:inline}.rf-flex{display:flex}.rf-inline-flex{display:inline-flex}.rf-grid{display:grid}.rf-hidden{display:none}.rf-aspect-square{aspect-ratio:1/1}.rf-aspect-video{aspect-ratio:16/9}.rf-size-14{height:3.5rem;width:3.5rem}.rf-size-4{height:1rem;width:1rem}.\\!rf-h-2{height:.5rem!important}.\\!rf-h-2\\.5{height:.625rem!important}.\\!rf-h-3{height:.75rem!important}.\\!rf-h-full{height:100%!important}.rf-h-1{height:.25rem}.rf-h-10{height:2.5rem}.rf-h-12{height:3rem}.rf-h-2{height:.5rem}.rf-h-2\\.5{height:.625rem}.rf-h-20{height:5rem}.rf-h-24{height:6rem}.rf-h-3{height:.75rem}.rf-h-3\\.5{height:.875rem}.rf-h-4{height:1rem}.rf-h-5{height:1.25rem}.rf-h-6{height:1.5rem}.rf-h-60{height:15rem}.rf-h-64{height:16rem}.rf-h-7{height:1.75rem}.rf-h-8{height:2rem}.rf-h-9{height:2.25rem}.rf-h-\\[400px\\]{height:400px}.rf-h-\\[calc\\(100vh-52px\\)\\]{height:calc(100vh - 52px)}.rf-h-\\[calc\\(100vh-60px\\)\\]{height:calc(100vh - 60px)}.rf-h-\\[var\\(--radix-select-trigger-height\\)\\]{height:var(--radix-select-trigger-height)}.rf-h-auto{height:auto}.rf-h-fit{height:-moz-fit-content;height:fit-content}.rf-h-full{height:100%}.rf-h-px{height:1px}.rf-h-screen{height:100vh}.\\!rf-max-h-\\[40vh\\]{max-height:40vh!important}.rf-max-h-32{max-height:8rem}.rf-max-h-96{max-height:24rem}.rf-max-h-\\[200px\\]{max-height:200px}.rf-max-h-\\[300px\\]{max-height:300px}.rf-max-h-\\[70vh\\]{max-height:70vh}.rf-max-h-\\[90vh\\]{max-height:90vh}.rf-max-h-full{max-height:100%}.rf-min-h-0{min-height:0}.rf-min-h-\\[100px\\]{min-height:100px}.rf-min-h-\\[200px\\]{min-height:200px}.rf-min-h-\\[300px\\]{min-height:300px}.rf-min-h-\\[620px\\]{min-height:620px}.rf-min-h-\\[calc\\(100vh-240px\\)\\]{min-height:calc(100vh - 240px)}.\\!rf-w-2{width:.5rem!important}.\\!rf-w-2\\.5{width:.625rem!important}.\\!rf-w-\\[95vw\\]{width:95vw!important}.rf-w-1{width:.25rem}.rf-w-11{width:2.75rem}.rf-w-11\\/12{width:91.666667%}.rf-w-12{width:3rem}.rf-w-16{width:4rem}.rf-w-2{width:.5rem}.rf-w-2\\.5{width:.625rem}.rf-w-20{width:5rem}.rf-w-24{width:6rem}.rf-w-28{width:7rem}.rf-w-3{width:.75rem}.rf-w-3\\.5{width:.875rem}.rf-w-32{width:8rem}.rf-w-4{width:1rem}.rf-w-40{width:10rem}.rf-w-48{width:12rem}.rf-w-5{width:1.25rem}.rf-w-6{width:1.5rem}.rf-w-64{width:16rem}.rf-w-72{width:18rem}.rf-w-8{width:2rem}.rf-w-80{width:20rem}.rf-w-9{width:2.25rem}.rf-w-96{width:24rem}.rf-w-fit{width:-moz-fit-content;width:fit-content}.rf-w-full{width:100%}.rf-w-screen{width:100vw}.rf-min-w-0{min-width:0}.rf-min-w-10{min-width:2.5rem}.rf-min-w-16{min-width:4rem}.rf-min-w-32{min-width:8rem}.rf-min-w-80{min-width:20rem}.rf-min-w-96{min-width:24rem}.rf-min-w-\\[148px\\]{min-width:148px}.rf-min-w-\\[600px\\]{min-width:600px}.rf-min-w-\\[8rem\\]{min-width:8rem}.rf-min-w-\\[var\\(--radix-select-trigger-width\\)\\]{min-width:var(--radix-select-trigger-width)}.\\!rf-max-w-\\[95vw\\]{max-width:95vw!important}.rf-max-w-2xl{max-width:42rem}.rf-max-w-3xl{max-width:48rem}.rf-max-w-4xl{max-width:56rem}.rf-max-w-5xl{max-width:64rem}.rf-max-w-64{max-width:16rem}.rf-max-w-96{max-width:24rem}.rf-max-w-\\[1000px\\]{max-width:1000px}.rf-max-w-\\[150px\\]{max-width:150px}.rf-max-w-\\[200px\\]{max-width:200px}.rf-max-w-\\[40\\%\\]{max-width:40%}.rf-max-w-\\[600px\\]{max-width:600px}.rf-max-w-full{max-width:100%}.rf-max-w-lg{max-width:32rem}.rf-max-w-md{max-width:28rem}.rf-max-w-none{max-width:none}.rf-max-w-xl{max-width:36rem}.rf-max-w-xs{max-width:20rem}.rf-flex-1{flex:1 1 0%}.rf-flex-shrink-0,.rf-shrink-0{flex-shrink:0}.rf-flex-grow{flex-grow:1}.rf-table-auto{table-layout:auto}.rf-origin-\\[--radix-popover-content-transform-origin\\]{transform-origin:var(--radix-popover-content-transform-origin)}.-rf-translate-x-1{--tw-translate-x:-0.25rem}.-rf-translate-x-1,.-rf-translate-x-1\\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rf-translate-x-1\\/2{--tw-translate-x:-50%}.-rf-translate-y-1{--tw-translate-y:-0.25rem}.-rf-translate-y-1,.rf--translate-x-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rf--translate-x-1{--tw-translate-x:-0.25rem}.rf--translate-x-1\\/2{--tw-translate-x:-50%}.rf--translate-x-1\\/2,.rf--translate-y-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rf--translate-y-1{--tw-translate-y:-0.25rem}.rf-translate-x-\\[-50\\%\\]{--tw-translate-x:-50%}.rf-translate-x-\\[-50\\%\\],.rf-translate-y-\\[-50\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rf-translate-y-\\[-50\\%\\]{--tw-translate-y:-50%}.rf-rotate-90{--tw-rotate:90deg}.rf-rotate-90,.rf-transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes rf-pulse{50%{opacity:.5}}.rf-animate-pulse{animation:rf-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes rf-spin{to{transform:rotate(1turn)}}.rf-animate-spin{animation:rf-spin 1s linear infinite}.rf-cursor-default{cursor:default}.rf-cursor-not-allowed{cursor:not-allowed}.rf-cursor-pointer{cursor:pointer}.rf-select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.rf-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.rf-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.rf-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.rf-flex-row{flex-direction:row}.rf-flex-col{flex-direction:column}.rf-flex-col-reverse{flex-direction:column-reverse}.rf-flex-wrap{flex-wrap:wrap}.rf-place-items-center{place-items:center}.rf-items-start{align-items:flex-start}.rf-items-end{align-items:flex-end}.rf-items-center{align-items:center}.rf-items-baseline{align-items:baseline}.rf-items-stretch{align-items:stretch}.rf-justify-end{justify-content:flex-end}.rf-justify-center{justify-content:center}.rf-justify-between{justify-content:space-between}.rf-gap-0{gap:0}.rf-gap-1{gap:.25rem}.rf-gap-2{gap:.5rem}.rf-gap-3{gap:.75rem}.rf-gap-4{gap:1rem}.rf-gap-5{gap:1.25rem}.rf-gap-6{gap:1.5rem}.rf-gap-8{gap:2rem}.rf-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.rf-space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.rf-space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.rf-space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.rf-space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.rf-space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.rf-divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.rf-overflow-auto{overflow:auto}.\\!rf-overflow-hidden{overflow:hidden!important}.rf-overflow-hidden{overflow:hidden}.rf-overflow-visible{overflow:visible}.rf-overflow-x-auto{overflow-x:auto}.\\!rf-overflow-y-auto{overflow-y:auto!important}.rf-overflow-y-auto{overflow-y:auto}.rf-overflow-x-hidden{overflow-x:hidden}.rf-overflow-x-clip{overflow-x:clip}.rf-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rf-whitespace-normal{white-space:normal}.rf-whitespace-nowrap{white-space:nowrap}.rf-whitespace-pre-wrap{white-space:pre-wrap}.rf-break-words{overflow-wrap:break-word}.rf-break-all{word-break:break-all}.rf-rounded{border-radius:.25rem}.rf-rounded-2xl{border-radius:1rem}.rf-rounded-full{border-radius:9999px}.rf-rounded-lg{border-radius:var(--radius)}.rf-rounded-md{border-radius:calc(var(--radius) - 2px)}.rf-rounded-sm{border-radius:calc(var(--radius) - 4px)}.rf-rounded-xl{border-radius:.75rem}.rf-border{border-width:1px}.rf-border-2{border-width:2px}.rf-border-b{border-bottom-width:1px}.rf-border-l-2{border-left-width:2px}.rf-border-l-4{border-left-width:4px}.rf-border-t{border-top-width:1px}.rf-border-none{border-style:none}.rf-border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.rf-border-blue-300{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.rf-border-blue-400{--tw-border-opacity:1;border-color:rgb(96 165 250/var(--tw-border-opacity,1))}.rf-border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.rf-border-blue-600{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity,1))}.rf-border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.rf-border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.rf-border-green-200{--tw-border-opacity:1;border-color:rgb(187 247 208/var(--tw-border-opacity,1))}.rf-border-green-400{--tw-border-opacity:1;border-color:rgb(74 222 128/var(--tw-border-opacity,1))}.rf-border-input{border-color:hsl(var(--input))}.rf-border-neutral-200{--tw-border-opacity:1;border-color:rgb(229 229 229/var(--tw-border-opacity,1))}.rf-border-orange-100{--tw-border-opacity:1;border-color:rgb(255 237 213/var(--tw-border-opacity,1))}.rf-border-orange-200{--tw-border-opacity:1;border-color:rgb(254 215 170/var(--tw-border-opacity,1))}.rf-border-orange-500{--tw-border-opacity:1;border-color:rgb(249 115 22/var(--tw-border-opacity,1))}.rf-border-primary{border-color:hsl(var(--primary))}.rf-border-red-100{--tw-border-opacity:1;border-color:rgb(254 226 226/var(--tw-border-opacity,1))}.rf-border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.rf-border-red-400{--tw-border-opacity:1;border-color:rgb(248 113 113/var(--tw-border-opacity,1))}.rf-border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.rf-border-red-600{--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity,1))}.rf-border-zinc-200{--tw-border-opacity:1;border-color:rgb(228 228 231/var(--tw-border-opacity,1))}.rf-border-zinc-900{--tw-border-opacity:1;border-color:rgb(24 24 27/var(--tw-border-opacity,1))}.rf-border-t-blue-600{--tw-border-opacity:1;border-top-color:rgb(37 99 235/var(--tw-border-opacity,1))}.rf-bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.rf-bg-amber-50\\/30{background-color:rgba(255,251,235,.3)}.rf-bg-background{background-color:hsl(var(--background))}.rf-bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.rf-bg-black\\/80{background-color:rgba(0,0,0,.8)}.rf-bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.rf-bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.rf-bg-blue-50\\/30{background-color:rgba(239,246,255,.3)}.rf-bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.rf-bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.rf-bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.rf-bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.rf-bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.rf-bg-gray-400{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}.rf-bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.rf-bg-gray-500{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}.rf-bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.rf-bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.rf-bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.rf-bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.rf-bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.rf-bg-muted{background-color:hsl(var(--muted))}.rf-bg-neutral-100{--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity,1))}.rf-bg-neutral-50{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.rf-bg-neutral-800{--tw-bg-opacity:1;background-color:rgb(38 38 38/var(--tw-bg-opacity,1))}.rf-bg-neutral-900{--tw-bg-opacity:1;background-color:rgb(23 23 23/var(--tw-bg-opacity,1))}.rf-bg-orange-400{--tw-bg-opacity:1;background-color:rgb(251 146 60/var(--tw-bg-opacity,1))}.rf-bg-orange-50{--tw-bg-opacity:1;background-color:rgb(255 247 237/var(--tw-bg-opacity,1))}.rf-bg-orange-50\\/50{background-color:rgba(255,247,237,.5)}.rf-bg-orange-500{--tw-bg-opacity:1;background-color:rgb(249 115 22/var(--tw-bg-opacity,1))}.rf-bg-popover{background-color:hsl(var(--popover))}.rf-bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.rf-bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.rf-bg-red-50\\/50{background-color:hsla(0,86%,97%,.5)}.rf-bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.rf-bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.rf-bg-red-900{--tw-bg-opacity:1;background-color:rgb(127 29 29/var(--tw-bg-opacity,1))}.rf-bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.rf-bg-transparent{background-color:transparent}.rf-bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.rf-bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity,1))}.rf-bg-zinc-100{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1))}.rf-bg-zinc-200{--tw-bg-opacity:1;background-color:rgb(228 228 231/var(--tw-bg-opacity,1))}.rf-bg-zinc-50{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.rf-bg-zinc-800{--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}.rf-bg-zinc-900{--tw-bg-opacity:1;background-color:rgb(24 24 27/var(--tw-bg-opacity,1))}.rf-bg-opacity-50{--tw-bg-opacity:0.5}.rf-fill-amber-500{fill:#f59e0b}.rf-fill-current{fill:currentColor}.rf-object-contain{-o-object-fit:contain;object-fit:contain}.rf-object-cover{-o-object-fit:cover;object-fit:cover}.\\!rf-p-0{padding:0!important}.rf-p-0{padding:0}.rf-p-1{padding:.25rem}.rf-p-2{padding:.5rem}.rf-p-3{padding:.75rem}.rf-p-4{padding:1rem}.rf-p-5{padding:1.25rem}.rf-p-6{padding:1.5rem}.rf-p-8{padding:2rem}.rf-px-1{padding-left:.25rem;padding-right:.25rem}.rf-px-2{padding-left:.5rem;padding-right:.5rem}.rf-px-3{padding-left:.75rem;padding-right:.75rem}.rf-px-4{padding-left:1rem;padding-right:1rem}.rf-px-6{padding-left:1.5rem;padding-right:1.5rem}.rf-px-8{padding-left:2rem;padding-right:2rem}.rf-py-0{padding-bottom:0;padding-top:0}.rf-py-0\\.5{padding-bottom:.125rem;padding-top:.125rem}.rf-py-1{padding-bottom:.25rem;padding-top:.25rem}.rf-py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}.rf-py-10{padding-bottom:2.5rem;padding-top:2.5rem}.rf-py-12{padding-bottom:3rem;padding-top:3rem}.rf-py-2{padding-bottom:.5rem;padding-top:.5rem}.rf-py-3{padding-bottom:.75rem;padding-top:.75rem}.rf-py-4{padding-bottom:1rem;padding-top:1rem}.rf-py-6{padding-bottom:1.5rem;padding-top:1.5rem}.rf-py-8{padding-bottom:2rem;padding-top:2rem}.rf-pb-0{padding-bottom:0}.rf-pb-1{padding-bottom:.25rem}.rf-pb-2{padding-bottom:.5rem}.rf-pb-3{padding-bottom:.75rem}.rf-pb-4{padding-bottom:1rem}.rf-pb-px{padding-bottom:1px}.rf-pl-10{padding-left:2.5rem}.rf-pl-11{padding-left:2.75rem}.rf-pl-12{padding-left:3rem}.rf-pl-2{padding-left:.5rem}.rf-pl-4{padding-left:1rem}.rf-pl-8{padding-left:2rem}.rf-pr-2{padding-right:.5rem}.rf-pt-0{padding-top:0}.rf-pt-1{padding-top:.25rem}.rf-pt-2{padding-top:.5rem}.rf-pt-4{padding-top:1rem}.rf-text-left{text-align:left}.rf-text-center{text-align:center}.rf-text-right{text-align:right}.rf-font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.rf-text-2xl{font-size:1.5rem;line-height:2rem}.rf-text-3xl{font-size:1.875rem;line-height:2.25rem}.rf-text-\\[8px\\]{font-size:8px}.rf-text-base{font-size:1rem;line-height:1.5rem}.rf-text-lg{font-size:1.125rem;line-height:1.75rem}.rf-text-sm{font-size:.875rem;line-height:1.25rem}.rf-text-xl{font-size:1.25rem;line-height:1.75rem}.rf-text-xs{font-size:.75rem;line-height:1rem}.\\!rf-font-normal{font-weight:400!important}.rf-font-bold{font-weight:700}.rf-font-medium{font-weight:500}.rf-font-semibold{font-weight:600}.rf-uppercase{text-transform:uppercase}.rf-capitalize{text-transform:capitalize}.rf-tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.rf-leading-5{line-height:1.25rem}.rf-leading-\\[0\\.95rem\\]{line-height:.95rem}.rf-leading-\\[1rem\\]{line-height:1rem}.rf-leading-none{line-height:1}.rf-leading-relaxed{line-height:1.625}.rf-leading-tight{line-height:1.25}.rf-tracking-wide{letter-spacing:.025em}.rf-tracking-widest{letter-spacing:.1em}.rf-text-amber-500{--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity,1))}.rf-text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.rf-text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.rf-text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.rf-text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.rf-text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.rf-text-blue-900{--tw-text-opacity:1;color:rgb(30 58 138/var(--tw-text-opacity,1))}.rf-text-current{color:currentColor}.rf-text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.rf-text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.rf-text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.rf-text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.rf-text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.rf-text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.rf-text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.rf-text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.rf-text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.rf-text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.rf-text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1))}.rf-text-green-900{--tw-text-opacity:1;color:rgb(20 83 45/var(--tw-text-opacity,1))}.rf-text-muted-foreground{color:hsl(var(--muted-foreground))}.rf-text-neutral-50{--tw-text-opacity:1;color:rgb(250 250 250/var(--tw-text-opacity,1))}.rf-text-neutral-500{--tw-text-opacity:1;color:rgb(115 115 115/var(--tw-text-opacity,1))}.rf-text-neutral-900{--tw-text-opacity:1;color:rgb(23 23 23/var(--tw-text-opacity,1))}.rf-text-neutral-950{--tw-text-opacity:1;color:rgb(10 10 10/var(--tw-text-opacity,1))}.rf-text-orange-400{--tw-text-opacity:1;color:rgb(251 146 60/var(--tw-text-opacity,1))}.rf-text-orange-500{--tw-text-opacity:1;color:rgb(249 115 22/var(--tw-text-opacity,1))}.rf-text-orange-600{--tw-text-opacity:1;color:rgb(234 88 12/var(--tw-text-opacity,1))}.rf-text-orange-700{--tw-text-opacity:1;color:rgb(194 65 12/var(--tw-text-opacity,1))}.rf-text-orange-800{--tw-text-opacity:1;color:rgb(154 52 18/var(--tw-text-opacity,1))}.rf-text-popover-foreground{color:hsl(var(--popover-foreground))}.rf-text-red-200{--tw-text-opacity:1;color:rgb(254 202 202/var(--tw-text-opacity,1))}.rf-text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.rf-text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.rf-text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.rf-text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.rf-text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.rf-text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.rf-text-red-900{--tw-text-opacity:1;color:rgb(127 29 29/var(--tw-text-opacity,1))}.rf-text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.rf-text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.rf-text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.rf-text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.rf-text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.rf-text-yellow-400{--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity,1))}.rf-text-yellow-500{--tw-text-opacity:1;color:rgb(234 179 8/var(--tw-text-opacity,1))}.rf-text-yellow-600{--tw-text-opacity:1;color:rgb(202 138 4/var(--tw-text-opacity,1))}.rf-text-yellow-900{--tw-text-opacity:1;color:rgb(113 63 18/var(--tw-text-opacity,1))}.rf-text-zinc-200{--tw-text-opacity:1;color:rgb(228 228 231/var(--tw-text-opacity,1))}.rf-text-zinc-300{--tw-text-opacity:1;color:rgb(212 212 216/var(--tw-text-opacity,1))}.rf-text-zinc-400{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.rf-text-zinc-50{--tw-text-opacity:1;color:rgb(250 250 250/var(--tw-text-opacity,1))}.rf-text-zinc-500{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}.rf-text-zinc-900{--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}.rf-text-zinc-950{--tw-text-opacity:1;color:rgb(9 9 11/var(--tw-text-opacity,1))}.rf-underline{text-decoration-line:underline}.rf-line-through{text-decoration-line:line-through}.rf-underline-offset-4{text-underline-offset:4px}.rf-opacity-0{opacity:0}.rf-opacity-100{opacity:1}.rf-opacity-25{opacity:.25}.rf-opacity-30{opacity:.3}.rf-opacity-50{opacity:.5}.rf-opacity-60{opacity:.6}.rf-opacity-70{opacity:.7}.rf-opacity-75{opacity:.75}.rf-shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.rf-shadow,.rf-shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.rf-shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.rf-shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.rf-shadow-md,.rf-shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.rf-shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.rf-outline-none{outline:2px solid transparent;outline-offset:2px}.rf-ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.rf-ring-blue-500{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.rf-ring-primary{--tw-ring-color:hsl(var(--primary))}.rf-ring-offset-background{--tw-ring-offset-color:hsl(var(--background))}.rf-ring-offset-white{--tw-ring-offset-color:#fff}.rf-transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.rf-transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.rf-transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.rf-transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.rf-transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.rf-duration-200{transition-duration:.2s}.rf-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.rf-slide-in-from-left-1{--tw-enter-translate-x:-0.25rem}.rf-slide-out-to-left-1{--tw-exit-translate-x:-0.25rem}.rf-duration-200{animation-duration:.2s}.rf-ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.file\\:rf-border-0::file-selector-button{border-width:0}.file\\:rf-bg-transparent::file-selector-button{background-color:transparent}.file\\:rf-text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\\:rf-font-medium::file-selector-button{font-weight:500}.placeholder\\:rf-text-zinc-500::-moz-placeholder{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}.placeholder\\:rf-text-zinc-500::placeholder{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}.hover\\:rf-border-blue-300:hover{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.hover\\:\\!rf-bg-transparent:hover{background-color:transparent!important}.hover\\:rf-bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\\:rf-bg-orange-100:hover{--tw-bg-opacity:1;background-color:rgb(255 237 213/var(--tw-bg-opacity,1))}.hover\\:rf-bg-red-100:hover{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.hover\\:rf-bg-red-500\\/90:hover{background-color:rgba(239,68,68,.9)}.hover\\:rf-bg-slate-200:hover{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.hover\\:rf-bg-zinc-100:hover{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1))}.hover\\:rf-bg-zinc-100\\/80:hover{background-color:hsla(240,5%,96%,.8)}.hover\\:rf-bg-zinc-900\\/90:hover{background-color:rgba(24,24,27,.9)}.hover\\:rf-text-blue-800:hover{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.hover\\:rf-text-red-400:hover{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.hover\\:rf-text-slate-800:hover{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.hover\\:rf-text-slate-900:hover{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.hover\\:rf-text-zinc-900:hover{--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}.hover\\:rf-underline:hover{text-decoration-line:underline}.focus\\:rf-bg-gray-100:focus{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.focus\\:rf-bg-zinc-100:focus{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1))}.focus\\:rf-text-gray-900:focus{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.focus\\:rf-text-zinc-900:focus{--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}.focus\\:rf-outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\\:rf-ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\\:rf-ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.focus\\:rf-ring-ring:focus{--tw-ring-color:hsl(var(--ring))}.focus\\:rf-ring-offset-2:focus{--tw-ring-offset-width:2px}.focus-visible\\:rf-outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\\:rf-ring-1:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\\:rf-ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\\:rf-ring-zinc-950:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(9 9 11/var(--tw-ring-opacity,1))}.focus-visible\\:rf-ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.disabled\\:rf-pointer-events-none:disabled{pointer-events:none}.disabled\\:rf-cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:rf-opacity-50:disabled{opacity:.5}.rf-group:hover .group-hover\\:rf-opacity-100,.rf-group\\/bar:hover .group-hover\\/bar\\:rf-opacity-100{opacity:1}.rf-peer:disabled~.peer-disabled\\:rf-cursor-not-allowed{cursor:not-allowed}.rf-peer:disabled~.peer-disabled\\:rf-opacity-70{opacity:.7}.data-\\[disabled\\=true\\]\\:rf-pointer-events-none[data-disabled=true],.data-\\[disabled\\]\\:rf-pointer-events-none[data-disabled]{pointer-events:none}.data-\\[side\\=bottom\\]\\:rf-translate-y-1[data-side=bottom]{--tw-translate-y:0.25rem}.data-\\[side\\=bottom\\]\\:rf-translate-y-1[data-side=bottom],.data-\\[side\\=left\\]\\:-rf-translate-x-1[data-side=left]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[side\\=left\\]\\:-rf-translate-x-1[data-side=left]{--tw-translate-x:-0.25rem}.data-\\[side\\=right\\]\\:rf-translate-x-1[data-side=right]{--tw-translate-x:0.25rem}.data-\\[side\\=right\\]\\:rf-translate-x-1[data-side=right],.data-\\[side\\=top\\]\\:-rf-translate-y-1[data-side=top]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[side\\=top\\]\\:-rf-translate-y-1[data-side=top]{--tw-translate-y:-0.25rem}.data-\\[selected\\=true\\]\\:rf-bg-zinc-100[data-selected=true]{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1))}.data-\\[state\\=active\\]\\:rf-bg-white[data-state=active]{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.data-\\[state\\=checked\\]\\:rf-bg-zinc-900[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(24 24 27/var(--tw-bg-opacity,1))}.data-\\[state\\=open\\]\\:rf-bg-zinc-100[data-state=open]{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1))}.data-\\[selected\\=true\\]\\:rf-text-zinc-900[data-selected=true]{--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}.data-\\[state\\=active\\]\\:rf-text-zinc-950[data-state=active]{--tw-text-opacity:1;color:rgb(9 9 11/var(--tw-text-opacity,1))}.data-\\[state\\=checked\\]\\:rf-text-zinc-50[data-state=checked]{--tw-text-opacity:1;color:rgb(250 250 250/var(--tw-text-opacity,1))}.data-\\[disabled\\=true\\]\\:rf-opacity-50[data-disabled=true],.data-\\[disabled\\]\\:rf-opacity-50[data-disabled]{opacity:.5}.data-\\[state\\=active\\]\\:rf-shadow[data-state=active]{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.data-\\[state\\=open\\]\\:rf-animate-in[data-state=open]{animation-duration:.15s;animation-name:enter;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.data-\\[state\\=closed\\]\\:rf-animate-out[data-state=closed]{animation-duration:.15s;animation-name:exit;--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial}.data-\\[state\\=closed\\]\\:rf-fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\\[state\\=open\\]\\:rf-fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\\[state\\=closed\\]\\:rf-zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\\[state\\=open\\]\\:rf-zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\\[side\\=bottom\\]\\:rf-slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:-0.5rem}.data-\\[side\\=left\\]\\:rf-slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:0.5rem}.data-\\[side\\=right\\]\\:rf-slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:-0.5rem}.data-\\[side\\=top\\]\\:rf-slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:0.5rem}.data-\\[state\\=closed\\]\\:rf-slide-out-to-left-1\\/2[data-state=closed]{--tw-exit-translate-x:-50%}.data-\\[state\\=closed\\]\\:rf-slide-out-to-top-\\[48\\%\\][data-state=closed]{--tw-exit-translate-y:-48%}.data-\\[state\\=open\\]\\:rf-slide-in-from-left-1\\/2[data-state=open]{--tw-enter-translate-x:-50%}.data-\\[state\\=open\\]\\:rf-slide-in-from-top-\\[48\\%\\][data-state=open]{--tw-enter-translate-y:-48%}.dark\\:rf-border-zinc-50:is(.rf-dark *){--tw-border-opacity:1;border-color:rgb(250 250 250/var(--tw-border-opacity,1))}.dark\\:rf-border-zinc-800:is(.rf-dark *){--tw-border-opacity:1;border-color:rgb(39 39 42/var(--tw-border-opacity,1))}.dark\\:rf-bg-gray-700:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.dark\\:rf-bg-gray-800:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.dark\\:rf-bg-red-900:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(127 29 29/var(--tw-bg-opacity,1))}.dark\\:rf-bg-zinc-50:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.dark\\:rf-bg-zinc-800:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}.dark\\:rf-bg-zinc-950:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(9 9 11/var(--tw-bg-opacity,1))}.dark\\:rf-text-gray-500:is(.rf-dark *){--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.dark\\:rf-text-zinc-400:is(.rf-dark *){--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.dark\\:rf-text-zinc-50:is(.rf-dark *){--tw-text-opacity:1;color:rgb(250 250 250/var(--tw-text-opacity,1))}.dark\\:rf-text-zinc-900:is(.rf-dark *){--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}.dark\\:rf-placeholder-zinc-400:is(.rf-dark *)::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(161 161 170/var(--tw-placeholder-opacity,1))}.dark\\:rf-placeholder-zinc-400:is(.rf-dark *)::placeholder{--tw-placeholder-opacity:1;color:rgb(161 161 170/var(--tw-placeholder-opacity,1))}.dark\\:rf-ring-offset-zinc-950:is(.rf-dark *){--tw-ring-offset-color:#09090b}.dark\\:placeholder\\:rf-text-zinc-400:is(.rf-dark *)::-moz-placeholder{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.dark\\:placeholder\\:rf-text-zinc-400:is(.rf-dark *)::placeholder{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.dark\\:hover\\:rf-bg-red-900\\/90:hover:is(.rf-dark *){background-color:rgba(127,29,29,.9)}.dark\\:hover\\:rf-bg-zinc-50\\/90:hover:is(.rf-dark *){background-color:hsla(0,0%,98%,.9)}.dark\\:hover\\:rf-bg-zinc-800:hover:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}.dark\\:hover\\:rf-bg-zinc-800\\/80:hover:is(.rf-dark *){background-color:rgba(39,39,42,.8)}.dark\\:hover\\:rf-text-zinc-50:hover:is(.rf-dark *){--tw-text-opacity:1;color:rgb(250 250 250/var(--tw-text-opacity,1))}.dark\\:focus\\:rf-bg-zinc-800:focus:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}.dark\\:focus\\:rf-text-zinc-50:focus:is(.rf-dark *){--tw-text-opacity:1;color:rgb(250 250 250/var(--tw-text-opacity,1))}.dark\\:focus-visible\\:rf-ring-zinc-300:focus-visible:is(.rf-dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(212 212 216/var(--tw-ring-opacity,1))}.dark\\:data-\\[selected\\=true\\]\\:rf-bg-zinc-800[data-selected=true]:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}.dark\\:data-\\[state\\=active\\]\\:rf-bg-zinc-950[data-state=active]:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(9 9 11/var(--tw-bg-opacity,1))}.dark\\:data-\\[state\\=checked\\]\\:rf-bg-zinc-50[data-state=checked]:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.dark\\:data-\\[state\\=open\\]\\:rf-bg-zinc-800[data-state=open]:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}.dark\\:data-\\[selected\\=true\\]\\:rf-text-zinc-50[data-selected=true]:is(.rf-dark *){--tw-text-opacity:1;color:rgb(250 250 250/var(--tw-text-opacity,1))}.dark\\:data-\\[state\\=active\\]\\:rf-text-zinc-50[data-state=active]:is(.rf-dark *){--tw-text-opacity:1;color:rgb(250 250 250/var(--tw-text-opacity,1))}.dark\\:data-\\[state\\=checked\\]\\:rf-text-zinc-900[data-state=checked]:is(.rf-dark *){--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}@media (min-width:640px){.sm\\:rf-order-1{order:1}.sm\\:rf-order-2{order:2}.sm\\:rf-mt-0{margin-top:0}.sm\\:rf-mt-4{margin-top:1rem}.sm\\:rf-block{display:block}.sm\\:rf-inline{display:inline}.sm\\:rf-grid{display:grid}.sm\\:rf-hidden{display:none}.sm\\:rf-h-5{height:1.25rem}.sm\\:rf-w-1\\/2{width:50%}.sm\\:rf-w-5{width:1.25rem}.sm\\:rf-w-\\[90vw\\]{width:90vw}.sm\\:rf-w-auto{width:auto}.sm\\:rf-max-w-\\[500px\\]{max-width:500px}.sm\\:rf-max-w-md{max-width:28rem}.sm\\:rf-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\\:rf-grid-cols-\\[1fr_auto\\]{grid-template-columns:1fr auto}.sm\\:rf-flex-row{flex-direction:row}.sm\\:rf-items-center{align-items:center}.sm\\:rf-justify-end{justify-content:flex-end}.sm\\:rf-gap-3{gap:.75rem}.sm\\:rf-gap-4{gap:1rem}.sm\\:rf-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.sm\\:rf-justify-self-end{justify-self:end}.sm\\:rf-rounded-lg{border-radius:var(--radius)}.sm\\:rf-p-3{padding:.75rem}.sm\\:rf-p-6{padding:1.5rem}.sm\\:rf-px-4{padding-left:1rem;padding-right:1rem}.sm\\:rf-px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\\:rf-py-6{padding-bottom:1.5rem;padding-top:1.5rem}.sm\\:rf-text-left{text-align:left}.sm\\:rf-text-right{text-align:right}.sm\\:rf-text-2xl{font-size:1.5rem;line-height:2rem}.sm\\:rf-text-base{font-size:1rem;line-height:1.5rem}.sm\\:rf-text-sm{font-size:.875rem;line-height:1.25rem}.sm\\:rf-text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:768px){.md\\:rf-w-auto{width:auto}.md\\:rf-max-w-\\[660px\\]{max-width:660px}.md\\:rf-max-w-lg{max-width:32rem}.md\\:rf-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:rf-p-8{padding:2rem}.md\\:rf-py-8{padding-bottom:2rem;padding-top:2rem}.md\\:rf-text-3xl{font-size:1.875rem;line-height:2.25rem}}@media (min-width:1024px){.lg\\:rf-max-w-\\[720px\\]{max-width:720px}.lg\\:rf-max-w-xl{max-width:36rem}}@media (min-width:1280px){.xl\\:rf-max-w-\\[800px\\]{max-width:800px}}.\\[\\&\\>span\\]\\:rf-line-clamp-1>span{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}.\\[\\&\\>svg\\]\\:rf-size-4>svg{height:1rem;width:1rem}.\\[\\&\\>svg\\]\\:rf-shrink-0>svg{flex-shrink:0}.\\[\\&\\>svg\\]\\:rf-text-red-300>svg{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.\\[\\&\\>svg\\]\\:hover\\:rf-text-red-400:hover>svg{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.\\[\\&_\\[cmdk-group-heading\\]\\]\\:rf-px-2 [cmdk-group-heading]{padding-left:.5rem;padding-right:.5rem}.\\[\\&_\\[cmdk-group-heading\\]\\]\\:rf-py-1\\.5 [cmdk-group-heading]{padding-bottom:.375rem;padding-top:.375rem}.\\[\\&_\\[cmdk-group-heading\\]\\]\\:rf-text-xs [cmdk-group-heading]{font-size:.75rem;line-height:1rem}.\\[\\&_\\[cmdk-group-heading\\]\\]\\:rf-font-medium [cmdk-group-heading]{font-weight:500}.\\[\\&_\\[cmdk-group-heading\\]\\]\\:rf-text-zinc-500 [cmdk-group-heading]{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}.dark\\:\\[\\&_\\[cmdk-group-heading\\]\\]\\:rf-text-zinc-400 [cmdk-group-heading]:is(.rf-dark *){--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.\\[\\&_\\[cmdk-group\\]\\:not\\(\\[hidden\\]\\)_\\~\\[cmdk-group\\]\\]\\:rf-pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:0}.\\[\\&_\\[cmdk-group\\]\\]\\:rf-px-2 [cmdk-group]{padding-left:.5rem;padding-right:.5rem}.\\[\\&_\\[cmdk-input-wrapper\\]_svg\\]\\:rf-h-5 [cmdk-input-wrapper] svg{height:1.25rem}.\\[\\&_\\[cmdk-input-wrapper\\]_svg\\]\\:rf-w-5 [cmdk-input-wrapper] svg{width:1.25rem}.\\[\\&_\\[cmdk-input\\]\\]\\:rf-h-12 [cmdk-input]{height:3rem}.\\[\\&_\\[cmdk-item\\]\\]\\:rf-px-2 [cmdk-item]{padding-left:.5rem;padding-right:.5rem}.\\[\\&_\\[cmdk-item\\]\\]\\:rf-py-3 [cmdk-item]{padding-bottom:.75rem;padding-top:.75rem}.\\[\\&_\\[cmdk-item\\]_svg\\]\\:rf-h-5 [cmdk-item] svg{height:1.25rem}.\\[\\&_\\[cmdk-item\\]_svg\\]\\:rf-w-5 [cmdk-item] svg{width:1.25rem}.\\[\\&_svg\\]\\:rf-pointer-events-none svg{pointer-events:none}.\\[\\&_svg\\]\\:rf-size-4 svg{height:1rem;width:1rem}.\\[\\&_svg\\]\\:rf-shrink-0 svg{flex-shrink:0}',TQt=()=>{lA.useEffect(()=>{if(document.querySelector('style[data-styles="tscircuit-runframe"]'))return;const A=document.createElement("style");A.setAttribute("data-styles","tscircuit-runframe"),A.textContent=aze,document.head.appendChild(A)},[])},gze=e=>{lA.useEffect(()=>(e?document.body.style.overflow="hidden":document.body.style.overflow="",()=>{document.body.style.overflow=""}),[e])};function KQt(e,A){const[t,i]=lA.useState(()=>{try{const n=window.localStorage.getItem(e);return n?JSON.parse(n):A}catch(n){return console.error("Error reading from localStorage:",n),A}});return lA.useEffect(()=>{try{window.localStorage.setItem(e,JSON.stringify(t))}catch(n){console.error("Error writing to localStorage:",n)}},[e,t]),[t,i]}const qQt=e=>`hsl(${UD.indexOf(e)*137.5%360}, 70%, 50%)`,cze=({phaseTimings:e})=>{if(!e)return null;const A=Object.values(e).reduce((t,i)=>t+i,0);return aA.jsxs("div",{className:"rf-space-y-2 rf-w-full rf-px-4",children:[aA.jsx("div",{className:"rf-relative rf-h-8 rf-flex rf-rounded-sm",children:UD.map(t=>{const i=e[t]||0,n=i/A*100;return aA.jsx("div",{className:"rf-group/bar rf-relative rf-overflow-visible",style:{width:`${n}%`,backgroundColor:qQt(t)},children:aA.jsxs("div",{className:"rf-opacity-0 group-hover/bar:rf-opacity-100 rf-transition-opacity rf-absolute rf-bottom-full rf-left-1/2 rf-transform -rf-translate-x-1/2 rf-mb-2 rf-px-2 rf-py-1 rf-text-xs rf-whitespace-nowrap rf-rounded rf-bg-gray-900 rf-text-white rf-pointer-events-none",children:[t,": ",i.toFixed(1),"ms"]})},t)})}),aA.jsxs("div",{className:"rf-text-xs rf-text-gray-500",children:["Total: ",A.toFixed(2),"ms"]})]})},Ize=e=>{if(e instanceof Blob)return e;if(e==null)return"";if(typeof e=="string")return e;if(typeof e=="object")try{return JSON.stringify(e,null,2)}catch{return String(e)}return String(e)},lze=({renderLog:e,onRerunWithDebug:A})=>{const[t,i]=lA.useState("chronological"),[n,o]=lA.useState(""),s=[{value:"",label:"None"},{value:"DEBUG=Group_doInitialSchematicTraceRender",label:"DEBUG=Group_doInitialSchematicTraceRender"},{value:"DEBUG=Group_doInitialSchematicLayoutMatchpack",label:"DEBUG=Group_doInitialSchematicLayoutMatchpack"},{value:"DEBUG=Group_doInitialPcbLayoutPack",label:"DEBUG=Group_doInitialPcbLayoutPack"}];if(!e)return aA.jsxs("div",{className:"rf-p-4 rf-bg-gray-100 rf-rounded-md",children:[aA.jsx("div",{className:"rf-mb-4",children:"No render log, make sure this tab is open when you render"}),A&&aA.jsxs("div",{className:"rf-flex rf-gap-2 rf-items-center",children:[aA.jsx("select",{value:n,onChange:g=>o(g.target.value),className:"rf-px-3 rf-py-1 rf-border rf-rounded rf-text-xs rf-bg-white",children:s.map(g=>aA.jsx("option",{value:g.value,children:g.label},g.value))}),aA.jsx(XQ,{onClick:()=>A(n),size:"sm",className:"rf-text-xs",children:"Rerun Render with Debug"})]})]});const r=Object.entries(e?.phaseTimings??{});t==="chronological"?r.sort((g,c)=>UD.indexOf(g[0])-UD.indexOf(c[0])):r.sort((g,c)=>c[1]-g[1]);const a=r.reduce((g,[c,I])=>g+I,0);return aA.jsxs("div",{className:"rf-bg-white",children:[aA.jsxs("div",{className:"rf-flex rf-justify-between rf-items-center rf-mb-4",children:[aA.jsx("div",{children:"Render Logs"}),aA.jsxs("div",{className:"rf-flex rf-gap-4 rf-items-center",children:[A&&aA.jsxs("div",{className:"rf-flex rf-gap-2 rf-items-center",children:[aA.jsx("select",{value:n,onChange:g=>o(g.target.value),className:"rf-px-3 rf-py-1 rf-border rf-rounded rf-text-xs rf-bg-white",children:s.map(g=>aA.jsx("option",{value:g.value,children:g.label},g.value))}),aA.jsx(XQ,{onClick:()=>A(n),size:"sm",className:"rf-text-xs",children:"Rerun Render with Debug"})]}),aA.jsx("div",{className:"rf-flex rf-gap-2 rf-items-center",children:aA.jsxs("select",{onChange:g=>{if(g.target.value){const c=e?.debugOutputs?.find(I=>I.name===g.target.value);if(c){const I=Ize(c.content),l=I instanceof Blob?I:new Blob([I],{type:"text/plain"}),B=URL.createObjectURL(l),C=document.createElement("a");C.href=B,C.download=`debug-${c.name}.txt`,document.body.appendChild(C),C.click(),document.body.removeChild(C),URL.revokeObjectURL(B)}g.target.value=""}},disabled:!e?.debugOutputs||e.debugOutputs.length===0,className:"rf-px-3 rf-py-1 rf-border rf-rounded rf-text-xs rf-bg-white disabled:rf-opacity-50 disabled:rf-cursor-not-allowed",children:[aA.jsx("option",{value:"",children:"Download Debug Output"}),e?.debugOutputs?.map(g=>aA.jsx("option",{value:g.name,children:g.name},g.name))]})}),aA.jsxs("div",{className:"rf-flex rf-text-xs rf-items-center",children:[aA.jsx("div",{className:"rf-mr-2",children:"Sort by:"}),aA.jsxs("select",{value:t,onChange:g=>i(g.target.value),className:"rf-px-2 rf-py-1 rf-border rf-rounded rf-text-xs",children:[aA.jsx("option",{value:"chronological",children:"Phase Order"}),aA.jsx("option",{value:"longest",children:"Duration"})]})]})]})]}),aA.jsx(cze,{phaseTimings:e.phaseTimings}),aA.jsxs("table",{className:"rf-w-full rf-text-xs",children:[aA.jsx("thead",{children:aA.jsxs("tr",{children:[aA.jsx("th",{className:"rf-text-left rf-p-2",children:"Phase Order"}),aA.jsx("th",{className:"rf-text-left rf-p-2",children:"Phase"}),aA.jsx("th",{className:"rf-text-left rf-p-2",children:"Duration (ms)"})]})}),aA.jsx("tbody",{children:r.map(([g,c])=>aA.jsxs("tr",{children:[aA.jsx("td",{className:"rf-p-2",children:UD.indexOf(g)}),aA.jsx("td",{className:"rf-p-2",children:g}),aA.jsx("td",{className:"rf-p-2",children:aA.jsx("div",{className:"rf-w-8",children:aA.jsx("div",{className:"rf-h-2 rf-rounded-sm",style:{backgroundColor:qQt(g),width:`${c/a*100}%`}})})}),aA.jsx("td",{className:"rf-p-2",children:aA.jsxs("div",{className:"rf-flex w-full",children:[aA.jsxs("span",{className:"rf-flex-grow",children:[c,"ms"]}),aA.jsxs("span",{className:"rf-text-gray-500 rf-pr-2",children:[(c/a*100).toFixed(1),"%"]})]})})]},g))})]})]})},PQt=({errorMessage:e,errorStack:A,circuitJsonErrors:t})=>{lA.useEffect(()=>{if(e){const i=new Error(e);A&&(i.stack=A);try{Yq.captureException(i)}catch{}}},[e,A]),lA.useEffect(()=>{if(t&&t.length>0)for(const i of t){const n=new Error(i.message||"Circuit JSON Error");i.stack&&(n.stack=i.stack);try{Yq.captureException(n,{error_type:i.type})}catch{}}},[t])},OQt="0.0.1310",Bze={version:OQt},CwA={BASE_URL:"/",DEV:!1,MODE:"production",PROD:!0,SSR:!1},hwA=new Map,Kj=e=>{const A=hwA.get(e);return A?Object.fromEntries(Object.entries(A.stores).map(([t,i])=>[t,i.getState()])):{}},Cze=(e,A,t)=>{if(e===void 0)return{type:"untracked",connection:A.connect(t)};const i=hwA.get(t.name);if(i)return{type:"tracked",store:e,...i};const n={connection:A.connect(t),stores:{}};return hwA.set(t.name,n),{type:"tracked",store:e,...n}},WQt=(e,A={})=>(t,i,n)=>{const{enabled:o,anonymousActionType:s,store:r,...a}=A;let g;try{g=(o??(CwA?"production":void 0)!=="production")&&window.__REDUX_DEVTOOLS_EXTENSION__}catch{}if(!g)return(CwA?"production":void 0)!=="production"&&o&&console.warn("[zustand devtools middleware] Please install/enable Redux devtools extension"),e(t,i,n);const{connection:c,...I}=Cze(r,g,a);let l=!0;n.setState=(Q,u,d)=>{const p=t(Q,u);if(!l)return p;const f=d===void 0?{type:s||"anonymous"}:typeof d=="string"?{type:d}:d;return r===void 0?(c?.send(f,i()),p):(c?.send({...f,type:`${r}/${f.type}`},{...Kj(a.name),[r]:n.getState()}),p)};const B=(...Q)=>{const u=l;l=!1,t(...Q),l=u},C=e(n.setState,i,n);if(I.type==="untracked"?c?.init(C):(I.stores[I.store]=n,c?.init(Object.fromEntries(Object.entries(I.stores).map(([Q,u])=>[Q,Q===I.store?C:u.getState()])))),n.dispatchFromDevtools&&typeof n.dispatch=="function"){let Q=!1;const u=n.dispatch;n.dispatch=(...d)=>{(CwA?"production":void 0)!=="production"&&d[0].type==="__setState"&&!Q&&(console.warn('[zustand devtools middleware] "__setState" action type is reserved to set state from the devtools. Avoid using it.'),Q=!0),u(...d)}}return c.subscribe(Q=>{var u;switch(Q.type){case"ACTION":if(typeof Q.payload!="string"){console.error("[zustand devtools middleware] Unsupported action format");return}return QwA(Q.payload,d=>{if(d.type==="__setState"){if(r===void 0){B(d.state);return}Object.keys(d.state).length!==1&&console.error(`
|
|
5818
|
+
*/const rze=({containerClassName:e,...A})=>{const t=lA.useRef(null),[i,n]=lA.useState(620);return lA.useLayoutEffect(()=>{const o=()=>{if(t.current){const r=t.current.clientHeight,a=window.innerHeight;n(Math.min(Math.max(r,620),a))}};o();const s=new ResizeObserver(o);return t.current&&s.observe(t.current),window.addEventListener("resize",o),()=>{s.disconnect(),window.removeEventListener("resize",o)}},[]),aA.jsx("div",{ref:t,className:e||"rf-w-full rf-h-full",children:aA.jsx(sze,{...A,height:i})})},aze='*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}:root{--radius:0.5rem}.rf-pointer-events-none{pointer-events:none}.rf-invisible{visibility:hidden}.rf-fixed{position:fixed}.rf-absolute{position:absolute}.rf-relative{position:relative}.rf-inset-0{inset:0}.-rf-left-2{left:-.5rem}.-rf-right-10{right:-2.5rem}.-rf-right-2{right:-.5rem}.-rf-right-4{right:-1rem}.-rf-right-6{right:-1.5rem}.-rf-right-7{right:-1.75rem}.-rf-right-8{right:-2rem}.-rf-right-9{right:-2.25rem}.rf-bottom-full{bottom:100%}.rf-left-0{left:0}.rf-left-1{left:.25rem}.rf-left-1\\/2{left:50%}.rf-left-2{left:.5rem}.rf-left-\\[50\\%\\]{left:50%}.rf-right-0{right:0}.rf-right-1{right:.25rem}.rf-right-4{right:1rem}.rf-right-\\[4px\\]{right:4px}.rf-top-0{top:0}.rf-top-1{top:.25rem}.rf-top-2{top:.5rem}.rf-top-2\\.5{top:.625rem}.rf-top-\\[50\\%\\]{top:50%}.rf-top-\\[6px\\]{top:6px}.\\!rf-z-\\[101\\]{z-index:101!important}.\\!rf-z-\\[200\\]{z-index:200!important}.rf-z-10{z-index:10}.rf-z-50{z-index:50}.rf-z-\\[100\\]{z-index:100}.rf-z-\\[101\\]{z-index:101}.rf-order-1{order:1}.rf-order-2{order:2}.rf-order-3{order:3}.rf-m-1{margin:.25rem}.rf-m-6{margin:1.5rem}.-rf-mx-1,.rf--mx-1{margin-left:-.25rem;margin-right:-.25rem}.rf-mx-1{margin-left:.25rem;margin-right:.25rem}.rf-mx-2{margin-left:.5rem;margin-right:.5rem}.rf-mx-4{margin-left:1rem;margin-right:1rem}.rf-mx-auto{margin-left:auto;margin-right:auto}.rf-my-1{margin-bottom:.25rem;margin-top:.25rem}.rf-my-12{margin-bottom:3rem;margin-top:3rem}.rf-my-4{margin-bottom:1rem;margin-top:1rem}.rf-my-auto{margin-bottom:auto;margin-top:auto}.rf-mb-1{margin-bottom:.25rem}.rf-mb-12{margin-bottom:3rem}.rf-mb-2{margin-bottom:.5rem}.rf-mb-3{margin-bottom:.75rem}.rf-mb-4{margin-bottom:1rem}.rf-mb-6{margin-bottom:1.5rem}.rf-mb-8{margin-bottom:2rem}.rf-ml-1{margin-left:.25rem}.rf-ml-2{margin-left:.5rem}.rf-ml-6{margin-left:1.5rem}.rf-ml-auto{margin-left:auto}.rf-mr-1{margin-right:.25rem}.rf-mr-2{margin-right:.5rem}.rf-mr-4{margin-right:1rem}.rf-mt-0{margin-top:0}.rf-mt-0\\.5{margin-top:.125rem}.rf-mt-1{margin-top:.25rem}.rf-mt-2{margin-top:.5rem}.rf-mt-3{margin-top:.75rem}.rf-mt-4{margin-top:1rem}.rf-mt-5{margin-top:1.25rem}.rf-mt-auto{margin-top:auto}.rf-block{display:block}.rf-inline-block{display:inline-block}.rf-inline{display:inline}.rf-flex{display:flex}.rf-inline-flex{display:inline-flex}.rf-grid{display:grid}.rf-hidden{display:none}.rf-aspect-square{aspect-ratio:1/1}.rf-aspect-video{aspect-ratio:16/9}.rf-size-14{height:3.5rem;width:3.5rem}.rf-size-4{height:1rem;width:1rem}.\\!rf-h-2{height:.5rem!important}.\\!rf-h-2\\.5{height:.625rem!important}.\\!rf-h-3{height:.75rem!important}.\\!rf-h-full{height:100%!important}.rf-h-1{height:.25rem}.rf-h-10{height:2.5rem}.rf-h-12{height:3rem}.rf-h-2{height:.5rem}.rf-h-2\\.5{height:.625rem}.rf-h-20{height:5rem}.rf-h-24{height:6rem}.rf-h-3{height:.75rem}.rf-h-3\\.5{height:.875rem}.rf-h-4{height:1rem}.rf-h-5{height:1.25rem}.rf-h-6{height:1.5rem}.rf-h-60{height:15rem}.rf-h-64{height:16rem}.rf-h-7{height:1.75rem}.rf-h-8{height:2rem}.rf-h-9{height:2.25rem}.rf-h-\\[400px\\]{height:400px}.rf-h-\\[calc\\(100vh-52px\\)\\]{height:calc(100vh - 52px)}.rf-h-\\[calc\\(100vh-60px\\)\\]{height:calc(100vh - 60px)}.rf-h-\\[var\\(--radix-select-trigger-height\\)\\]{height:var(--radix-select-trigger-height)}.rf-h-auto{height:auto}.rf-h-fit{height:-moz-fit-content;height:fit-content}.rf-h-full{height:100%}.rf-h-px{height:1px}.rf-h-screen{height:100vh}.\\!rf-max-h-\\[40vh\\]{max-height:40vh!important}.rf-max-h-32{max-height:8rem}.rf-max-h-96{max-height:24rem}.rf-max-h-\\[200px\\]{max-height:200px}.rf-max-h-\\[300px\\]{max-height:300px}.rf-max-h-\\[70vh\\]{max-height:70vh}.rf-max-h-\\[90vh\\]{max-height:90vh}.rf-max-h-full{max-height:100%}.rf-min-h-0{min-height:0}.rf-min-h-\\[100px\\]{min-height:100px}.rf-min-h-\\[200px\\]{min-height:200px}.rf-min-h-\\[300px\\]{min-height:300px}.rf-min-h-\\[620px\\]{min-height:620px}.rf-min-h-\\[calc\\(100vh-240px\\)\\]{min-height:calc(100vh - 240px)}.\\!rf-w-2{width:.5rem!important}.\\!rf-w-2\\.5{width:.625rem!important}.\\!rf-w-\\[95vw\\]{width:95vw!important}.rf-w-1{width:.25rem}.rf-w-11{width:2.75rem}.rf-w-11\\/12{width:91.666667%}.rf-w-12{width:3rem}.rf-w-16{width:4rem}.rf-w-2{width:.5rem}.rf-w-2\\.5{width:.625rem}.rf-w-20{width:5rem}.rf-w-24{width:6rem}.rf-w-28{width:7rem}.rf-w-3{width:.75rem}.rf-w-3\\.5{width:.875rem}.rf-w-32{width:8rem}.rf-w-4{width:1rem}.rf-w-40{width:10rem}.rf-w-48{width:12rem}.rf-w-5{width:1.25rem}.rf-w-6{width:1.5rem}.rf-w-64{width:16rem}.rf-w-72{width:18rem}.rf-w-8{width:2rem}.rf-w-80{width:20rem}.rf-w-9{width:2.25rem}.rf-w-96{width:24rem}.rf-w-fit{width:-moz-fit-content;width:fit-content}.rf-w-full{width:100%}.rf-w-screen{width:100vw}.rf-min-w-0{min-width:0}.rf-min-w-10{min-width:2.5rem}.rf-min-w-16{min-width:4rem}.rf-min-w-32{min-width:8rem}.rf-min-w-80{min-width:20rem}.rf-min-w-96{min-width:24rem}.rf-min-w-\\[148px\\]{min-width:148px}.rf-min-w-\\[600px\\]{min-width:600px}.rf-min-w-\\[8rem\\]{min-width:8rem}.rf-min-w-\\[var\\(--radix-select-trigger-width\\)\\]{min-width:var(--radix-select-trigger-width)}.\\!rf-max-w-\\[95vw\\]{max-width:95vw!important}.rf-max-w-2xl{max-width:42rem}.rf-max-w-3xl{max-width:48rem}.rf-max-w-4xl{max-width:56rem}.rf-max-w-5xl{max-width:64rem}.rf-max-w-64{max-width:16rem}.rf-max-w-96{max-width:24rem}.rf-max-w-\\[1000px\\]{max-width:1000px}.rf-max-w-\\[150px\\]{max-width:150px}.rf-max-w-\\[200px\\]{max-width:200px}.rf-max-w-\\[40\\%\\]{max-width:40%}.rf-max-w-\\[600px\\]{max-width:600px}.rf-max-w-full{max-width:100%}.rf-max-w-lg{max-width:32rem}.rf-max-w-md{max-width:28rem}.rf-max-w-none{max-width:none}.rf-max-w-xl{max-width:36rem}.rf-max-w-xs{max-width:20rem}.rf-flex-1{flex:1 1 0%}.rf-flex-shrink-0,.rf-shrink-0{flex-shrink:0}.rf-flex-grow{flex-grow:1}.rf-table-auto{table-layout:auto}.rf-origin-\\[--radix-popover-content-transform-origin\\]{transform-origin:var(--radix-popover-content-transform-origin)}.-rf-translate-x-1{--tw-translate-x:-0.25rem}.-rf-translate-x-1,.-rf-translate-x-1\\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rf-translate-x-1\\/2{--tw-translate-x:-50%}.-rf-translate-y-1{--tw-translate-y:-0.25rem}.-rf-translate-y-1,.rf--translate-x-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rf--translate-x-1{--tw-translate-x:-0.25rem}.rf--translate-x-1\\/2{--tw-translate-x:-50%}.rf--translate-x-1\\/2,.rf--translate-y-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rf--translate-y-1{--tw-translate-y:-0.25rem}.rf-translate-x-\\[-50\\%\\]{--tw-translate-x:-50%}.rf-translate-x-\\[-50\\%\\],.rf-translate-y-\\[-50\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rf-translate-y-\\[-50\\%\\]{--tw-translate-y:-50%}.rf-rotate-90{--tw-rotate:90deg}.rf-rotate-90,.rf-transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes rf-pulse{50%{opacity:.5}}.rf-animate-pulse{animation:rf-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes rf-spin{to{transform:rotate(1turn)}}.rf-animate-spin{animation:rf-spin 1s linear infinite}.rf-cursor-default{cursor:default}.rf-cursor-not-allowed{cursor:not-allowed}.rf-cursor-pointer{cursor:pointer}.rf-select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.rf-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.rf-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.rf-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.rf-flex-row{flex-direction:row}.rf-flex-col{flex-direction:column}.rf-flex-col-reverse{flex-direction:column-reverse}.rf-flex-wrap{flex-wrap:wrap}.rf-place-items-center{place-items:center}.rf-items-start{align-items:flex-start}.rf-items-end{align-items:flex-end}.rf-items-center{align-items:center}.rf-items-baseline{align-items:baseline}.rf-items-stretch{align-items:stretch}.rf-justify-end{justify-content:flex-end}.rf-justify-center{justify-content:center}.rf-justify-between{justify-content:space-between}.rf-gap-0{gap:0}.rf-gap-1{gap:.25rem}.rf-gap-2{gap:.5rem}.rf-gap-3{gap:.75rem}.rf-gap-4{gap:1rem}.rf-gap-5{gap:1.25rem}.rf-gap-6{gap:1.5rem}.rf-gap-8{gap:2rem}.rf-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.rf-space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.rf-space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.rf-space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.rf-space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.rf-space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.rf-divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.rf-overflow-auto{overflow:auto}.\\!rf-overflow-hidden{overflow:hidden!important}.rf-overflow-hidden{overflow:hidden}.rf-overflow-visible{overflow:visible}.rf-overflow-x-auto{overflow-x:auto}.\\!rf-overflow-y-auto{overflow-y:auto!important}.rf-overflow-y-auto{overflow-y:auto}.rf-overflow-x-hidden{overflow-x:hidden}.rf-overflow-x-clip{overflow-x:clip}.rf-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rf-whitespace-normal{white-space:normal}.rf-whitespace-nowrap{white-space:nowrap}.rf-whitespace-pre-wrap{white-space:pre-wrap}.rf-break-words{overflow-wrap:break-word}.rf-break-all{word-break:break-all}.rf-rounded{border-radius:.25rem}.rf-rounded-2xl{border-radius:1rem}.rf-rounded-full{border-radius:9999px}.rf-rounded-lg{border-radius:var(--radius)}.rf-rounded-md{border-radius:calc(var(--radius) - 2px)}.rf-rounded-sm{border-radius:calc(var(--radius) - 4px)}.rf-rounded-xl{border-radius:.75rem}.rf-border{border-width:1px}.rf-border-2{border-width:2px}.rf-border-b{border-bottom-width:1px}.rf-border-l-2{border-left-width:2px}.rf-border-l-4{border-left-width:4px}.rf-border-t{border-top-width:1px}.rf-border-none{border-style:none}.rf-border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.rf-border-blue-300{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.rf-border-blue-400{--tw-border-opacity:1;border-color:rgb(96 165 250/var(--tw-border-opacity,1))}.rf-border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.rf-border-blue-600{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity,1))}.rf-border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.rf-border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.rf-border-green-200{--tw-border-opacity:1;border-color:rgb(187 247 208/var(--tw-border-opacity,1))}.rf-border-green-400{--tw-border-opacity:1;border-color:rgb(74 222 128/var(--tw-border-opacity,1))}.rf-border-input{border-color:hsl(var(--input))}.rf-border-neutral-200{--tw-border-opacity:1;border-color:rgb(229 229 229/var(--tw-border-opacity,1))}.rf-border-orange-100{--tw-border-opacity:1;border-color:rgb(255 237 213/var(--tw-border-opacity,1))}.rf-border-orange-200{--tw-border-opacity:1;border-color:rgb(254 215 170/var(--tw-border-opacity,1))}.rf-border-orange-500{--tw-border-opacity:1;border-color:rgb(249 115 22/var(--tw-border-opacity,1))}.rf-border-primary{border-color:hsl(var(--primary))}.rf-border-red-100{--tw-border-opacity:1;border-color:rgb(254 226 226/var(--tw-border-opacity,1))}.rf-border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.rf-border-red-400{--tw-border-opacity:1;border-color:rgb(248 113 113/var(--tw-border-opacity,1))}.rf-border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.rf-border-red-600{--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity,1))}.rf-border-zinc-200{--tw-border-opacity:1;border-color:rgb(228 228 231/var(--tw-border-opacity,1))}.rf-border-zinc-900{--tw-border-opacity:1;border-color:rgb(24 24 27/var(--tw-border-opacity,1))}.rf-border-t-blue-600{--tw-border-opacity:1;border-top-color:rgb(37 99 235/var(--tw-border-opacity,1))}.rf-bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.rf-bg-amber-50\\/30{background-color:rgba(255,251,235,.3)}.rf-bg-background{background-color:hsl(var(--background))}.rf-bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.rf-bg-black\\/80{background-color:rgba(0,0,0,.8)}.rf-bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.rf-bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.rf-bg-blue-50\\/30{background-color:rgba(239,246,255,.3)}.rf-bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.rf-bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.rf-bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.rf-bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.rf-bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.rf-bg-gray-400{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}.rf-bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.rf-bg-gray-500{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}.rf-bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.rf-bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.rf-bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.rf-bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.rf-bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.rf-bg-muted{background-color:hsl(var(--muted))}.rf-bg-neutral-100{--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity,1))}.rf-bg-neutral-50{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.rf-bg-neutral-800{--tw-bg-opacity:1;background-color:rgb(38 38 38/var(--tw-bg-opacity,1))}.rf-bg-neutral-900{--tw-bg-opacity:1;background-color:rgb(23 23 23/var(--tw-bg-opacity,1))}.rf-bg-orange-400{--tw-bg-opacity:1;background-color:rgb(251 146 60/var(--tw-bg-opacity,1))}.rf-bg-orange-50{--tw-bg-opacity:1;background-color:rgb(255 247 237/var(--tw-bg-opacity,1))}.rf-bg-orange-50\\/50{background-color:rgba(255,247,237,.5)}.rf-bg-orange-500{--tw-bg-opacity:1;background-color:rgb(249 115 22/var(--tw-bg-opacity,1))}.rf-bg-popover{background-color:hsl(var(--popover))}.rf-bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.rf-bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.rf-bg-red-50\\/50{background-color:hsla(0,86%,97%,.5)}.rf-bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.rf-bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.rf-bg-red-900{--tw-bg-opacity:1;background-color:rgb(127 29 29/var(--tw-bg-opacity,1))}.rf-bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.rf-bg-transparent{background-color:transparent}.rf-bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.rf-bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity,1))}.rf-bg-zinc-100{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1))}.rf-bg-zinc-200{--tw-bg-opacity:1;background-color:rgb(228 228 231/var(--tw-bg-opacity,1))}.rf-bg-zinc-50{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.rf-bg-zinc-800{--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}.rf-bg-zinc-900{--tw-bg-opacity:1;background-color:rgb(24 24 27/var(--tw-bg-opacity,1))}.rf-bg-opacity-50{--tw-bg-opacity:0.5}.rf-fill-amber-500{fill:#f59e0b}.rf-fill-current{fill:currentColor}.rf-object-contain{-o-object-fit:contain;object-fit:contain}.rf-object-cover{-o-object-fit:cover;object-fit:cover}.\\!rf-p-0{padding:0!important}.rf-p-0{padding:0}.rf-p-1{padding:.25rem}.rf-p-2{padding:.5rem}.rf-p-3{padding:.75rem}.rf-p-4{padding:1rem}.rf-p-5{padding:1.25rem}.rf-p-6{padding:1.5rem}.rf-p-8{padding:2rem}.rf-px-1{padding-left:.25rem;padding-right:.25rem}.rf-px-2{padding-left:.5rem;padding-right:.5rem}.rf-px-3{padding-left:.75rem;padding-right:.75rem}.rf-px-4{padding-left:1rem;padding-right:1rem}.rf-px-6{padding-left:1.5rem;padding-right:1.5rem}.rf-px-8{padding-left:2rem;padding-right:2rem}.rf-py-0{padding-bottom:0;padding-top:0}.rf-py-0\\.5{padding-bottom:.125rem;padding-top:.125rem}.rf-py-1{padding-bottom:.25rem;padding-top:.25rem}.rf-py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}.rf-py-10{padding-bottom:2.5rem;padding-top:2.5rem}.rf-py-12{padding-bottom:3rem;padding-top:3rem}.rf-py-2{padding-bottom:.5rem;padding-top:.5rem}.rf-py-3{padding-bottom:.75rem;padding-top:.75rem}.rf-py-4{padding-bottom:1rem;padding-top:1rem}.rf-py-6{padding-bottom:1.5rem;padding-top:1.5rem}.rf-py-8{padding-bottom:2rem;padding-top:2rem}.rf-pb-0{padding-bottom:0}.rf-pb-1{padding-bottom:.25rem}.rf-pb-2{padding-bottom:.5rem}.rf-pb-3{padding-bottom:.75rem}.rf-pb-4{padding-bottom:1rem}.rf-pb-px{padding-bottom:1px}.rf-pl-10{padding-left:2.5rem}.rf-pl-11{padding-left:2.75rem}.rf-pl-12{padding-left:3rem}.rf-pl-2{padding-left:.5rem}.rf-pl-4{padding-left:1rem}.rf-pl-8{padding-left:2rem}.rf-pr-2{padding-right:.5rem}.rf-pt-0{padding-top:0}.rf-pt-1{padding-top:.25rem}.rf-pt-2{padding-top:.5rem}.rf-pt-4{padding-top:1rem}.rf-text-left{text-align:left}.rf-text-center{text-align:center}.rf-text-right{text-align:right}.rf-font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.rf-text-2xl{font-size:1.5rem;line-height:2rem}.rf-text-3xl{font-size:1.875rem;line-height:2.25rem}.rf-text-\\[8px\\]{font-size:8px}.rf-text-base{font-size:1rem;line-height:1.5rem}.rf-text-lg{font-size:1.125rem;line-height:1.75rem}.rf-text-sm{font-size:.875rem;line-height:1.25rem}.rf-text-xl{font-size:1.25rem;line-height:1.75rem}.rf-text-xs{font-size:.75rem;line-height:1rem}.\\!rf-font-normal{font-weight:400!important}.rf-font-bold{font-weight:700}.rf-font-medium{font-weight:500}.rf-font-semibold{font-weight:600}.rf-uppercase{text-transform:uppercase}.rf-capitalize{text-transform:capitalize}.rf-tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.rf-leading-5{line-height:1.25rem}.rf-leading-\\[0\\.95rem\\]{line-height:.95rem}.rf-leading-\\[1rem\\]{line-height:1rem}.rf-leading-none{line-height:1}.rf-leading-relaxed{line-height:1.625}.rf-leading-tight{line-height:1.25}.rf-tracking-wide{letter-spacing:.025em}.rf-tracking-widest{letter-spacing:.1em}.rf-text-amber-500{--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity,1))}.rf-text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.rf-text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.rf-text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.rf-text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.rf-text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.rf-text-blue-900{--tw-text-opacity:1;color:rgb(30 58 138/var(--tw-text-opacity,1))}.rf-text-current{color:currentColor}.rf-text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.rf-text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.rf-text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.rf-text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.rf-text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.rf-text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.rf-text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.rf-text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.rf-text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.rf-text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.rf-text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1))}.rf-text-green-900{--tw-text-opacity:1;color:rgb(20 83 45/var(--tw-text-opacity,1))}.rf-text-muted-foreground{color:hsl(var(--muted-foreground))}.rf-text-neutral-50{--tw-text-opacity:1;color:rgb(250 250 250/var(--tw-text-opacity,1))}.rf-text-neutral-500{--tw-text-opacity:1;color:rgb(115 115 115/var(--tw-text-opacity,1))}.rf-text-neutral-900{--tw-text-opacity:1;color:rgb(23 23 23/var(--tw-text-opacity,1))}.rf-text-neutral-950{--tw-text-opacity:1;color:rgb(10 10 10/var(--tw-text-opacity,1))}.rf-text-orange-400{--tw-text-opacity:1;color:rgb(251 146 60/var(--tw-text-opacity,1))}.rf-text-orange-500{--tw-text-opacity:1;color:rgb(249 115 22/var(--tw-text-opacity,1))}.rf-text-orange-600{--tw-text-opacity:1;color:rgb(234 88 12/var(--tw-text-opacity,1))}.rf-text-orange-700{--tw-text-opacity:1;color:rgb(194 65 12/var(--tw-text-opacity,1))}.rf-text-orange-800{--tw-text-opacity:1;color:rgb(154 52 18/var(--tw-text-opacity,1))}.rf-text-popover-foreground{color:hsl(var(--popover-foreground))}.rf-text-red-200{--tw-text-opacity:1;color:rgb(254 202 202/var(--tw-text-opacity,1))}.rf-text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.rf-text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.rf-text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.rf-text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.rf-text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.rf-text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.rf-text-red-900{--tw-text-opacity:1;color:rgb(127 29 29/var(--tw-text-opacity,1))}.rf-text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.rf-text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.rf-text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.rf-text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.rf-text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.rf-text-yellow-400{--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity,1))}.rf-text-yellow-500{--tw-text-opacity:1;color:rgb(234 179 8/var(--tw-text-opacity,1))}.rf-text-yellow-600{--tw-text-opacity:1;color:rgb(202 138 4/var(--tw-text-opacity,1))}.rf-text-yellow-900{--tw-text-opacity:1;color:rgb(113 63 18/var(--tw-text-opacity,1))}.rf-text-zinc-200{--tw-text-opacity:1;color:rgb(228 228 231/var(--tw-text-opacity,1))}.rf-text-zinc-300{--tw-text-opacity:1;color:rgb(212 212 216/var(--tw-text-opacity,1))}.rf-text-zinc-400{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.rf-text-zinc-50{--tw-text-opacity:1;color:rgb(250 250 250/var(--tw-text-opacity,1))}.rf-text-zinc-500{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}.rf-text-zinc-900{--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}.rf-text-zinc-950{--tw-text-opacity:1;color:rgb(9 9 11/var(--tw-text-opacity,1))}.rf-underline{text-decoration-line:underline}.rf-line-through{text-decoration-line:line-through}.rf-underline-offset-4{text-underline-offset:4px}.rf-opacity-0{opacity:0}.rf-opacity-100{opacity:1}.rf-opacity-25{opacity:.25}.rf-opacity-30{opacity:.3}.rf-opacity-50{opacity:.5}.rf-opacity-60{opacity:.6}.rf-opacity-70{opacity:.7}.rf-opacity-75{opacity:.75}.rf-shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.rf-shadow,.rf-shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.rf-shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.rf-shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.rf-shadow-md,.rf-shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.rf-shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.rf-outline-none{outline:2px solid transparent;outline-offset:2px}.rf-ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.rf-ring-blue-500{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.rf-ring-primary{--tw-ring-color:hsl(var(--primary))}.rf-ring-offset-background{--tw-ring-offset-color:hsl(var(--background))}.rf-ring-offset-white{--tw-ring-offset-color:#fff}.rf-transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.rf-transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.rf-transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.rf-transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.rf-transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.rf-duration-200{transition-duration:.2s}.rf-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.rf-slide-in-from-left-1{--tw-enter-translate-x:-0.25rem}.rf-slide-out-to-left-1{--tw-exit-translate-x:-0.25rem}.rf-duration-200{animation-duration:.2s}.rf-ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.file\\:rf-border-0::file-selector-button{border-width:0}.file\\:rf-bg-transparent::file-selector-button{background-color:transparent}.file\\:rf-text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\\:rf-font-medium::file-selector-button{font-weight:500}.placeholder\\:rf-text-zinc-500::-moz-placeholder{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}.placeholder\\:rf-text-zinc-500::placeholder{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}.hover\\:rf-border-blue-300:hover{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.hover\\:\\!rf-bg-transparent:hover{background-color:transparent!important}.hover\\:rf-bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\\:rf-bg-orange-100:hover{--tw-bg-opacity:1;background-color:rgb(255 237 213/var(--tw-bg-opacity,1))}.hover\\:rf-bg-red-100:hover{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.hover\\:rf-bg-red-500\\/90:hover{background-color:rgba(239,68,68,.9)}.hover\\:rf-bg-slate-200:hover{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.hover\\:rf-bg-zinc-100:hover{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1))}.hover\\:rf-bg-zinc-100\\/80:hover{background-color:hsla(240,5%,96%,.8)}.hover\\:rf-bg-zinc-900\\/90:hover{background-color:rgba(24,24,27,.9)}.hover\\:rf-text-blue-800:hover{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.hover\\:rf-text-red-400:hover{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.hover\\:rf-text-slate-800:hover{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.hover\\:rf-text-slate-900:hover{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.hover\\:rf-text-zinc-900:hover{--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}.hover\\:rf-underline:hover{text-decoration-line:underline}.focus\\:rf-bg-gray-100:focus{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.focus\\:rf-bg-zinc-100:focus{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1))}.focus\\:rf-text-gray-900:focus{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.focus\\:rf-text-zinc-900:focus{--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}.focus\\:rf-outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\\:rf-ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\\:rf-ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.focus\\:rf-ring-ring:focus{--tw-ring-color:hsl(var(--ring))}.focus\\:rf-ring-offset-2:focus{--tw-ring-offset-width:2px}.focus-visible\\:rf-outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\\:rf-ring-1:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\\:rf-ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\\:rf-ring-zinc-950:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(9 9 11/var(--tw-ring-opacity,1))}.focus-visible\\:rf-ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.disabled\\:rf-pointer-events-none:disabled{pointer-events:none}.disabled\\:rf-cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:rf-opacity-50:disabled{opacity:.5}.rf-group:hover .group-hover\\:rf-opacity-100,.rf-group\\/bar:hover .group-hover\\/bar\\:rf-opacity-100{opacity:1}.rf-peer:disabled~.peer-disabled\\:rf-cursor-not-allowed{cursor:not-allowed}.rf-peer:disabled~.peer-disabled\\:rf-opacity-70{opacity:.7}.data-\\[disabled\\=true\\]\\:rf-pointer-events-none[data-disabled=true],.data-\\[disabled\\]\\:rf-pointer-events-none[data-disabled]{pointer-events:none}.data-\\[side\\=bottom\\]\\:rf-translate-y-1[data-side=bottom]{--tw-translate-y:0.25rem}.data-\\[side\\=bottom\\]\\:rf-translate-y-1[data-side=bottom],.data-\\[side\\=left\\]\\:-rf-translate-x-1[data-side=left]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[side\\=left\\]\\:-rf-translate-x-1[data-side=left]{--tw-translate-x:-0.25rem}.data-\\[side\\=right\\]\\:rf-translate-x-1[data-side=right]{--tw-translate-x:0.25rem}.data-\\[side\\=right\\]\\:rf-translate-x-1[data-side=right],.data-\\[side\\=top\\]\\:-rf-translate-y-1[data-side=top]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[side\\=top\\]\\:-rf-translate-y-1[data-side=top]{--tw-translate-y:-0.25rem}.data-\\[selected\\=true\\]\\:rf-bg-zinc-100[data-selected=true]{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1))}.data-\\[state\\=active\\]\\:rf-bg-white[data-state=active]{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.data-\\[state\\=checked\\]\\:rf-bg-zinc-900[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(24 24 27/var(--tw-bg-opacity,1))}.data-\\[state\\=open\\]\\:rf-bg-zinc-100[data-state=open]{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1))}.data-\\[selected\\=true\\]\\:rf-text-zinc-900[data-selected=true]{--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}.data-\\[state\\=active\\]\\:rf-text-zinc-950[data-state=active]{--tw-text-opacity:1;color:rgb(9 9 11/var(--tw-text-opacity,1))}.data-\\[state\\=checked\\]\\:rf-text-zinc-50[data-state=checked]{--tw-text-opacity:1;color:rgb(250 250 250/var(--tw-text-opacity,1))}.data-\\[disabled\\=true\\]\\:rf-opacity-50[data-disabled=true],.data-\\[disabled\\]\\:rf-opacity-50[data-disabled]{opacity:.5}.data-\\[state\\=active\\]\\:rf-shadow[data-state=active]{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.data-\\[state\\=open\\]\\:rf-animate-in[data-state=open]{animation-duration:.15s;animation-name:enter;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.data-\\[state\\=closed\\]\\:rf-animate-out[data-state=closed]{animation-duration:.15s;animation-name:exit;--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial}.data-\\[state\\=closed\\]\\:rf-fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\\[state\\=open\\]\\:rf-fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\\[state\\=closed\\]\\:rf-zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\\[state\\=open\\]\\:rf-zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\\[side\\=bottom\\]\\:rf-slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:-0.5rem}.data-\\[side\\=left\\]\\:rf-slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:0.5rem}.data-\\[side\\=right\\]\\:rf-slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:-0.5rem}.data-\\[side\\=top\\]\\:rf-slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:0.5rem}.data-\\[state\\=closed\\]\\:rf-slide-out-to-left-1\\/2[data-state=closed]{--tw-exit-translate-x:-50%}.data-\\[state\\=closed\\]\\:rf-slide-out-to-top-\\[48\\%\\][data-state=closed]{--tw-exit-translate-y:-48%}.data-\\[state\\=open\\]\\:rf-slide-in-from-left-1\\/2[data-state=open]{--tw-enter-translate-x:-50%}.data-\\[state\\=open\\]\\:rf-slide-in-from-top-\\[48\\%\\][data-state=open]{--tw-enter-translate-y:-48%}.dark\\:rf-border-zinc-50:is(.rf-dark *){--tw-border-opacity:1;border-color:rgb(250 250 250/var(--tw-border-opacity,1))}.dark\\:rf-border-zinc-800:is(.rf-dark *){--tw-border-opacity:1;border-color:rgb(39 39 42/var(--tw-border-opacity,1))}.dark\\:rf-bg-gray-700:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.dark\\:rf-bg-gray-800:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.dark\\:rf-bg-red-900:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(127 29 29/var(--tw-bg-opacity,1))}.dark\\:rf-bg-zinc-50:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.dark\\:rf-bg-zinc-800:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}.dark\\:rf-bg-zinc-950:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(9 9 11/var(--tw-bg-opacity,1))}.dark\\:rf-text-gray-500:is(.rf-dark *){--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.dark\\:rf-text-zinc-400:is(.rf-dark *){--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.dark\\:rf-text-zinc-50:is(.rf-dark *){--tw-text-opacity:1;color:rgb(250 250 250/var(--tw-text-opacity,1))}.dark\\:rf-text-zinc-900:is(.rf-dark *){--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}.dark\\:rf-placeholder-zinc-400:is(.rf-dark *)::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(161 161 170/var(--tw-placeholder-opacity,1))}.dark\\:rf-placeholder-zinc-400:is(.rf-dark *)::placeholder{--tw-placeholder-opacity:1;color:rgb(161 161 170/var(--tw-placeholder-opacity,1))}.dark\\:rf-ring-offset-zinc-950:is(.rf-dark *){--tw-ring-offset-color:#09090b}.dark\\:placeholder\\:rf-text-zinc-400:is(.rf-dark *)::-moz-placeholder{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.dark\\:placeholder\\:rf-text-zinc-400:is(.rf-dark *)::placeholder{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.dark\\:hover\\:rf-bg-red-900\\/90:hover:is(.rf-dark *){background-color:rgba(127,29,29,.9)}.dark\\:hover\\:rf-bg-zinc-50\\/90:hover:is(.rf-dark *){background-color:hsla(0,0%,98%,.9)}.dark\\:hover\\:rf-bg-zinc-800:hover:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}.dark\\:hover\\:rf-bg-zinc-800\\/80:hover:is(.rf-dark *){background-color:rgba(39,39,42,.8)}.dark\\:hover\\:rf-text-zinc-50:hover:is(.rf-dark *){--tw-text-opacity:1;color:rgb(250 250 250/var(--tw-text-opacity,1))}.dark\\:focus\\:rf-bg-zinc-800:focus:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}.dark\\:focus\\:rf-text-zinc-50:focus:is(.rf-dark *){--tw-text-opacity:1;color:rgb(250 250 250/var(--tw-text-opacity,1))}.dark\\:focus-visible\\:rf-ring-zinc-300:focus-visible:is(.rf-dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(212 212 216/var(--tw-ring-opacity,1))}.dark\\:data-\\[selected\\=true\\]\\:rf-bg-zinc-800[data-selected=true]:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}.dark\\:data-\\[state\\=active\\]\\:rf-bg-zinc-950[data-state=active]:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(9 9 11/var(--tw-bg-opacity,1))}.dark\\:data-\\[state\\=checked\\]\\:rf-bg-zinc-50[data-state=checked]:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.dark\\:data-\\[state\\=open\\]\\:rf-bg-zinc-800[data-state=open]:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}.dark\\:data-\\[selected\\=true\\]\\:rf-text-zinc-50[data-selected=true]:is(.rf-dark *){--tw-text-opacity:1;color:rgb(250 250 250/var(--tw-text-opacity,1))}.dark\\:data-\\[state\\=active\\]\\:rf-text-zinc-50[data-state=active]:is(.rf-dark *){--tw-text-opacity:1;color:rgb(250 250 250/var(--tw-text-opacity,1))}.dark\\:data-\\[state\\=checked\\]\\:rf-text-zinc-900[data-state=checked]:is(.rf-dark *){--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}@media (min-width:640px){.sm\\:rf-order-1{order:1}.sm\\:rf-order-2{order:2}.sm\\:rf-mt-0{margin-top:0}.sm\\:rf-mt-4{margin-top:1rem}.sm\\:rf-block{display:block}.sm\\:rf-inline{display:inline}.sm\\:rf-grid{display:grid}.sm\\:rf-hidden{display:none}.sm\\:rf-h-5{height:1.25rem}.sm\\:rf-w-1\\/2{width:50%}.sm\\:rf-w-5{width:1.25rem}.sm\\:rf-w-\\[90vw\\]{width:90vw}.sm\\:rf-w-auto{width:auto}.sm\\:rf-max-w-\\[500px\\]{max-width:500px}.sm\\:rf-max-w-md{max-width:28rem}.sm\\:rf-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\\:rf-grid-cols-\\[1fr_auto\\]{grid-template-columns:1fr auto}.sm\\:rf-flex-row{flex-direction:row}.sm\\:rf-items-center{align-items:center}.sm\\:rf-justify-end{justify-content:flex-end}.sm\\:rf-gap-3{gap:.75rem}.sm\\:rf-gap-4{gap:1rem}.sm\\:rf-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.sm\\:rf-justify-self-end{justify-self:end}.sm\\:rf-rounded-lg{border-radius:var(--radius)}.sm\\:rf-p-3{padding:.75rem}.sm\\:rf-p-6{padding:1.5rem}.sm\\:rf-px-4{padding-left:1rem;padding-right:1rem}.sm\\:rf-px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\\:rf-py-6{padding-bottom:1.5rem;padding-top:1.5rem}.sm\\:rf-text-left{text-align:left}.sm\\:rf-text-right{text-align:right}.sm\\:rf-text-2xl{font-size:1.5rem;line-height:2rem}.sm\\:rf-text-base{font-size:1rem;line-height:1.5rem}.sm\\:rf-text-sm{font-size:.875rem;line-height:1.25rem}.sm\\:rf-text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:768px){.md\\:rf-w-auto{width:auto}.md\\:rf-max-w-\\[660px\\]{max-width:660px}.md\\:rf-max-w-lg{max-width:32rem}.md\\:rf-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:rf-p-8{padding:2rem}.md\\:rf-py-8{padding-bottom:2rem;padding-top:2rem}.md\\:rf-text-3xl{font-size:1.875rem;line-height:2.25rem}}@media (min-width:1024px){.lg\\:rf-max-w-\\[720px\\]{max-width:720px}.lg\\:rf-max-w-xl{max-width:36rem}}@media (min-width:1280px){.xl\\:rf-max-w-\\[800px\\]{max-width:800px}}.\\[\\&\\>span\\]\\:rf-line-clamp-1>span{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}.\\[\\&\\>svg\\]\\:rf-size-4>svg{height:1rem;width:1rem}.\\[\\&\\>svg\\]\\:rf-shrink-0>svg{flex-shrink:0}.\\[\\&\\>svg\\]\\:rf-text-red-300>svg{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.\\[\\&\\>svg\\]\\:hover\\:rf-text-red-400:hover>svg{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.\\[\\&_\\[cmdk-group-heading\\]\\]\\:rf-px-2 [cmdk-group-heading]{padding-left:.5rem;padding-right:.5rem}.\\[\\&_\\[cmdk-group-heading\\]\\]\\:rf-py-1\\.5 [cmdk-group-heading]{padding-bottom:.375rem;padding-top:.375rem}.\\[\\&_\\[cmdk-group-heading\\]\\]\\:rf-text-xs [cmdk-group-heading]{font-size:.75rem;line-height:1rem}.\\[\\&_\\[cmdk-group-heading\\]\\]\\:rf-font-medium [cmdk-group-heading]{font-weight:500}.\\[\\&_\\[cmdk-group-heading\\]\\]\\:rf-text-zinc-500 [cmdk-group-heading]{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}.dark\\:\\[\\&_\\[cmdk-group-heading\\]\\]\\:rf-text-zinc-400 [cmdk-group-heading]:is(.rf-dark *){--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.\\[\\&_\\[cmdk-group\\]\\:not\\(\\[hidden\\]\\)_\\~\\[cmdk-group\\]\\]\\:rf-pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:0}.\\[\\&_\\[cmdk-group\\]\\]\\:rf-px-2 [cmdk-group]{padding-left:.5rem;padding-right:.5rem}.\\[\\&_\\[cmdk-input-wrapper\\]_svg\\]\\:rf-h-5 [cmdk-input-wrapper] svg{height:1.25rem}.\\[\\&_\\[cmdk-input-wrapper\\]_svg\\]\\:rf-w-5 [cmdk-input-wrapper] svg{width:1.25rem}.\\[\\&_\\[cmdk-input\\]\\]\\:rf-h-12 [cmdk-input]{height:3rem}.\\[\\&_\\[cmdk-item\\]\\]\\:rf-px-2 [cmdk-item]{padding-left:.5rem;padding-right:.5rem}.\\[\\&_\\[cmdk-item\\]\\]\\:rf-py-3 [cmdk-item]{padding-bottom:.75rem;padding-top:.75rem}.\\[\\&_\\[cmdk-item\\]_svg\\]\\:rf-h-5 [cmdk-item] svg{height:1.25rem}.\\[\\&_\\[cmdk-item\\]_svg\\]\\:rf-w-5 [cmdk-item] svg{width:1.25rem}.\\[\\&_svg\\]\\:rf-pointer-events-none svg{pointer-events:none}.\\[\\&_svg\\]\\:rf-size-4 svg{height:1rem;width:1rem}.\\[\\&_svg\\]\\:rf-shrink-0 svg{flex-shrink:0}',TQt=()=>{lA.useEffect(()=>{if(document.querySelector('style[data-styles="tscircuit-runframe"]'))return;const A=document.createElement("style");A.setAttribute("data-styles","tscircuit-runframe"),A.textContent=aze,document.head.appendChild(A)},[])},gze=e=>{lA.useEffect(()=>(e?document.body.style.overflow="hidden":document.body.style.overflow="",()=>{document.body.style.overflow=""}),[e])};function KQt(e,A){const[t,i]=lA.useState(()=>{try{const n=window.localStorage.getItem(e);return n?JSON.parse(n):A}catch(n){return console.error("Error reading from localStorage:",n),A}});return lA.useEffect(()=>{try{window.localStorage.setItem(e,JSON.stringify(t))}catch(n){console.error("Error writing to localStorage:",n)}},[e,t]),[t,i]}const qQt=e=>`hsl(${UD.indexOf(e)*137.5%360}, 70%, 50%)`,cze=({phaseTimings:e})=>{if(!e)return null;const A=Object.values(e).reduce((t,i)=>t+i,0);return aA.jsxs("div",{className:"rf-space-y-2 rf-w-full rf-px-4",children:[aA.jsx("div",{className:"rf-relative rf-h-8 rf-flex rf-rounded-sm",children:UD.map(t=>{const i=e[t]||0,n=i/A*100;return aA.jsx("div",{className:"rf-group/bar rf-relative rf-overflow-visible",style:{width:`${n}%`,backgroundColor:qQt(t)},children:aA.jsxs("div",{className:"rf-opacity-0 group-hover/bar:rf-opacity-100 rf-transition-opacity rf-absolute rf-bottom-full rf-left-1/2 rf-transform -rf-translate-x-1/2 rf-mb-2 rf-px-2 rf-py-1 rf-text-xs rf-whitespace-nowrap rf-rounded rf-bg-gray-900 rf-text-white rf-pointer-events-none",children:[t,": ",i.toFixed(1),"ms"]})},t)})}),aA.jsxs("div",{className:"rf-text-xs rf-text-gray-500",children:["Total: ",A.toFixed(2),"ms"]})]})},Ize=e=>{if(e instanceof Blob)return e;if(e==null)return"";if(typeof e=="string")return e;if(typeof e=="object")try{return JSON.stringify(e,null,2)}catch{return String(e)}return String(e)},lze=({renderLog:e,onRerunWithDebug:A})=>{const[t,i]=lA.useState("chronological"),[n,o]=lA.useState(""),s=[{value:"",label:"None"},{value:"DEBUG=Group_doInitialSchematicTraceRender",label:"DEBUG=Group_doInitialSchematicTraceRender"},{value:"DEBUG=Group_doInitialSchematicLayoutMatchpack",label:"DEBUG=Group_doInitialSchematicLayoutMatchpack"},{value:"DEBUG=Group_doInitialPcbLayoutPack",label:"DEBUG=Group_doInitialPcbLayoutPack"}];if(!e)return aA.jsxs("div",{className:"rf-p-4 rf-bg-gray-100 rf-rounded-md",children:[aA.jsx("div",{className:"rf-mb-4",children:"No render log, make sure this tab is open when you render"}),A&&aA.jsxs("div",{className:"rf-flex rf-gap-2 rf-items-center",children:[aA.jsx("select",{value:n,onChange:g=>o(g.target.value),className:"rf-px-3 rf-py-1 rf-border rf-rounded rf-text-xs rf-bg-white",children:s.map(g=>aA.jsx("option",{value:g.value,children:g.label},g.value))}),aA.jsx(XQ,{onClick:()=>A(n),size:"sm",className:"rf-text-xs",children:"Rerun Render with Debug"})]})]});const r=Object.entries(e?.phaseTimings??{});t==="chronological"?r.sort((g,c)=>UD.indexOf(g[0])-UD.indexOf(c[0])):r.sort((g,c)=>c[1]-g[1]);const a=r.reduce((g,[c,I])=>g+I,0);return aA.jsxs("div",{className:"rf-bg-white",children:[aA.jsxs("div",{className:"rf-flex rf-justify-between rf-items-center rf-mb-4",children:[aA.jsx("div",{children:"Render Logs"}),aA.jsxs("div",{className:"rf-flex rf-gap-4 rf-items-center",children:[A&&aA.jsxs("div",{className:"rf-flex rf-gap-2 rf-items-center",children:[aA.jsx("select",{value:n,onChange:g=>o(g.target.value),className:"rf-px-3 rf-py-1 rf-border rf-rounded rf-text-xs rf-bg-white",children:s.map(g=>aA.jsx("option",{value:g.value,children:g.label},g.value))}),aA.jsx(XQ,{onClick:()=>A(n),size:"sm",className:"rf-text-xs",children:"Rerun Render with Debug"})]}),aA.jsx("div",{className:"rf-flex rf-gap-2 rf-items-center",children:aA.jsxs("select",{onChange:g=>{if(g.target.value){const c=e?.debugOutputs?.find(I=>I.name===g.target.value);if(c){const I=Ize(c.content),l=I instanceof Blob?I:new Blob([I],{type:"text/plain"}),B=URL.createObjectURL(l),C=document.createElement("a");C.href=B,C.download=`debug-${c.name}.txt`,document.body.appendChild(C),C.click(),document.body.removeChild(C),URL.revokeObjectURL(B)}g.target.value=""}},disabled:!e?.debugOutputs||e.debugOutputs.length===0,className:"rf-px-3 rf-py-1 rf-border rf-rounded rf-text-xs rf-bg-white disabled:rf-opacity-50 disabled:rf-cursor-not-allowed",children:[aA.jsx("option",{value:"",children:"Download Debug Output"}),e?.debugOutputs?.map(g=>aA.jsx("option",{value:g.name,children:g.name},g.name))]})}),aA.jsxs("div",{className:"rf-flex rf-text-xs rf-items-center",children:[aA.jsx("div",{className:"rf-mr-2",children:"Sort by:"}),aA.jsxs("select",{value:t,onChange:g=>i(g.target.value),className:"rf-px-2 rf-py-1 rf-border rf-rounded rf-text-xs",children:[aA.jsx("option",{value:"chronological",children:"Phase Order"}),aA.jsx("option",{value:"longest",children:"Duration"})]})]})]})]}),aA.jsx(cze,{phaseTimings:e.phaseTimings}),aA.jsxs("table",{className:"rf-w-full rf-text-xs",children:[aA.jsx("thead",{children:aA.jsxs("tr",{children:[aA.jsx("th",{className:"rf-text-left rf-p-2",children:"Phase Order"}),aA.jsx("th",{className:"rf-text-left rf-p-2",children:"Phase"}),aA.jsx("th",{className:"rf-text-left rf-p-2",children:"Duration (ms)"})]})}),aA.jsx("tbody",{children:r.map(([g,c])=>aA.jsxs("tr",{children:[aA.jsx("td",{className:"rf-p-2",children:UD.indexOf(g)}),aA.jsx("td",{className:"rf-p-2",children:g}),aA.jsx("td",{className:"rf-p-2",children:aA.jsx("div",{className:"rf-w-8",children:aA.jsx("div",{className:"rf-h-2 rf-rounded-sm",style:{backgroundColor:qQt(g),width:`${c/a*100}%`}})})}),aA.jsx("td",{className:"rf-p-2",children:aA.jsxs("div",{className:"rf-flex w-full",children:[aA.jsxs("span",{className:"rf-flex-grow",children:[c,"ms"]}),aA.jsxs("span",{className:"rf-text-gray-500 rf-pr-2",children:[(c/a*100).toFixed(1),"%"]})]})})]},g))})]})]})},PQt=({errorMessage:e,errorStack:A,circuitJsonErrors:t})=>{lA.useEffect(()=>{if(e){const i=new Error(e);A&&(i.stack=A);try{Yq.captureException(i)}catch{}}},[e,A]),lA.useEffect(()=>{if(t&&t.length>0)for(const i of t){const n=new Error(i.message||"Circuit JSON Error");i.stack&&(n.stack=i.stack);try{Yq.captureException(n,{error_type:i.type})}catch{}}},[t])},OQt="0.0.1312",Bze={version:OQt},CwA={BASE_URL:"/",DEV:!1,MODE:"production",PROD:!0,SSR:!1},hwA=new Map,Kj=e=>{const A=hwA.get(e);return A?Object.fromEntries(Object.entries(A.stores).map(([t,i])=>[t,i.getState()])):{}},Cze=(e,A,t)=>{if(e===void 0)return{type:"untracked",connection:A.connect(t)};const i=hwA.get(t.name);if(i)return{type:"tracked",store:e,...i};const n={connection:A.connect(t),stores:{}};return hwA.set(t.name,n),{type:"tracked",store:e,...n}},WQt=(e,A={})=>(t,i,n)=>{const{enabled:o,anonymousActionType:s,store:r,...a}=A;let g;try{g=(o??(CwA?"production":void 0)!=="production")&&window.__REDUX_DEVTOOLS_EXTENSION__}catch{}if(!g)return(CwA?"production":void 0)!=="production"&&o&&console.warn("[zustand devtools middleware] Please install/enable Redux devtools extension"),e(t,i,n);const{connection:c,...I}=Cze(r,g,a);let l=!0;n.setState=(Q,u,d)=>{const p=t(Q,u);if(!l)return p;const f=d===void 0?{type:s||"anonymous"}:typeof d=="string"?{type:d}:d;return r===void 0?(c?.send(f,i()),p):(c?.send({...f,type:`${r}/${f.type}`},{...Kj(a.name),[r]:n.getState()}),p)};const B=(...Q)=>{const u=l;l=!1,t(...Q),l=u},C=e(n.setState,i,n);if(I.type==="untracked"?c?.init(C):(I.stores[I.store]=n,c?.init(Object.fromEntries(Object.entries(I.stores).map(([Q,u])=>[Q,Q===I.store?C:u.getState()])))),n.dispatchFromDevtools&&typeof n.dispatch=="function"){let Q=!1;const u=n.dispatch;n.dispatch=(...d)=>{(CwA?"production":void 0)!=="production"&&d[0].type==="__setState"&&!Q&&(console.warn('[zustand devtools middleware] "__setState" action type is reserved to set state from the devtools. Avoid using it.'),Q=!0),u(...d)}}return c.subscribe(Q=>{var u;switch(Q.type){case"ACTION":if(typeof Q.payload!="string"){console.error("[zustand devtools middleware] Unsupported action format");return}return QwA(Q.payload,d=>{if(d.type==="__setState"){if(r===void 0){B(d.state);return}Object.keys(d.state).length!==1&&console.error(`
|
|
5819
5819
|
[zustand devtools middleware] Unsupported __setState action format.
|
|
5820
5820
|
When using 'store' option in devtools(), the 'state' should have only one key, which is a value of 'store' that was passed in devtools(),
|
|
5821
5821
|
and value of this only key should be a state object. Example: { "type": "__setState", "state": { "abc123Store": { "foo": "bar" } } }
|
package/dist/standalone.min.js
CHANGED
|
@@ -5789,7 +5789,7 @@ $1`).replace(/>(\s*)(?=<!--\s*\/)/g,"> ")}}});function Lut(e,A,t){if(!A||!t)retu
|
|
|
5789
5789
|
transition: opacity 0.2s;
|
|
5790
5790
|
margin-bottom: 10px;
|
|
5791
5791
|
color: red;
|
|
5792
|
-
`,hXe=({children:e,transform:A=RB(),elements:t})=>{const i=cA.useRef(null),{isShowingDRCErrors:n,hoveredErrorId:o}=n0(g=>({isShowingDRCErrors:g.is_showing_drc_errors,hoveredErrorId:g.hovered_error_id}));if(!t)return iA.jsx("div",{style:{position:"relative"},ref:i,children:e});const s=t.filter(g=>g.type==="pcb_trace_error"),r=t.filter(g=>g.type==="pcb_trace_error"&&g.message?.includes("Multiple components found with name")),a=new Map;return t.forEach(g=>{g.type==="pcb_port"&&a.set(g.pcb_port_id,g)}),iA.jsxs("div",{style:{position:"relative"},ref:i,children:[e,s.map((g,c)=>{const{pcb_port_ids:I,pcb_trace_id:l}=g,B=I?.[0]?a.get(I[0]):void 0,C=I?.[1]?a.get(I[1]):void 0,Q=t?_k(t).pcb_trace.get(l):void 0,u=g.pcb_trace_error_id||`error_${c}_${g.error_type}_${g.message?.slice(0,20)}`,E=o===u;if(B&&C){const p=Ut(A,{x:B.x,y:B.y}),f=Ut(A,{x:C.x,y:C.y}),m=!(isNaN(p.x)||isNaN(p.y)||isNaN(f.x)||isNaN(f.y)),S={x:(p.x+f.x)/2,y:(p.y+f.y)/2};if(isNaN(S.x)||isNaN(S.y))return null;const _=cDA(S,i);return iA.jsxs(cA.Fragment,{children:[iA.jsx(BXe,{screenPort1:p,screenPort2:f,errorCenter:S,canLineBeDrawn:m,isHighlighted:E}),iA.jsx("div",{style:{position:"absolute",left:S.x-15,top:S.y-15,width:30,height:30,zIndex:EQ.errorOverlay+5,cursor:"pointer",borderRadius:"50%"},onMouseEnter:v=>{const D=v.currentTarget.nextElementSibling;if(D){const k=D.querySelector(".error-message");k&&(k.style.opacity="1")}},onMouseLeave:v=>{if(!E){const D=v.currentTarget.nextElementSibling;if(D){const k=D.querySelector(".error-message");k&&(k.style.opacity="0")}}}}),iA.jsx("div",{style:{position:"absolute",zIndex:E?200:100,left:_.left,top:_.top,color:E?"#ff4444":"red",textAlign:"center",fontFamily:"sans-serif",fontSize:12,display:n||E?"flex":"none",flexDirection:"column",alignItems:"center",pointerEvents:"none",transform:_.transform},children:iA.jsx("div",{className:`error-message ${IDA}`,style:{opacity:E?1:0,border:`1px solid ${E?"#ff4444":"red"}`},children:g.message})})]},u)}if(Q?.route&&(n||E)){const p=Q.route.map(_=>Ut(A,{x:_.x,y:_.y}));if(p.some(_=>isNaN(_.x)||isNaN(_.y)))return null;const f=Math.floor(p.length/2),m=p[f],S=cDA(m,i);return iA.jsxs(cA.Fragment,{children:[iA.jsx(CXe,{points:p,errorCenter:m,isHighlighted:E}),iA.jsx("div",{style:{position:"absolute",left:m.x-15,top:m.y-15,width:30,height:30,zIndex:EQ.errorOverlay+5,cursor:"pointer",borderRadius:"50%"},onMouseEnter:_=>{const v=_.currentTarget.nextElementSibling;if(v){const D=v.querySelector(".error-message");D&&(D.style.opacity="1")}},onMouseLeave:_=>{if(!E){const v=_.currentTarget.nextElementSibling;if(v){const D=v.querySelector(".error-message");D&&(D.style.opacity="0")}}}}),iA.jsx("div",{style:{position:"absolute",zIndex:E?EQ.errorOverlay+10:EQ.errorOverlay+1,left:S.left,top:S.top,color:E?"#ff4444":"red",textAlign:"center",fontFamily:"sans-serif",fontSize:12,display:"flex",flexDirection:"column",alignItems:"center",pointerEvents:"none",transform:S.transform},children:iA.jsx("div",{className:`error-message ${IDA}`,style:{opacity:E?1:0,border:`1px solid ${E?"#ff4444":"red"}`},children:g.message})})]},u)}return null}),r.map((g,c)=>{const I=g.component_name||g.message?.match(/name "([^"]+)"/)?.[1];if(!I)return null;const l=t?.filter(Q=>Q.type==="source_component"&&Q.name===I||Q.type==="pcb_component"&&t?.find(u=>u.type==="source_component"&&u.source_component_id===Q.source_component_id&&u.name===I))||[],B=g.pcb_trace_error_id||`error_${c}_${g.error_type}_${g.message?.slice(0,20)}`,C=o===B;return!C&&!n?null:l.map((Q,u)=>{let E={x:0,y:0};if(Q.type==="pcb_component")E=Q.center||{x:0,y:0};else if(Q.type==="source_component"){const k=t?.find(x=>x.type==="pcb_component"&&x.source_component_id===Q.source_component_id);k&&k.type==="pcb_component"&&(E=k.center||{x:0,y:0})}const p=Ut(A,E);if(isNaN(p.x)||isNaN(p.y))return null;const f=Math.abs(A.a),v=Math.max(8,Math.min(30,.5*f)),D=cDA(p,i);return iA.jsxs(cA.Fragment,{children:[iA.jsx("svg",{style:{position:"absolute",left:0,top:0,pointerEvents:"none",mixBlendMode:"difference",zIndex:EQ.errorOverlay},width:"100%",height:"100%",children:C?iA.jsx("polygon",{points:`${p.x},${p.y-v*1.25} ${p.x+v},${p.y} ${p.x},${p.y+v*1.25} ${p.x-v},${p.y}`,fill:"#ff4444"}):iA.jsx("circle",{cx:p.x,cy:p.y,r:v,fill:"none",stroke:C?"#ff4444":"red",strokeWidth:C?Math.max(2,v*.15):Math.max(1,v*.1),opacity:1})}),iA.jsx("div",{style:{position:"absolute",left:p.x-(v+10),top:p.y-(v+10),width:(v+10)*2,height:(v+10)*2,zIndex:EQ.errorOverlay+5,cursor:"pointer",borderRadius:"50%"},onMouseEnter:k=>{const x=k.currentTarget.nextElementSibling;if(x){const M=x.querySelector(".error-message");M&&(M.style.opacity="1")}},onMouseLeave:k=>{if(!C){const x=k.currentTarget.nextElementSibling;if(x){const M=x.querySelector(".error-message");M&&(M.style.opacity="0")}}}}),iA.jsx("div",{style:{position:"absolute",zIndex:C?EQ.errorOverlay+20:EQ.errorOverlay+10,left:D.left,top:D.top,color:C?"#ff4444":"red",textAlign:"center",fontFamily:"sans-serif",fontSize:12,display:n||C?"flex":"none",flexDirection:"column",alignItems:"center",pointerEvents:"none",transform:D.transform},children:iA.jsx("div",{className:`error-message ${IDA}`,style:{opacity:C?1:0,border:`1px solid ${C?"#ff4444":"red"}`},children:g.message})})]},`${B}_${u}`)})})]})};function QXe(e,A){return e.size!==A.size?!1:Array.from(e).every(t=>A.has(t))}function uXe({primitiveElement:e,elements:A}){let t=e.trace_length?`${e.trace_length.toFixed(3)}`:"";const i=_k(A).source_trace.get(e?.source_trace_id);if(i?.display_name&&(i?.max_length?t+=` / ${i.max_length}mm `:t+=" mm ",t+=`(${i.display_name})`),!t)return null;const n=e.trace_length&&i?.max_length&&e.trace_length>i.max_length;return{text:t,isOverLength:n}}function EXe(e){const{primitives:A,is_showing_multiple_traces_length:t,elements:i}=e,n=A.filter(a=>a._element.type==="pcb_trace"),o=i.filter(a=>a.type==="source_trace"),s=A.filter(a=>a._element.type!=="pcb_trace"),r=n.filter(a=>o.some(g=>a._element.type==="pcb_trace"&&a._element.source_trace_id===g.source_trace_id&&g.max_length!==void 0));if(!t)return[...s,...r];if(n.length>1){const a=n.reduce((g,c)=>{const I=g._element.trace_length;return c._element.trace_length<I?c:g},n[0]);return[...s,a]}return A}var dXe={position:"absolute",left:0,top:0,pointerEvents:"none",color:"red",fontFamily:"sans-serif",fontSize:12,textShadow:"0 0 2px black"},pXe=e=>{const{_element:A,_parent_pcb_component:t,_parent_source_component:i,_source_port:n}=e;switch(A.type){case"pcb_trace":return A.trace_length?`${A.trace_length.toFixed(3)}`:"";case"pcb_smtpad":case"pcb_plated_hole":{const o=[],s=Array.from(new Set((A.port_hints??[]).concat(n?.port_hints??[]))).filter(a=>!/^[0-9]+$/.test(a)).filter(a=>!a.includes("unnamed_")).sort((a,g)=>g.localeCompare(a)),r=i&&"name"in i&&i.name&&!i.name.includes("unnamed_")?i.name:null;return s.length>0?r?o.push(...s.map(a=>`${r}.${a}`)):o.push(...s):r&&o.push(r),o.join(", ")}default:return""}},fXe={top:"red",bottom:"aqua"},yXe=({primitive:e,mousePos:A,elements:t})=>{const[i,n]=cA.useState(!1),o=e._element;cA.useEffect(()=>{setTimeout(()=>{n(!0)},100)},[]);const[s,r,a,g]=[e.screen_x,e.screen_y,e.screen_w,e.screen_h],c=e.same_space_index??0,I=26,l=fXe[e?._element?.layer]??"red";let B=0;if(o.type==="pcb_smtpad"&&o?.shape==="rotated_rect"?B=o?.ccw_rotation??0:(o.type==="pcb_smtpad"&&(o?.shape==="pill"||o?.shape==="rotated_pill")&&"ccw_rotation"in e||o.type==="pcb_plated_hole"&&(o?.shape==="pill"||o?.shape==="oval")&&"ccw_rotation"in e)&&(B=o.ccw_rotation??0),o.type==="pcb_trace"){const u=uXe({primitiveElement:o,elements:t});if(!u)return null;const E=A.y-35;return iA.jsx("div",{style:{zIndex:EQ.elementOverlay,position:"absolute",left:A.x,top:E,color:l,pointerEvents:"none",transform:"translateX(-50%)"},children:iA.jsx("div",{style:{backgroundColor:"#f2efcc",color:u.isOverLength?"red":"black",textShadow:"none",WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",padding:"6px 6px",borderRadius:"6px",fontSize:"14px",minWidth:"45px",textAlign:"center",whiteSpace:"nowrap"},children:u.text})})}const C=pXe(e);return C.trim().length===0?null:iA.jsx("div",{style:{zIndex:EQ.elementOverlay,position:"absolute",left:s-a/2-8,top:r-g/2-8,width:a+16,height:g+16,color:l,transform:`rotate(${-B}deg)`,transformOrigin:"center center"},children:iA.jsx("div",{style:{width:i?`calc(100% + ${I*2*c}px)`:"100%",height:i?`calc(100% + ${I*2*c}px)`:"100%",marginLeft:i?`${-I*c}px`:0,marginTop:i?`${-I*c}px`:0,border:`1px solid ${l}`,opacity:i||c===0?1:0,transition:"width 0.2s, height 0.2s, margin-left 0.2s, margin-top 0.2s, opacity 0.2s"},children:iA.jsx("div",{style:{position:"absolute",bottom:g+20+I*c,marginRight:i?`${-I*c}px`:0,marginBottom:i?0:-I*c,transition:"margin-right 0.2s, margin-bottom 0.2s",backgroundColor:"#f2efcc",color:"black",textShadow:"none",WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",padding:"6px 6px",borderRadius:"6px",fontSize:"14px",transform:`rotate(${B}deg)`,minWidth:"45px",textAlign:"center"},children:C})})})},mXe=({highlightedPrimitives:e,mousePos:A,elements:t})=>{const[i,n]=n0(r=>[r.is_moving_component,r.is_showing_multiple_traces_length]),o=e.some(r=>r._element.type==="pcb_smtpad")&&e.some(r=>r._element.type==="pcb_trace");let s=e;return o&&(s=s.filter(r=>r._element.type==="pcb_smtpad")),s=EXe({primitives:s,is_showing_multiple_traces_length:n,elements:t}),iA.jsx("div",{style:dXe,children:!i&&s.map((r,a)=>iA.jsx(yXe,{primitive:r,mousePos:A,elements:t},a))})},wXe=e=>{const A=[];for(const t of e){if(!t.center||typeof t.width!="number"||typeof t.height!="number")continue;const i=t.width/2,n=t.height/2;A.push({x:t.center.x-i,y:t.center.y-n}),A.push({x:t.center.x+i,y:t.center.y+n})}return z6e(A)},Gy={GROUP_PADDING:1,MIN_LINE_LENGTH_FOR_LABEL:40,LABEL_OFFSET_ABOVE:2,LABEL_OFFSET_BELOW:-18,LABEL_OFFSET_RIGHT:8,LABEL_OFFSET_LEFT:-80,LINE_STROKE_WIDTH:1.5,LINE_DASH_PATTERN:"4,4",COMPONENT_MARKER_RADIUS:3,LABEL_FONT_SIZE:11},k4={OFFSET_LINE:"white",COMPONENT_MARKER_FILL:"#66ccff",COMPONENT_MARKER_STROKE:"white",LABEL_TEXT:"white"},DXe=(e,A)=>{const{minX:t,maxX:i,minY:n,maxY:o}=A,s=Math.abs(e.x-t),r=Math.abs(e.x-i),a=Math.abs(e.y-o),g=Math.abs(e.y-n),c=Math.min(s,r,a,g);return c===s?{x:t,y:e.y}:c===r?{x:i,y:e.y}:c===a?{x:e.x,y:o}:{x:e.x,y:n}},_Xe=({elements:e,highlightedPrimitives:A,transform:t,containerWidth:i,containerHeight:n,children:o})=>{if(!n0(N=>N.is_showing_group_anchor_offsets)||A.length===0)return null;const r=A.find(N=>N._parent_pcb_component?.type==="pcb_component"||N._element?.type==="pcb_component");if(!r)return null;const a=r._parent_pcb_component||r._element;if(!a?.pcb_group_id)return null;const g=e.filter(N=>N.type==="pcb_group").find(N=>N.pcb_group_id===a.pcb_group_id);if(!g?.anchor_position)return null;const c=r._element?.type==="pcb_smtpad"?{x:r.x,y:r.y}:a.center||{x:r.x,y:r.y},I=e.filter(N=>N.type==="pcb_component").filter(N=>N.pcb_group_id===g.pcb_group_id),l=wXe(I);if(!l)return null;const B={minX:l.minX-Gy.GROUP_PADDING,maxX:l.maxX+Gy.GROUP_PADDING,minY:l.minY-Gy.GROUP_PADDING,maxY:l.maxY+Gy.GROUP_PADDING},C=DXe(g.anchor_position,B),Q=c.x-C.x,u=c.y-C.y,E=Ut(t,C),p=Ut(t,c),f=Math.abs(p.x-E.x),m=Math.abs(p.y-E.y),S=p.y<E.y,_=p.x>E.x,v=S?Gy.LABEL_OFFSET_ABOVE:Gy.LABEL_OFFSET_BELOW,D=_?Gy.LABEL_OFFSET_RIGHT:Gy.LABEL_OFFSET_LEFT,k=f>Gy.MIN_LINE_LENGTH_FOR_LABEL,x=m>Gy.MIN_LINE_LENGTH_FOR_LABEL,M={color:k4.LABEL_TEXT,mixBlendMode:"difference",pointerEvents:"none",fontSize:Gy.LABEL_FONT_SIZE,fontFamily:"monospace",fontWeight:"bold"};return iA.jsxs("div",{style:{position:"absolute",left:0,top:0,width:i,height:n,overflow:"hidden",pointerEvents:"none",zIndex:EQ.dimensionOverlay},children:[iA.jsxs("svg",{style:{position:"absolute",left:0,top:0,pointerEvents:"none"},width:i,height:n,children:[iA.jsx("line",{x1:E.x,y1:E.y,x2:p.x,y2:E.y,stroke:k4.OFFSET_LINE,strokeWidth:Gy.LINE_STROKE_WIDTH,strokeDasharray:Gy.LINE_DASH_PATTERN}),iA.jsx("line",{x1:p.x,y1:E.y,x2:p.x,y2:p.y,stroke:k4.OFFSET_LINE,strokeWidth:Gy.LINE_STROKE_WIDTH,strokeDasharray:Gy.LINE_DASH_PATTERN}),iA.jsx("circle",{cx:p.x,cy:p.y,r:Gy.COMPONENT_MARKER_RADIUS,fill:k4.COMPONENT_MARKER_FILL,stroke:k4.COMPONENT_MARKER_STROKE,strokeWidth:1})]}),k&&iA.jsxs("div",{style:{...M,position:"absolute",left:Math.min(E.x,p.x),top:E.y+v,width:Math.abs(p.x-E.x),textAlign:"center"},children:["Δx: ",Q.toFixed(2),"mm"]}),x&&iA.jsxs("div",{style:{...M,position:"absolute",left:p.x+D,top:Math.min(E.y,p.y),height:Math.abs(p.y-E.y),display:"flex",flexDirection:"column",justifyContent:"center"},children:["Δy: ",u.toFixed(2),"mm"]})]})},yz=e=>{if(e.length===0)return null;let A=e[0].x,t=e[0].y,i=e[0].x,n=e[0].y;for(const o of e)o.x<A&&(A=o.x),o.y<t&&(t=o.y),o.x>i&&(i=o.x),o.y>n&&(n=o.y);return{center:{x:(A+i)/2,y:(t+n)/2},width:i-A,height:n-t}},Xut=(e,A)=>{if(A.length<3)return!1;let t=!1;for(let i=0,n=A.length-1;i<A.length;n=i++){const o=A[i].x,s=A[i].y,r=A[n].x,a=A[n].y;s>e.y!=a>e.y&&e.x<(r-o)*(e.y-s)/(a-s||Number.EPSILON)+o&&(t=!t)}return t},xXe=(e,A,t)=>{const i=[];for(const n of e){if(!n._element)continue;if("x1"in n&&n._element?.type==="pcb_trace"){const r=Uje({x:A.x,y:A.y},{x:n.x1,y:n.y1},{x:n.x2,y:n.y2}),a=n.width||.5,g=Math.max(a*25,2)/t.a;r<g&&i.push(n);continue}if(n.pcb_drawing_type==="polygon"){const r=n.points.map(g=>({x:Xe.parse(g.x),y:Xe.parse(g.y)})),a=yz(r);if(!a||A.x<a.center.x-a.width/2||A.x>a.center.x+a.width/2||A.y<a.center.y-a.height/2||A.y>a.center.y+a.height/2)continue;Xut(A,r)&&i.push(n);continue}if(n.pcb_drawing_type==="polygon_with_arcs"){const r=n.brep_shape.outer_ring.vertices.map(g=>({x:Xe.parse(g.x),y:Xe.parse(g.y)})),a=yz(r);if(!a||A.x<a.center.x-a.width/2||A.x>a.center.x+a.width/2||A.y<a.center.y-a.height/2||A.y>a.center.y+a.height/2)continue;Xut(A,r)&&i.push(n);continue}if(!("x"in n&&"y"in n))continue;let o=0,s=0;if("w"in n&&"h"in n)o=n.w,s=n.h;else if("r"in n)o=n.r*2,s=n.r*2;else if("rX"in n&&"rY"in n)o=n.rX*2,s=n.rY*2;else continue;Math.abs(n.x-A.x)<o/2&&Math.abs(n.y-A.y)<s/2&&i.push(n)}return i},bXe=({elements:e,children:A,transform:t,primitives:i,onMouseHoverOverPrimitives:n})=>{const[o,s]=cA.useState([]),[r,a]=cA.useState({x:0,y:0}),[g,{width:c,height:I}]=v4(),l=cA.useMemo(()=>{const C=[];for(const Q of o){if(Q._element?.type==="pcb_via"||Q._element?.type==="pcb_component"||Q?.layer==="drill")continue;let u=null,E=0,p=0;if(Q.pcb_drawing_type==="polygon"){const _=yz(Q.points);if(!_)continue;u=_.center,E=_.width,p=_.height}else if(Q.pcb_drawing_type==="polygon_with_arcs"){const _=Q.brep_shape.outer_ring.vertices.map(D=>({x:D.x,y:D.y})),v=yz(_);if(!v)continue;u=v.center,E=v.width,p=v.height}else"x"in Q&&"y"in Q&&(u={x:Q.x,y:Q.y},E="w"in Q?Q.w:"r"in Q?Q.r*2:"rX"in Q&&"rY"in Q?Q.rX*2:0,p="h"in Q?Q.h:"r"in Q?Q.r*2:"rX"in Q&&"rY"in Q?Q.rY*2:0);if(!u)continue;const f=Ut(t,u),m={w:E*t.a,h:p*t.a},S=C.filter(_=>f.x===_.screen_x&&f.y===_.screen_y&&m.w===_.screen_w&&m.h===_.screen_h).length;C.push({...Q,x:u.x,y:u.y,w:E,h:p,screen_x:f.x,screen_y:f.y,screen_w:m.w,screen_h:m.h,same_space_index:S})}return C},[o,t]),B=(C,Q,u,E)=>{a({x:C,y:Q});const p=Ut(v_(u),{x:C,y:Q}),f=xXe(E,p,u);QXe(new Set(f.map(m=>m._pcb_drawing_object_id)),new Set(o.map(m=>m._pcb_drawing_object_id)))||(s(f),n(f))};return iA.jsxs("div",{ref:g,style:{position:"relative",width:"100%",height:"100%"},onMouseMove:C=>{if(t){const Q=C.currentTarget.getBoundingClientRect(),u=C.clientX-Q.left,E=C.clientY-Q.top;B(u,E,t,i)}},onTouchStart:C=>{if(t){const Q=C.touches[0],u=C.currentTarget.getBoundingClientRect(),E=Q.clientX-u.left,p=Q.clientY-u.top;B(E,p,t,i)}},children:[A,iA.jsx(mXe,{elements:e,mousePos:r,highlightedPrimitives:l}),t&&iA.jsx(_Xe,{elements:e,highlightedPrimitives:l,transform:t,containerWidth:c,containerHeight:I})]})},$ut=["rgb(255, 100, 100)","rgb(100, 255, 100)","rgb(100, 100, 255)","rgb(255, 255, 100)","rgb(255, 100, 255)","rgb(100, 255, 255)","rgb(255, 150, 100)","rgb(150, 100, 255)","rgb(100, 255, 150)","rgb(255, 100, 150)"],SXe=({children:e,transform:A=RB(),elements:t=[]})=>{const[i,{width:n,height:o}]=v4(),s=cA.useRef(null),{is_showing_pcb_groups:r,pcb_group_view_mode:a}=n0(g=>({is_showing_pcb_groups:g.is_showing_pcb_groups,pcb_group_view_mode:g.pcb_group_view_mode}));return cA.useEffect(()=>{const g=s.current;if(!g||!n||!o)return;g.width=n,g.height=o;const c=g.getContext("2d");if(!c||(c.clearRect(0,0,n,o),!r))return;const I=t.filter(f=>f.type==="pcb_group"),l=t.filter(f=>f.type==="pcb_component"),B=t.filter(f=>f.type==="source_group"),C=new Map(B.map(f=>[f.source_group_id,f])),Q=I.filter(f=>{if(a==="all")return!0;if(!f.source_group_id)return!1;const m=C.get(f.source_group_id);return m?m.was_automatically_named!==!0:!1}),u=new Map;B.forEach(f=>{const m=f;if(m.parent_source_group_id){const S=u.get(m.parent_source_group_id)||[];S.push(f.source_group_id),u.set(m.parent_source_group_id,S)}});const E=f=>{const m=[],S=u.get(f)||[];for(const _ of S)m.push(_),m.push(...E(_));return m},p=f=>{const m=B.find(S=>S.source_group_id===f);return m?.parent_source_group_id?1+p(m.parent_source_group_id):0};Q.forEach((f,m)=>{let S=l.filter(FA=>FA.pcb_group_id===f.pcb_group_id);if(f.source_group_id){const FA=E(f.source_group_id),dA=I.filter(uA=>uA.source_group_id&&FA.includes(uA.source_group_id));for(const uA of dA){const UA=l.filter(RA=>RA.pcb_group_id===uA.pcb_group_id);S=[...S,...UA]}}if(S.length===0)return;let _=1/0,v=1/0,D=-1/0,k=-1/0;if(S.forEach(FA=>{if(FA.center&&typeof FA.width=="number"&&typeof FA.height=="number"){const dA=FA.center.x-FA.width/2,uA=FA.center.x+FA.width/2,UA=FA.center.y+FA.height/2,RA=FA.center.y-FA.height/2;_=Math.min(_,dA),D=Math.max(D,uA),v=Math.min(v,RA),k=Math.max(k,UA)}}),_===1/0||D===-1/0)return;const x=f.source_group_id?p(f.source_group_id):0,M=f.source_group_id?E(f.source_group_id).length>0:!1,q=1+(M?.5:0);_-=q,D+=q,v-=q,k+=q;const P=Ut(A,{x:_,y:k}),V=Ut(A,{x:D,y:k}),z=Ut(A,{x:_,y:v}),oA=Ut(A,{x:D,y:v}),gA=$ut[m%$ut.length];c.strokeStyle=gA,c.lineWidth=2;const QA=Math.max(4,Math.min(12,8*Math.abs(A.a))),tA=Math.max(2,Math.min(6,4*Math.abs(A.a))),IA=QA*(M?1.3:1),DA=tA;c.setLineDash([IA,DA]),c.beginPath(),c.moveTo(P.x,P.y),c.lineTo(V.x,V.y),c.lineTo(oA.x,oA.y),c.lineTo(z.x,z.y),c.closePath(),c.stroke();const bA=Math.max(8,Math.min(12,10*Math.abs(A.a))),HA=x==0||x==1?0:x*.11,JA=bA*(1-HA),GA=4,aA=f.name||`Group ${m+1}`;c.font=`${JA}px sans-serif`,c.setLineDash([]);const fA=c.measureText(aA).width+GA*2,ZA=JA+GA*2,tt=P.x-5,at=P.y-5,vA=3;if(c.fillStyle="rgba(0, 0, 0, 0.8)",c.beginPath(),c.roundRect(tt,at-ZA,fA,ZA,vA),c.fill(),c.fillStyle=gA,c.textAlign="left",c.textBaseline="middle",c.fillText(aA,tt+GA,at-ZA/2),f.anchor_position){const FA=f.anchor_position,dA=_,uA=D,UA=k,RA=v;let kA={x:FA.x,y:FA.y};const KA=Math.abs(FA.x-dA),YA=Math.abs(FA.x-uA),XA=Math.abs(FA.y-UA),et=Math.abs(FA.y-RA),It=Math.min(KA,YA,XA,et);It===KA?kA={x:dA,y:FA.y}:It===YA?kA={x:uA,y:FA.y}:It===XA?kA={x:FA.x,y:UA}:kA={x:FA.x,y:RA};const ut=Ut(A,kA);c.strokeStyle="white",c.lineWidth=1.5,c.setLineDash([]);const Et=Math.max(4,Math.min(8,6*Math.abs(A.a)));c.beginPath(),c.moveTo(ut.x-Et,ut.y),c.lineTo(ut.x+Et,ut.y),c.stroke(),c.beginPath(),c.moveTo(ut.x,ut.y-Et),c.lineTo(ut.x,ut.y+Et),c.stroke()}})},[t,A,n,o,r,a]),iA.jsxs("div",{ref:i,style:{position:"relative",width:"100%",height:"100%"},children:[e,iA.jsx("canvas",{ref:s,style:{position:"absolute",top:0,left:0,pointerEvents:"none",zIndex:EQ.pcbGroupOverlay,display:r?"block":"none"}})]})},vXe=({transform:e,soup:A,children:t})=>{const i=n0(r=>r.is_showing_rats_nest),{netMap:n,idToNetMap:o}=cA.useMemo(()=>qut(A||[]),[A]),s=cA.useMemo(()=>{if(!A||!i)return[];const r=l=>{const B=_k(A)[l.replace(/_\d+$/,"")].get(l);return B&&"x"in B&&"y"in B?{x:B.x,y:B.y}:null},a=(l,B)=>{const C=n[B]||[];let Q=null,u=1/0;return C.forEach(E=>{const p=r(E);if(p){const f=Math.sqrt((l.x-p.x)**2+(l.y-p.y)**2);f<u&&f>0&&(u=f,Q=p)}}),Q},g=_k(A).pcb_port.list(),c=_k(A).source_trace.list(),I=[];return g.forEach((l,B)=>{const C=o[l.pcb_port_id];let Q=!1;for(const p of c)p.connected_source_port_ids.includes(l.source_port_id)&&p.connected_source_net_ids.length>0&&(Q=!0);if(!C)return;const u={x:l.x,y:l.y},E=a(u,C);E&&I.push({key:`${l.pcb_port_id}-${B}`,startPoint:u,endPoint:E,isInNet:Q})}),I},[A,n,o,i]);return!A||!i?t:(e||(e=RB()),iA.jsxs("div",{style:{position:"relative"},children:[t,iA.jsx("svg",{style:{position:"absolute",left:0,top:0,width:"100%",height:"100%",pointerEvents:"none",opacity:.5,zIndex:EQ.ratsNestOverlay},children:s.map(({key:r,startPoint:a,endPoint:g,isInNet:c})=>{const I=Ut(e,a),l=Ut(e,g);return iA.jsx("line",{x1:I.x,y1:I.y,x2:l.x,y2:l.y,stroke:"white",strokeWidth:"1",strokeDasharray:c?"6,6":void 0},r)})})]}))},kXe={version:"1.11.271"},xk=(e,A)=>{const t=n0(i=>i.is_mouse_over_container);cA.useEffect(()=>{if(!e||typeof A!="function")return;const i=n=>{const o=e.split("+"),s=o.includes("ctrl"),r=o.includes("shift"),a=o.includes("alt"),g=o.includes("meta"),c=o[o.length-1];t&&(!s||n.ctrlKey)&&(!r||n.shiftKey)&&(!a||n.altKey)&&(!g||n.metaKey)&&n.key.toLowerCase()===c.toLowerCase()&&(n.preventDefault(),A())};return window.addEventListener("keydown",i),()=>{window.removeEventListener("keydown",i)}},[e,A])},RXe=()=>{const[e,A]=cA.useState(!1);return cA.useEffect(()=>{const t=()=>{A(window.innerWidth<=768)};return t(),window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[]),e},FXe=({name:e,selected:A,onClick:t})=>iA.jsxs("div",{className:fL`
|
|
5792
|
+
`,hXe=({children:e,transform:A=RB(),elements:t})=>{const i=cA.useRef(null),{isShowingDRCErrors:n,hoveredErrorId:o}=n0(g=>({isShowingDRCErrors:g.is_showing_drc_errors,hoveredErrorId:g.hovered_error_id}));if(!t)return iA.jsx("div",{style:{position:"relative"},ref:i,children:e});const s=t.filter(g=>g.type==="pcb_trace_error"),r=t.filter(g=>g.type==="pcb_trace_error"&&g.message?.includes("Multiple components found with name")),a=new Map;return t.forEach(g=>{g.type==="pcb_port"&&a.set(g.pcb_port_id,g)}),iA.jsxs("div",{style:{position:"relative"},ref:i,children:[e,s.map((g,c)=>{const{pcb_port_ids:I,pcb_trace_id:l}=g,B=I?.[0]?a.get(I[0]):void 0,C=I?.[1]?a.get(I[1]):void 0,Q=t?_k(t).pcb_trace.get(l):void 0,u=g.pcb_trace_error_id||`error_${c}_${g.error_type}_${g.message?.slice(0,20)}`,E=o===u;if(B&&C){const p=Ut(A,{x:B.x,y:B.y}),f=Ut(A,{x:C.x,y:C.y}),m=!(isNaN(p.x)||isNaN(p.y)||isNaN(f.x)||isNaN(f.y)),S={x:(p.x+f.x)/2,y:(p.y+f.y)/2};if(isNaN(S.x)||isNaN(S.y))return null;const _=cDA(S,i);return iA.jsxs(cA.Fragment,{children:[iA.jsx(BXe,{screenPort1:p,screenPort2:f,errorCenter:S,canLineBeDrawn:m,isHighlighted:E}),iA.jsx("div",{style:{position:"absolute",left:S.x-15,top:S.y-15,width:30,height:30,zIndex:EQ.errorOverlay+5,cursor:"pointer",borderRadius:"50%"},onMouseEnter:v=>{const D=v.currentTarget.nextElementSibling;if(D){const k=D.querySelector(".error-message");k&&(k.style.opacity="1")}},onMouseLeave:v=>{if(!E){const D=v.currentTarget.nextElementSibling;if(D){const k=D.querySelector(".error-message");k&&(k.style.opacity="0")}}}}),iA.jsx("div",{style:{position:"absolute",zIndex:E?200:100,left:_.left,top:_.top,color:E?"#ff4444":"red",textAlign:"center",fontFamily:"sans-serif",fontSize:12,display:n||E?"flex":"none",flexDirection:"column",alignItems:"center",pointerEvents:"none",transform:_.transform},children:iA.jsx("div",{className:`error-message ${IDA}`,style:{opacity:E?1:0,border:`1px solid ${E?"#ff4444":"red"}`},children:g.message})})]},u)}if(Q?.route&&(n||E)){const p=Q.route.map(_=>Ut(A,{x:_.x,y:_.y}));if(p.some(_=>isNaN(_.x)||isNaN(_.y)))return null;const f=Math.floor(p.length/2),m=p[f],S=cDA(m,i);return iA.jsxs(cA.Fragment,{children:[iA.jsx(CXe,{points:p,errorCenter:m,isHighlighted:E}),iA.jsx("div",{style:{position:"absolute",left:m.x-15,top:m.y-15,width:30,height:30,zIndex:EQ.errorOverlay+5,cursor:"pointer",borderRadius:"50%"},onMouseEnter:_=>{const v=_.currentTarget.nextElementSibling;if(v){const D=v.querySelector(".error-message");D&&(D.style.opacity="1")}},onMouseLeave:_=>{if(!E){const v=_.currentTarget.nextElementSibling;if(v){const D=v.querySelector(".error-message");D&&(D.style.opacity="0")}}}}),iA.jsx("div",{style:{position:"absolute",zIndex:E?EQ.errorOverlay+10:EQ.errorOverlay+1,left:S.left,top:S.top,color:E?"#ff4444":"red",textAlign:"center",fontFamily:"sans-serif",fontSize:12,display:"flex",flexDirection:"column",alignItems:"center",pointerEvents:"none",transform:S.transform},children:iA.jsx("div",{className:`error-message ${IDA}`,style:{opacity:E?1:0,border:`1px solid ${E?"#ff4444":"red"}`},children:g.message})})]},u)}return null}),r.map((g,c)=>{const I=g.component_name||g.message?.match(/name "([^"]+)"/)?.[1];if(!I)return null;const l=t?.filter(Q=>Q.type==="source_component"&&Q.name===I||Q.type==="pcb_component"&&t?.find(u=>u.type==="source_component"&&u.source_component_id===Q.source_component_id&&u.name===I))||[],B=g.pcb_trace_error_id||`error_${c}_${g.error_type}_${g.message?.slice(0,20)}`,C=o===B;return!C&&!n?null:l.map((Q,u)=>{let E={x:0,y:0};if(Q.type==="pcb_component")E=Q.center||{x:0,y:0};else if(Q.type==="source_component"){const k=t?.find(x=>x.type==="pcb_component"&&x.source_component_id===Q.source_component_id);k&&k.type==="pcb_component"&&(E=k.center||{x:0,y:0})}const p=Ut(A,E);if(isNaN(p.x)||isNaN(p.y))return null;const f=Math.abs(A.a),v=Math.max(8,Math.min(30,.5*f)),D=cDA(p,i);return iA.jsxs(cA.Fragment,{children:[iA.jsx("svg",{style:{position:"absolute",left:0,top:0,pointerEvents:"none",mixBlendMode:"difference",zIndex:EQ.errorOverlay},width:"100%",height:"100%",children:C?iA.jsx("polygon",{points:`${p.x},${p.y-v*1.25} ${p.x+v},${p.y} ${p.x},${p.y+v*1.25} ${p.x-v},${p.y}`,fill:"#ff4444"}):iA.jsx("circle",{cx:p.x,cy:p.y,r:v,fill:"none",stroke:C?"#ff4444":"red",strokeWidth:C?Math.max(2,v*.15):Math.max(1,v*.1),opacity:1})}),iA.jsx("div",{style:{position:"absolute",left:p.x-(v+10),top:p.y-(v+10),width:(v+10)*2,height:(v+10)*2,zIndex:EQ.errorOverlay+5,cursor:"pointer",borderRadius:"50%"},onMouseEnter:k=>{const x=k.currentTarget.nextElementSibling;if(x){const M=x.querySelector(".error-message");M&&(M.style.opacity="1")}},onMouseLeave:k=>{if(!C){const x=k.currentTarget.nextElementSibling;if(x){const M=x.querySelector(".error-message");M&&(M.style.opacity="0")}}}}),iA.jsx("div",{style:{position:"absolute",zIndex:C?EQ.errorOverlay+20:EQ.errorOverlay+10,left:D.left,top:D.top,color:C?"#ff4444":"red",textAlign:"center",fontFamily:"sans-serif",fontSize:12,display:n||C?"flex":"none",flexDirection:"column",alignItems:"center",pointerEvents:"none",transform:D.transform},children:iA.jsx("div",{className:`error-message ${IDA}`,style:{opacity:C?1:0,border:`1px solid ${C?"#ff4444":"red"}`},children:g.message})})]},`${B}_${u}`)})})]})};function QXe(e,A){return e.size!==A.size?!1:Array.from(e).every(t=>A.has(t))}function uXe({primitiveElement:e,elements:A}){let t=e.trace_length?`${e.trace_length.toFixed(3)}`:"";const i=_k(A).source_trace.get(e?.source_trace_id);if(i?.display_name&&(i?.max_length?t+=` / ${i.max_length}mm `:t+=" mm ",t+=`(${i.display_name})`),!t)return null;const n=e.trace_length&&i?.max_length&&e.trace_length>i.max_length;return{text:t,isOverLength:n}}function EXe(e){const{primitives:A,is_showing_multiple_traces_length:t,elements:i}=e,n=A.filter(a=>a._element.type==="pcb_trace"),o=i.filter(a=>a.type==="source_trace"),s=A.filter(a=>a._element.type!=="pcb_trace"),r=n.filter(a=>o.some(g=>a._element.type==="pcb_trace"&&a._element.source_trace_id===g.source_trace_id&&g.max_length!==void 0));if(!t)return[...s,...r];if(n.length>1){const a=n.reduce((g,c)=>{const I=g._element.trace_length;return c._element.trace_length<I?c:g},n[0]);return[...s,a]}return A}var dXe={position:"absolute",left:0,top:0,pointerEvents:"none",color:"red",fontFamily:"sans-serif",fontSize:12,textShadow:"0 0 2px black"},pXe=e=>{const{_element:A,_parent_pcb_component:t,_parent_source_component:i,_source_port:n}=e;switch(A.type){case"pcb_trace":return A.trace_length?`${A.trace_length.toFixed(3)}`:"";case"pcb_smtpad":case"pcb_plated_hole":{const o=[],s=Array.from(new Set((A.port_hints??[]).concat(n?.port_hints??[]))).filter(a=>!/^[0-9]+$/.test(a)).filter(a=>!a.includes("unnamed_")).sort((a,g)=>g.localeCompare(a)),r=i&&"name"in i&&i.name&&!i.name.includes("unnamed_")?i.name:null;return s.length>0?r?o.push(...s.map(a=>`${r}.${a}`)):o.push(...s):r&&o.push(r),o.join(", ")}default:return""}},fXe={top:"red",bottom:"aqua"},yXe=({primitive:e,mousePos:A,elements:t})=>{const[i,n]=cA.useState(!1),o=e._element;cA.useEffect(()=>{setTimeout(()=>{n(!0)},100)},[]);const[s,r,a,g]=[e.screen_x,e.screen_y,e.screen_w,e.screen_h],c=e.same_space_index??0,I=26,l=fXe[e?._element?.layer]??"red";let B=0;if(o.type==="pcb_smtpad"&&o?.shape==="rotated_rect"?B=o?.ccw_rotation??0:(o.type==="pcb_smtpad"&&(o?.shape==="pill"||o?.shape==="rotated_pill")&&"ccw_rotation"in e||o.type==="pcb_plated_hole"&&(o?.shape==="pill"||o?.shape==="oval")&&"ccw_rotation"in e)&&(B=o.ccw_rotation??0),o.type==="pcb_trace"){const u=uXe({primitiveElement:o,elements:t});if(!u)return null;const E=A.y-35;return iA.jsx("div",{style:{zIndex:EQ.elementOverlay,position:"absolute",left:A.x,top:E,color:l,pointerEvents:"none",transform:"translateX(-50%)"},children:iA.jsx("div",{style:{backgroundColor:"#f2efcc",color:u.isOverLength?"red":"black",textShadow:"none",WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",padding:"6px 6px",borderRadius:"6px",fontSize:"14px",minWidth:"45px",textAlign:"center",whiteSpace:"nowrap"},children:u.text})})}const C=pXe(e);return C.trim().length===0?null:iA.jsx("div",{style:{zIndex:EQ.elementOverlay,position:"absolute",left:s-a/2-8,top:r-g/2-8,width:a+16,height:g+16,color:l,transform:`rotate(${-B}deg)`,transformOrigin:"center center"},children:iA.jsx("div",{style:{width:i?`calc(100% + ${I*2*c}px)`:"100%",height:i?`calc(100% + ${I*2*c}px)`:"100%",marginLeft:i?`${-I*c}px`:0,marginTop:i?`${-I*c}px`:0,border:`1px solid ${l}`,opacity:i||c===0?1:0,transition:"width 0.2s, height 0.2s, margin-left 0.2s, margin-top 0.2s, opacity 0.2s"},children:iA.jsx("div",{style:{position:"absolute",bottom:g+20+I*c,marginRight:i?`${-I*c}px`:0,marginBottom:i?0:-I*c,transition:"margin-right 0.2s, margin-bottom 0.2s",backgroundColor:"#f2efcc",color:"black",textShadow:"none",WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",padding:"6px 6px",borderRadius:"6px",fontSize:"14px",transform:`rotate(${B}deg)`,minWidth:"45px",textAlign:"center"},children:C})})})},mXe=({highlightedPrimitives:e,mousePos:A,elements:t})=>{const[i,n]=n0(r=>[r.is_moving_component,r.is_showing_multiple_traces_length]),o=e.some(r=>r._element.type==="pcb_smtpad")&&e.some(r=>r._element.type==="pcb_trace");let s=e;return o&&(s=s.filter(r=>r._element.type==="pcb_smtpad")),s=EXe({primitives:s,is_showing_multiple_traces_length:n,elements:t}),iA.jsx("div",{style:dXe,children:!i&&s.map((r,a)=>iA.jsx(yXe,{primitive:r,mousePos:A,elements:t},a))})},wXe=e=>{const A=[];for(const t of e){if(!t.center||typeof t.width!="number"||typeof t.height!="number")continue;const i=t.width/2,n=t.height/2;A.push({x:t.center.x-i,y:t.center.y-n}),A.push({x:t.center.x+i,y:t.center.y+n})}return z6e(A)},Gy={GROUP_PADDING:1,MIN_LINE_LENGTH_FOR_LABEL:40,LABEL_OFFSET_ABOVE:2,LABEL_OFFSET_BELOW:-18,LABEL_OFFSET_RIGHT:8,LABEL_OFFSET_LEFT:-80,LINE_STROKE_WIDTH:1.5,LINE_DASH_PATTERN:"4,4",COMPONENT_MARKER_RADIUS:3,LABEL_FONT_SIZE:11},k4={OFFSET_LINE:"white",COMPONENT_MARKER_FILL:"#66ccff",COMPONENT_MARKER_STROKE:"white",LABEL_TEXT:"white"},DXe=(e,A)=>{const{minX:t,maxX:i,minY:n,maxY:o}=A,s=Math.abs(e.x-t),r=Math.abs(e.x-i),a=Math.abs(e.y-o),g=Math.abs(e.y-n),c=Math.min(s,r,a,g);return c===s?{x:t,y:e.y}:c===r?{x:i,y:e.y}:c===a?{x:e.x,y:o}:{x:e.x,y:n}},_Xe=({elements:e,highlightedPrimitives:A,transform:t,containerWidth:i,containerHeight:n,children:o})=>{if(!n0(N=>N.is_showing_group_anchor_offsets)||A.length===0)return null;const r=A.find(N=>N._parent_pcb_component?.type==="pcb_component"||N._element?.type==="pcb_component");if(!r)return null;const a=r._parent_pcb_component||r._element;if(!a?.pcb_group_id)return null;const g=e.filter(N=>N.type==="pcb_group").find(N=>N.pcb_group_id===a.pcb_group_id);if(!g?.anchor_position)return null;const c=r._element?.type==="pcb_smtpad"?{x:r.x,y:r.y}:a.center||{x:r.x,y:r.y},I=e.filter(N=>N.type==="pcb_component").filter(N=>N.pcb_group_id===g.pcb_group_id),l=wXe(I);if(!l)return null;const B={minX:l.minX-Gy.GROUP_PADDING,maxX:l.maxX+Gy.GROUP_PADDING,minY:l.minY-Gy.GROUP_PADDING,maxY:l.maxY+Gy.GROUP_PADDING},C=DXe(g.anchor_position,B),Q=c.x-C.x,u=c.y-C.y,E=Ut(t,C),p=Ut(t,c),f=Math.abs(p.x-E.x),m=Math.abs(p.y-E.y),S=p.y<E.y,_=p.x>E.x,v=S?Gy.LABEL_OFFSET_ABOVE:Gy.LABEL_OFFSET_BELOW,D=_?Gy.LABEL_OFFSET_RIGHT:Gy.LABEL_OFFSET_LEFT,k=f>Gy.MIN_LINE_LENGTH_FOR_LABEL,x=m>Gy.MIN_LINE_LENGTH_FOR_LABEL,M={color:k4.LABEL_TEXT,mixBlendMode:"difference",pointerEvents:"none",fontSize:Gy.LABEL_FONT_SIZE,fontFamily:"monospace",fontWeight:"bold"};return iA.jsxs("div",{style:{position:"absolute",left:0,top:0,width:i,height:n,overflow:"hidden",pointerEvents:"none",zIndex:EQ.dimensionOverlay},children:[iA.jsxs("svg",{style:{position:"absolute",left:0,top:0,pointerEvents:"none"},width:i,height:n,children:[iA.jsx("line",{x1:E.x,y1:E.y,x2:p.x,y2:E.y,stroke:k4.OFFSET_LINE,strokeWidth:Gy.LINE_STROKE_WIDTH,strokeDasharray:Gy.LINE_DASH_PATTERN}),iA.jsx("line",{x1:p.x,y1:E.y,x2:p.x,y2:p.y,stroke:k4.OFFSET_LINE,strokeWidth:Gy.LINE_STROKE_WIDTH,strokeDasharray:Gy.LINE_DASH_PATTERN}),iA.jsx("circle",{cx:p.x,cy:p.y,r:Gy.COMPONENT_MARKER_RADIUS,fill:k4.COMPONENT_MARKER_FILL,stroke:k4.COMPONENT_MARKER_STROKE,strokeWidth:1})]}),k&&iA.jsxs("div",{style:{...M,position:"absolute",left:Math.min(E.x,p.x),top:E.y+v,width:Math.abs(p.x-E.x),textAlign:"center"},children:["Δx: ",Q.toFixed(2),"mm"]}),x&&iA.jsxs("div",{style:{...M,position:"absolute",left:p.x+D,top:Math.min(E.y,p.y),height:Math.abs(p.y-E.y),display:"flex",flexDirection:"column",justifyContent:"center"},children:["Δy: ",u.toFixed(2),"mm"]})]})},yz=e=>{if(e.length===0)return null;let A=e[0].x,t=e[0].y,i=e[0].x,n=e[0].y;for(const o of e)o.x<A&&(A=o.x),o.y<t&&(t=o.y),o.x>i&&(i=o.x),o.y>n&&(n=o.y);return{center:{x:(A+i)/2,y:(t+n)/2},width:i-A,height:n-t}},Xut=(e,A)=>{if(A.length<3)return!1;let t=!1;for(let i=0,n=A.length-1;i<A.length;n=i++){const o=A[i].x,s=A[i].y,r=A[n].x,a=A[n].y;s>e.y!=a>e.y&&e.x<(r-o)*(e.y-s)/(a-s||Number.EPSILON)+o&&(t=!t)}return t},xXe=(e,A,t)=>{const i=[];for(const n of e){if(!n._element)continue;if("x1"in n&&n._element?.type==="pcb_trace"){const r=Uje({x:A.x,y:A.y},{x:n.x1,y:n.y1},{x:n.x2,y:n.y2}),a=n.width||.5,g=Math.max(a*25,2)/t.a;r<g&&i.push(n);continue}if(n.pcb_drawing_type==="polygon"){const r=n.points.map(g=>({x:Xe.parse(g.x),y:Xe.parse(g.y)})),a=yz(r);if(!a||A.x<a.center.x-a.width/2||A.x>a.center.x+a.width/2||A.y<a.center.y-a.height/2||A.y>a.center.y+a.height/2)continue;Xut(A,r)&&i.push(n);continue}if(n.pcb_drawing_type==="polygon_with_arcs"){const r=n.brep_shape.outer_ring.vertices.map(g=>({x:Xe.parse(g.x),y:Xe.parse(g.y)})),a=yz(r);if(!a||A.x<a.center.x-a.width/2||A.x>a.center.x+a.width/2||A.y<a.center.y-a.height/2||A.y>a.center.y+a.height/2)continue;Xut(A,r)&&i.push(n);continue}if(!("x"in n&&"y"in n))continue;let o=0,s=0;if("w"in n&&"h"in n)o=n.w,s=n.h;else if("r"in n)o=n.r*2,s=n.r*2;else if("rX"in n&&"rY"in n)o=n.rX*2,s=n.rY*2;else continue;Math.abs(n.x-A.x)<o/2&&Math.abs(n.y-A.y)<s/2&&i.push(n)}return i},bXe=({elements:e,children:A,transform:t,primitives:i,onMouseHoverOverPrimitives:n})=>{const[o,s]=cA.useState([]),[r,a]=cA.useState({x:0,y:0}),[g,{width:c,height:I}]=v4(),l=cA.useMemo(()=>{const C=[];for(const Q of o){if(Q._element?.type==="pcb_via"||Q._element?.type==="pcb_component"||Q?.layer==="drill")continue;let u=null,E=0,p=0;if(Q.pcb_drawing_type==="polygon"){const _=yz(Q.points);if(!_)continue;u=_.center,E=_.width,p=_.height}else if(Q.pcb_drawing_type==="polygon_with_arcs"){const _=Q.brep_shape.outer_ring.vertices.map(D=>({x:D.x,y:D.y})),v=yz(_);if(!v)continue;u=v.center,E=v.width,p=v.height}else"x"in Q&&"y"in Q&&(u={x:Q.x,y:Q.y},E="w"in Q?Q.w:"r"in Q?Q.r*2:"rX"in Q&&"rY"in Q?Q.rX*2:0,p="h"in Q?Q.h:"r"in Q?Q.r*2:"rX"in Q&&"rY"in Q?Q.rY*2:0);if(!u)continue;const f=Ut(t,u),m={w:E*t.a,h:p*t.a},S=C.filter(_=>f.x===_.screen_x&&f.y===_.screen_y&&m.w===_.screen_w&&m.h===_.screen_h).length;C.push({...Q,x:u.x,y:u.y,w:E,h:p,screen_x:f.x,screen_y:f.y,screen_w:m.w,screen_h:m.h,same_space_index:S})}return C},[o,t]),B=(C,Q,u,E)=>{a({x:C,y:Q});const p=Ut(v_(u),{x:C,y:Q}),f=xXe(E,p,u);QXe(new Set(f.map(m=>m._pcb_drawing_object_id)),new Set(o.map(m=>m._pcb_drawing_object_id)))||(s(f),n(f))};return iA.jsxs("div",{ref:g,style:{position:"relative",width:"100%",height:"100%"},onMouseMove:C=>{if(t){const Q=C.currentTarget.getBoundingClientRect(),u=C.clientX-Q.left,E=C.clientY-Q.top;B(u,E,t,i)}},onTouchStart:C=>{if(t){const Q=C.touches[0],u=C.currentTarget.getBoundingClientRect(),E=Q.clientX-u.left,p=Q.clientY-u.top;B(E,p,t,i)}},children:[A,iA.jsx(mXe,{elements:e,mousePos:r,highlightedPrimitives:l}),t&&iA.jsx(_Xe,{elements:e,highlightedPrimitives:l,transform:t,containerWidth:c,containerHeight:I})]})},$ut=["rgb(255, 100, 100)","rgb(100, 255, 100)","rgb(100, 100, 255)","rgb(255, 255, 100)","rgb(255, 100, 255)","rgb(100, 255, 255)","rgb(255, 150, 100)","rgb(150, 100, 255)","rgb(100, 255, 150)","rgb(255, 100, 150)"],SXe=({children:e,transform:A=RB(),elements:t=[]})=>{const[i,{width:n,height:o}]=v4(),s=cA.useRef(null),{is_showing_pcb_groups:r,pcb_group_view_mode:a}=n0(g=>({is_showing_pcb_groups:g.is_showing_pcb_groups,pcb_group_view_mode:g.pcb_group_view_mode}));return cA.useEffect(()=>{const g=s.current;if(!g||!n||!o)return;g.width=n,g.height=o;const c=g.getContext("2d");if(!c||(c.clearRect(0,0,n,o),!r))return;const I=t.filter(f=>f.type==="pcb_group"),l=t.filter(f=>f.type==="pcb_component"),B=t.filter(f=>f.type==="source_group"),C=new Map(B.map(f=>[f.source_group_id,f])),Q=I.filter(f=>{if(a==="all")return!0;if(!f.source_group_id)return!1;const m=C.get(f.source_group_id);return m?m.was_automatically_named!==!0:!1}),u=new Map;B.forEach(f=>{const m=f;if(m.parent_source_group_id){const S=u.get(m.parent_source_group_id)||[];S.push(f.source_group_id),u.set(m.parent_source_group_id,S)}});const E=f=>{const m=[],S=u.get(f)||[];for(const _ of S)m.push(_),m.push(...E(_));return m},p=f=>{const m=B.find(S=>S.source_group_id===f);return m?.parent_source_group_id?1+p(m.parent_source_group_id):0};Q.forEach((f,m)=>{let S=l.filter(FA=>FA.pcb_group_id===f.pcb_group_id);if(f.source_group_id){const FA=E(f.source_group_id),dA=I.filter(uA=>uA.source_group_id&&FA.includes(uA.source_group_id));for(const uA of dA){const UA=l.filter(RA=>RA.pcb_group_id===uA.pcb_group_id);S=[...S,...UA]}}if(S.length===0)return;let _=1/0,v=1/0,D=-1/0,k=-1/0;if(S.forEach(FA=>{if(FA.center&&typeof FA.width=="number"&&typeof FA.height=="number"){const dA=FA.center.x-FA.width/2,uA=FA.center.x+FA.width/2,UA=FA.center.y+FA.height/2,RA=FA.center.y-FA.height/2;_=Math.min(_,dA),D=Math.max(D,uA),v=Math.min(v,RA),k=Math.max(k,UA)}}),_===1/0||D===-1/0)return;const x=f.source_group_id?p(f.source_group_id):0,M=f.source_group_id?E(f.source_group_id).length>0:!1,q=1+(M?.5:0);_-=q,D+=q,v-=q,k+=q;const P=Ut(A,{x:_,y:k}),V=Ut(A,{x:D,y:k}),z=Ut(A,{x:_,y:v}),oA=Ut(A,{x:D,y:v}),gA=$ut[m%$ut.length];c.strokeStyle=gA,c.lineWidth=2;const QA=Math.max(4,Math.min(12,8*Math.abs(A.a))),tA=Math.max(2,Math.min(6,4*Math.abs(A.a))),IA=QA*(M?1.3:1),DA=tA;c.setLineDash([IA,DA]),c.beginPath(),c.moveTo(P.x,P.y),c.lineTo(V.x,V.y),c.lineTo(oA.x,oA.y),c.lineTo(z.x,z.y),c.closePath(),c.stroke();const bA=Math.max(8,Math.min(12,10*Math.abs(A.a))),HA=x==0||x==1?0:x*.11,JA=bA*(1-HA),GA=4,aA=f.name||`Group ${m+1}`;c.font=`${JA}px sans-serif`,c.setLineDash([]);const fA=c.measureText(aA).width+GA*2,ZA=JA+GA*2,tt=P.x-5,at=P.y-5,vA=3;if(c.fillStyle="rgba(0, 0, 0, 0.8)",c.beginPath(),c.roundRect(tt,at-ZA,fA,ZA,vA),c.fill(),c.fillStyle=gA,c.textAlign="left",c.textBaseline="middle",c.fillText(aA,tt+GA,at-ZA/2),f.anchor_position){const FA=f.anchor_position,dA=_,uA=D,UA=k,RA=v;let kA={x:FA.x,y:FA.y};const KA=Math.abs(FA.x-dA),YA=Math.abs(FA.x-uA),XA=Math.abs(FA.y-UA),et=Math.abs(FA.y-RA),It=Math.min(KA,YA,XA,et);It===KA?kA={x:dA,y:FA.y}:It===YA?kA={x:uA,y:FA.y}:It===XA?kA={x:FA.x,y:UA}:kA={x:FA.x,y:RA};const ut=Ut(A,kA);c.strokeStyle="white",c.lineWidth=1.5,c.setLineDash([]);const Et=Math.max(4,Math.min(8,6*Math.abs(A.a)));c.beginPath(),c.moveTo(ut.x-Et,ut.y),c.lineTo(ut.x+Et,ut.y),c.stroke(),c.beginPath(),c.moveTo(ut.x,ut.y-Et),c.lineTo(ut.x,ut.y+Et),c.stroke()}})},[t,A,n,o,r,a]),iA.jsxs("div",{ref:i,style:{position:"relative",width:"100%",height:"100%"},children:[e,iA.jsx("canvas",{ref:s,style:{position:"absolute",top:0,left:0,pointerEvents:"none",zIndex:EQ.pcbGroupOverlay,display:r?"block":"none"}})]})},vXe=({transform:e,soup:A,children:t})=>{const i=n0(r=>r.is_showing_rats_nest),{netMap:n,idToNetMap:o}=cA.useMemo(()=>qut(A||[]),[A]),s=cA.useMemo(()=>{if(!A||!i)return[];const r=l=>{const B=_k(A)[l.replace(/_\d+$/,"")].get(l);return B&&"x"in B&&"y"in B?{x:B.x,y:B.y}:null},a=(l,B)=>{const C=n[B]||[];let Q=null,u=1/0;return C.forEach(E=>{const p=r(E);if(p){const f=Math.sqrt((l.x-p.x)**2+(l.y-p.y)**2);f<u&&f>0&&(u=f,Q=p)}}),Q},g=_k(A).pcb_port.list(),c=_k(A).source_trace.list(),I=[];return g.forEach((l,B)=>{const C=o[l.pcb_port_id];let Q=!1;for(const p of c)p.connected_source_port_ids.includes(l.source_port_id)&&p.connected_source_net_ids.length>0&&(Q=!0);if(!C)return;const u={x:l.x,y:l.y},E=a(u,C);E&&I.push({key:`${l.pcb_port_id}-${B}`,startPoint:u,endPoint:E,isInNet:Q})}),I},[A,n,o,i]);return!A||!i?t:(e||(e=RB()),iA.jsxs("div",{style:{position:"relative"},children:[t,iA.jsx("svg",{style:{position:"absolute",left:0,top:0,width:"100%",height:"100%",pointerEvents:"none",opacity:.5,zIndex:EQ.ratsNestOverlay},children:s.map(({key:r,startPoint:a,endPoint:g,isInNet:c})=>{const I=Ut(e,a),l=Ut(e,g);return iA.jsx("line",{x1:I.x,y1:I.y,x2:l.x,y2:l.y,stroke:"white",strokeWidth:"1",strokeDasharray:c?"6,6":void 0},r)})})]}))},kXe={version:"1.11.272"},xk=(e,A)=>{const t=n0(i=>i.is_mouse_over_container);cA.useEffect(()=>{if(!e||typeof A!="function")return;const i=n=>{const o=e.split("+"),s=o.includes("ctrl"),r=o.includes("shift"),a=o.includes("alt"),g=o.includes("meta"),c=o[o.length-1];t&&(!s||n.ctrlKey)&&(!r||n.shiftKey)&&(!a||n.altKey)&&(!g||n.metaKey)&&n.key.toLowerCase()===c.toLowerCase()&&(n.preventDefault(),A())};return window.addEventListener("keydown",i),()=>{window.removeEventListener("keydown",i)}},[e,A])},RXe=()=>{const[e,A]=cA.useState(!1);return cA.useEffect(()=>{const t=()=>{A(window.innerWidth<=768)};return t(),window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[]),e},FXe=({name:e,selected:A,onClick:t})=>iA.jsxs("div",{className:fL`
|
|
5793
5793
|
margin-top: 2px;
|
|
5794
5794
|
padding: 4px;
|
|
5795
5795
|
padding-left: 8px;
|
|
@@ -5825,7 +5825,7 @@ $1`).replace(/>(\s*)(?=<!--\s*\/)/g,"> ")}}});function Lut(e,A,t){if(!A||!t)retu
|
|
|
5825
5825
|
&:hover {
|
|
5826
5826
|
background-color: rgba(255, 255, 255, 0.1);
|
|
5827
5827
|
}
|
|
5828
|
-
`,onClick:i=>{i.stopPropagation(),t()},onTouchEnd:i=>{i.preventDefault(),i.stopPropagation(),t()},children:[iA.jsx("input",{type:"radio",checked:A,onChange:()=>{},readOnly:!0}),iA.jsx("span",{style:{color:"#eee"},children:e})]}),NXe=({children:e,elements:A})=>{const t=RXe(),{isMouseOverContainer:i,setIsMouseOverContainer:n,selectedLayer:o,selectLayer:s,editModes:r,viewSettings:a,setEditMode:g,setIsShowingRatsNest:c,setIsShowingMultipleTracesLength:I,setIsShowingAutorouting:l,setIsShowingDrcErrors:B,setIsShowingCopperPours:C,setIsShowingPcbGroups:Q,setIsShowingGroupAnchorOffsets:u,setIsShowingSolderMask:E,setPcbGroupViewMode:p,setHoveredErrorId:f}=n0(mA=>({isMouseOverContainer:mA.is_mouse_over_container,setIsMouseOverContainer:mA.setIsMouseOverContainer,selectedLayer:mA.selected_layer,selectLayer:mA.selectLayer,editModes:{in_move_footprint_mode:mA.in_move_footprint_mode,in_draw_trace_mode:mA.in_draw_trace_mode},viewSettings:{is_showing_rats_nest:mA.is_showing_rats_nest,is_showing_multiple_traces_length:mA.is_showing_multiple_traces_length,is_showing_autorouting:mA.is_showing_autorouting,is_showing_drc_errors:mA.is_showing_drc_errors,is_showing_copper_pours:mA.is_showing_copper_pours,is_showing_pcb_groups:mA.is_showing_pcb_groups,is_showing_group_anchor_offsets:mA.is_showing_group_anchor_offsets,is_showing_solder_mask:mA.is_showing_solder_mask,pcb_group_view_mode:mA.pcb_group_view_mode},setEditMode:mA.setEditMode,setIsShowingRatsNest:mA.setIsShowingRatsNest,setIsShowingMultipleTracesLength:mA.setIsShowingMultipleTracesLength,setIsShowingAutorouting:mA.setIsShowingAutorouting,setIsShowingDrcErrors:mA.setIsShowingDrcErrors,setIsShowingCopperPours:mA.setIsShowingCopperPours,setIsShowingPcbGroups:mA.setIsShowingPcbGroups,setIsShowingGroupAnchorOffsets:mA.setIsShowingGroupAnchorOffsets,setIsShowingSolderMask:mA.setIsShowingSolderMask,setPcbGroupViewMode:mA.setPcbGroupViewMode,setHoveredErrorId:mA.setHoveredErrorId})),[m,S]=cA.useState(!1),[_,v]=cA.useState(!1),[D,k]=cA.useState(!1),[x,M]=cA.useState(!1),N=cA.useRef(new Map),T=cA.useRef(new Map);cA.useEffect(()=>{const mA=()=>M(!0),fA=()=>M(!1);return window.addEventListener("arm-dimension-tool",mA),window.addEventListener("disarm-dimension-tool",fA),()=>{window.removeEventListener("arm-dimension-tool",mA),window.removeEventListener("disarm-dimension-tool",fA)}},[]);const q=A?.filter(mA=>mA.type.includes("error")).length??0,P=A?.filter(mA=>mA.type.includes("error"))||[],z=A?.find(mA=>mA.type==="pcb_board")?.num_layers||2,oA=z<=2?["top","bottom"]:["top",...Array.from({length:z-2},(mA,fA)=>`inner${fA+1}`),"bottom"],gA=oA,QA={1:oA[0]?()=>s(oA[0]):()=>{},2:oA[1]?()=>s(oA[1]):()=>{},3:oA[2]?()=>s(oA[2]):()=>{},4:oA[3]?()=>s(oA[3]):()=>{},5:oA[4]?()=>s(oA[4]):()=>{},6:oA[5]?()=>s(oA[5]):()=>{},7:oA[6]?()=>s(oA[6]):()=>{},8:oA[7]?()=>s(oA[7]):()=>{}};xk("1",QA[1]),xk("2",QA[2]),xk("3",QA[3]),xk("4",QA[4]),xk("5",QA[5]),xk("6",QA[6]),xk("7",QA[7]),xk("8",QA[8]);const tA=cA.useCallback(()=>{n(!0)},[n]),rA=cA.useCallback(()=>{n(!1),v(!1),S(!1),k(!1),f(null)},[n,f]),IA=cA.useCallback(()=>{v(!_)},[_]),DA=cA.useCallback(()=>{const mA=!D;k(mA),mA&&S(!1),mA||f(null)},[D,f]),bA=cA.useCallback(()=>{g(r.in_draw_trace_mode?"off":"draw_trace")},[r.in_draw_trace_mode,g]),HA=cA.useCallback(()=>{g(r.in_move_footprint_mode?"off":"move_footprint")},[r.in_move_footprint_mode,g]),JA=cA.useCallback(()=>{c(!a.is_showing_rats_nest)},[a.is_showing_rats_nest,c]),GA=cA.useCallback(()=>{M(!0),window.dispatchEvent(new Event("arm-dimension-tool"))},[]),aA=cA.useCallback(()=>{const mA=!m;S(mA),mA&&k(!1)},[m]);return iA.jsxs("div",{style:{position:"relative",zIndex:"999 !important"},onMouseEnter:tA,onMouseLeave:rA,children:[e,iA.jsxs("div",{style:{position:"absolute",bottom:4,right:8,pointerEvents:"none",color:"white",fontSize:11,opacity:i?.5:0,transition:"opacity 1s",transitionDelay:"2s",fontFamily:"sans-serif"},children:["@tscircuit/pcb-viewer@",kXe.version]}),iA.jsxs("div",{"data-toolbar-overlay":!0,onTouchStart:mA=>mA.stopPropagation(),onTouchEnd:mA=>mA.stopPropagation(),onTouchMove:mA=>mA.stopPropagation(),style:{position:"absolute",opacity:t||i?1:0,top:16,left:16,right:t?16:"auto",transition:i?"opacity 100ms linear":"opacity 300ms linear",zIndex:EQ.toolbarOverlay,color:"red",display:"flex",flexWrap:"wrap",gap:4,fontSize:12,fontFamily:"sans-serif"},children:[iA.jsxs(AN,{isSmallScreen:t,onClick:IA,onMouseLeave:()=>{_&&v(!1)},children:[iA.jsxs("div",{children:["layer:"," ",iA.jsx("span",{style:{marginLeft:2,fontWeight:500,color:dz[o]},children:o})]}),_&&iA.jsx("div",{style:{marginTop:4,minWidth:120},children:gA.map(mA=>iA.jsx(FXe,{name:mA,selected:mA===o,onClick:()=>{s(mA)}},mA))})]}),iA.jsx(AN,{isSmallScreen:t,style:{position:"relative",...q>0?{color:"red"}:{}},onClick:DA,children:iA.jsxs("div",{children:[q," errors"]})}),D&&q>0&&iA.jsx("div",{style:{position:"absolute",top:"100%",left:0,backgroundColor:"#2a2a2a",border:"1px solid #666",borderRadius:4,marginTop:4,zIndex:1e3,minWidth:t?"280px":"400px",maxWidth:t?"90vw":"600px",boxShadow:"0 4px 12px rgba(0, 0, 0, 0.3)"},children:P.map((mA,fA)=>{const ZA=mA.pcb_trace_error_id||`error_${fA}_${mA.error_type}_${mA.message?.slice(0,20)}`;return iA.jsxs("div",{style:{borderBottom:fA<P.length-1?"1px solid #444":"none"},children:[iA.jsxs("div",{style:{display:"flex",alignItems:"center",gap:12,padding:"12px 16px",cursor:"pointer",backgroundColor:"#2a2a2a",transition:"background-color 0.2s ease",touchAction:"manipulation",userSelect:"none"},onMouseEnter:tt=>{tt.currentTarget.style.backgroundColor="#333",f(ZA)},onMouseLeave:tt=>{tt.currentTarget.style.backgroundColor="#2a2a2a",f(null)},onTouchStart:tt=>{tt.stopPropagation(),tt.currentTarget.style.backgroundColor="#333",f(ZA)},onTouchEnd:tt=>{tt.stopPropagation(),tt.preventDefault(),tt.currentTarget.style.backgroundColor="#2a2a2a",f(null);const at=N.current.get(fA),vA=T.current.get(fA);if(at&&vA){const FA=at.style.display!=="none";at.style.display=FA?"none":"block",vA.style.transform=FA?"rotate(90deg)":"rotate(0deg)"}},onClick:tt=>{tt.stopPropagation();const at=N.current.get(fA),vA=T.current.get(fA);if(at&&vA){const FA=at.style.display!=="none";at.style.display=FA?"none":"block",vA.style.transform=FA?"rotate(90deg)":"rotate(0deg)"}},children:[iA.jsx("div",{style:{fontWeight:"bold",fontSize:t?"12px":"13px",whiteSpace:"nowrap",flexShrink:0,color:"#ff6b6b",display:t?"none":"block"},children:mA.error_type}),iA.jsx("div",{style:{flex:1,fontSize:t?"12px":"13px",color:"#ddd",lineHeight:1.4,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:mA.message}),iA.jsx("div",{ref:tt=>{tt&&T.current.set(fA,tt)},"data-arrow-id":fA,style:{color:"#888",fontSize:"16px",transform:"rotate(90deg)",transition:"transform 0.2s ease",flexShrink:0},children:"›"})]}),iA.jsx("div",{ref:tt=>{tt&&N.current.set(fA,tt)},"data-error-id":fA,style:{display:"none",padding:"12px 16px",backgroundColor:"#1a1a1a",borderTop:"1px solid #444"},children:iA.jsx("div",{style:{fontSize:t?"11px":"12px",color:"#ccc",lineHeight:1.5,wordWrap:"break-word",overflowWrap:"break-word",hyphens:"auto"},children:mA.message})})]},fA)})}),iA.jsx(AN,{isSmallScreen:t,style:{},onClick:bA,children:iA.jsxs("div",{children:[r.in_draw_trace_mode?"✖ ":"","Edit Traces"]})}),iA.jsx(AN,{isSmallScreen:t,style:{},onClick:HA,children:iA.jsxs("div",{children:[r.in_move_footprint_mode?"✖ ":"","Move Components"]})}),iA.jsx(AN,{isSmallScreen:t,style:{},onClick:JA,children:iA.jsxs("div",{children:[a.is_showing_rats_nest?"✖ ":"","Rats Nest"]})}),iA.jsx(AN,{isSmallScreen:t,style:x?{backgroundColor:"#444"}:{},onClick:GA,children:iA.jsx("div",{children:"📏"})}),iA.jsx(AN,{isSmallScreen:t,onClick:aA,children:iA.jsxs("div",{children:[iA.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"4px"},children:["View",iA.jsx("span",{style:{fontSize:"8px",transform:m?"rotate(180deg)":"rotate(0)",transition:"transform 0.1s ease",display:"inline-block"},children:"▼"})]}),m&&iA.jsxs("div",{style:{marginTop:4,minWidth:120},children:[iA.jsx(tN,{label:"Show All Trace Lengths",checked:a.is_showing_multiple_traces_length,onClick:()=>{I(!a.is_showing_multiple_traces_length)}}),iA.jsx(tN,{label:"Show Autorouting Animation",checked:a.is_showing_autorouting,onClick:()=>{l(!a.is_showing_autorouting)}}),iA.jsx(tN,{label:"Show DRC Errors",checked:a.is_showing_drc_errors,onClick:()=>{B(!a.is_showing_drc_errors)}}),iA.jsx(tN,{label:"Show Copper Pours",checked:a.is_showing_copper_pours,onClick:()=>{C(!a.is_showing_copper_pours)}}),iA.jsx(tN,{label:"Show Solder Mask",checked:a.is_showing_solder_mask,onClick:()=>{E(!a.is_showing_solder_mask)}}),iA.jsx(tN,{label:"Show Group Anchor Offsets",checked:a.is_showing_group_anchor_offsets,onClick:()=>{u(!a.is_showing_group_anchor_offsets)}}),iA.jsx(tN,{label:"Show PCB Groups",checked:a.is_showing_pcb_groups,onClick:()=>{Q(!a.is_showing_pcb_groups)}}),a.is_showing_pcb_groups&&iA.jsxs("div",{style:{marginLeft:16},children:[iA.jsx(AEt,{label:"Show All Groups",checked:a.pcb_group_view_mode==="all",onClick:()=>{p("all")}}),iA.jsx(AEt,{label:"Show Named Groups",checked:a.pcb_group_view_mode==="named_only",onClick:()=>{p("named_only")}})]})]})]})})]})]})},GXe=e=>{const{transform:A,elements:t}=e,i=n0(B=>B.hovered_error_id),n=n0(B=>B.is_showing_copper_pours),o=cA.useMemo(()=>n?t:t.filter(B=>B.type!=="pcb_copper_pour"),[t,n]),[s,r]=cA.useMemo(()=>{const B=o.flatMap(Q=>_6e(Q,e.elements)),C=qut(e.elements);return[B,C]},[o,e.elements]),[a,g]=cA.useState({drawingObjectIdsWithMouseOver:new Set,primitiveIdsInMousedOverNet:[]}),c=cA.useMemo(()=>{if(!i)return[];const C=t.filter(u=>u.type.includes("error")).find((u,E)=>(u.pcb_trace_error_id||`error_${E}_${u.error_type}_${u.message?.slice(0,20)}`)===i);if(!C)return[];const Q=[];return C.pcb_trace_id&&Q.push(C.pcb_trace_id),C.pcb_port_ids&&Q.push(...C.pcb_port_ids),Q},[i,t]),I=cA.useMemo(()=>{const B=[...a.primitiveIdsInMousedOverNet,...c];return w6e({primitivesWithoutInteractionMetadata:s,drawingObjectIdsWithMouseOver:a.drawingObjectIdsWithMouseOver,primitiveIdsInMousedOverNet:B})},[s,a,c]),l=cA.useCallback(B=>{const C=[];for(const u of B)if(u._element){const E=r.getNetConnectedToId("pcb_port_id"in u._element?u._element?.pcb_port_id:"pcb_trace_id"in u._element?u._element?.pcb_trace_id:"");C.push(...r.getIdsConnectedToNet(E))}const Q=new Set(B.map(u=>u._pcb_drawing_object_id));g({drawingObjectIdsWithMouseOver:Q,primitiveIdsInMousedOverNet:C})},[r]);return iA.jsx(bXe,{elements:o,transform:A,primitives:s,onMouseHoverOverPrimitives:l,children:iA.jsx(aXe,{disabled:!e.allowEditing,transform:A,soup:t,cancelPanDrag:e.cancelPanDrag,onCreateEditEvent:e.onCreateEditEvent,onModifyEditEvent:e.onModifyEditEvent,children:iA.jsx(lXe,{disabled:!e.allowEditing,transform:A,soup:t,cancelPanDrag:e.cancelPanDrag,onCreateEditEvent:e.onCreateEditEvent,onModifyEditEvent:e.onModifyEditEvent,children:iA.jsx(sXe,{transform:A,focusOnHover:e.focusOnHover,primitives:s,children:iA.jsx(NXe,{elements:t,children:iA.jsx(hXe,{transform:A,elements:t,children:iA.jsx(vXe,{transform:A,soup:t,children:iA.jsx(SXe,{transform:A,elements:t,children:iA.jsx(V6e,{transform:A,debugGraphics:e.debugGraphics,children:iA.jsx(j6e,{transform:A,elements:t,children:iA.jsx(q6e,{transform:A,primitives:I,width:e.width,height:e.height,grid:e.grid})})})})})})})})})})})},mz=e=>Number.isFinite(e)?e.toFixed(4):"NaN",MXe=e=>{let A=5381;for(let t=0;t<e.length;t++)A=(A<<5)+A+e.charCodeAt(t);return Math.abs(A)},LXe=e=>{if(!e?.length)return"0";const A=[];for(const n of e){if(!n?.type?.startsWith("pcb_"))continue;const o=i6e(n),s=n6e([n]),r=[mz(s.minX),mz(s.minY),mz(s.maxX),mz(s.maxY)].join(",");let a=`${o}:${r}`;if(n.type==="pcb_trace"){const g=(n.route??[]).length;a+=`:${g}`}A.push(a)}if(A.length===0)return"0";A.sort();const t=A.join(","),i=MXe(t);return`${A.length}_${i.toString(36)}`},UXe=ko(Jo(400,300),jC(40,-40)),HXe=({circuitJson:e,debugGraphics:A,height:t=600,initialState:i,allowEditing:n=!0,editEvents:o,onEditEventsChanged:s,focusOnHover:r=!1,clickToInteractEnabled:a=!1,disablePcbGroups:g=!1})=>{const[c,I]=cA.useState(!a),[l,B]=v4(),[C,Q]=cA.useState(UXe),{ref:u,setTransform:E,cancelDrag:p}=f6e({transform:C,onSetTransform:Q,enabled:c});let[f,m]=cA.useState([]);f=o??f;const S=cA.useRef(!1),_=cA.useRef(null),v=cA.useMemo(()=>LXe(e),[e]),D=()=>{const q=B?.width>0?B:{width:500,height:500},{center:P,width:V,height:z}=x.some(QA=>QA.type.startsWith("pcb_"))?a6e(x.filter(QA=>QA.type.startsWith("pcb_"))):{center:{x:0,y:0},width:.001,height:.001},oA=Math.min((q.width??0)/V,(q.height??0)/z,100)*.75,gA=ko(Jo((q.width??0)/2,(q.height??0)/2),jC(oA,-oA,0,0),Jo(-P.x,-P.y));E(gA)};cA.useEffect(()=>{B?.width&&e&&e.length!==0&&(S.current||(D(),S.current=!0))},[e,B]);const k=cA.useMemo(()=>e?.filter(q=>q.type.startsWith("pcb_")||q.type.startsWith("source_"))??[],[v]),x=cA.useMemo(()=>Qse({circuitJson:k,editEvents:f}),[k,f]),M=q=>{m([...f,q]),s?.([...f,q])},N=q=>{const P=f.map(V=>V.edit_event_id===q.edit_event_id?{...V,...q}:V);m(P),s?.(P)},T=cA.useMemo(()=>({...i,...g&&{is_showing_pcb_groups:!1}}),[i,g]);return iA.jsxs("div",{ref:u,style:{position:"relative"},children:[iA.jsx("div",{ref:l,children:iA.jsxs(B6e,{initialState:T,disablePcbGroups:g,children:[iA.jsx(GXe,{transform:C,height:t,width:B.width,allowEditing:n,focusOnHover:r,cancelPanDrag:p,onCreateEditEvent:M,onModifyEditEvent:N,grid:{spacing:1,view_window:{left:0,right:B.width||500,top:t,bottom:0}},elements:x,debugGraphics:A},B.width),iA.jsx(h6e,{})]})}),a&&!c&&iA.jsx("div",{onClick:()=>{I(!0),D()},onTouchStart:q=>{const P=q.touches[0];_.current={x:P.clientX,y:P.clientY}},onTouchEnd:q=>{const P=q.changedTouches[0],V=_.current;if(!V)return;const z=Math.abs(P.clientX-V.x),oA=Math.abs(P.clientY-V.y);z<10&&oA<10&&(q.preventDefault(),I(!0),D()),_.current=null},style:{position:"absolute",inset:0,cursor:"pointer",zIndex:EQ.clickToInteractOverlay,display:"flex",alignItems:"center",justifyContent:"center",touchAction:"pan-x pan-y pinch-zoom"},children:iA.jsx("div",{style:{backgroundColor:"rgba(0, 0, 0, 0.8)",color:"white",padding:"12px 24px",borderRadius:"8px",fontSize:"16px",pointerEvents:"none"},children:typeof window<"u"&&("ontouchstart"in window||navigator.maxTouchPoints>0)?"Touch to Interact":"Click to Interact"})})]})};/*! Bundled license information:
|
|
5828
|
+
`,onClick:i=>{i.stopPropagation(),t()},onTouchEnd:i=>{i.preventDefault(),i.stopPropagation(),t()},children:[iA.jsx("input",{type:"radio",checked:A,onChange:()=>{},readOnly:!0}),iA.jsx("span",{style:{color:"#eee"},children:e})]}),NXe=({children:e,elements:A})=>{const t=RXe(),{isMouseOverContainer:i,setIsMouseOverContainer:n,selectedLayer:o,selectLayer:s,editModes:r,viewSettings:a,setEditMode:g,setIsShowingRatsNest:c,setIsShowingMultipleTracesLength:I,setIsShowingAutorouting:l,setIsShowingDrcErrors:B,setIsShowingCopperPours:C,setIsShowingPcbGroups:Q,setIsShowingGroupAnchorOffsets:u,setIsShowingSolderMask:E,setPcbGroupViewMode:p,setHoveredErrorId:f}=n0(mA=>({isMouseOverContainer:mA.is_mouse_over_container,setIsMouseOverContainer:mA.setIsMouseOverContainer,selectedLayer:mA.selected_layer,selectLayer:mA.selectLayer,editModes:{in_move_footprint_mode:mA.in_move_footprint_mode,in_draw_trace_mode:mA.in_draw_trace_mode},viewSettings:{is_showing_rats_nest:mA.is_showing_rats_nest,is_showing_multiple_traces_length:mA.is_showing_multiple_traces_length,is_showing_autorouting:mA.is_showing_autorouting,is_showing_drc_errors:mA.is_showing_drc_errors,is_showing_copper_pours:mA.is_showing_copper_pours,is_showing_pcb_groups:mA.is_showing_pcb_groups,is_showing_group_anchor_offsets:mA.is_showing_group_anchor_offsets,is_showing_solder_mask:mA.is_showing_solder_mask,pcb_group_view_mode:mA.pcb_group_view_mode},setEditMode:mA.setEditMode,setIsShowingRatsNest:mA.setIsShowingRatsNest,setIsShowingMultipleTracesLength:mA.setIsShowingMultipleTracesLength,setIsShowingAutorouting:mA.setIsShowingAutorouting,setIsShowingDrcErrors:mA.setIsShowingDrcErrors,setIsShowingCopperPours:mA.setIsShowingCopperPours,setIsShowingPcbGroups:mA.setIsShowingPcbGroups,setIsShowingGroupAnchorOffsets:mA.setIsShowingGroupAnchorOffsets,setIsShowingSolderMask:mA.setIsShowingSolderMask,setPcbGroupViewMode:mA.setPcbGroupViewMode,setHoveredErrorId:mA.setHoveredErrorId})),[m,S]=cA.useState(!1),[_,v]=cA.useState(!1),[D,k]=cA.useState(!1),[x,M]=cA.useState(!1),N=cA.useRef(new Map),T=cA.useRef(new Map);cA.useEffect(()=>{const mA=()=>M(!0),fA=()=>M(!1);return window.addEventListener("arm-dimension-tool",mA),window.addEventListener("disarm-dimension-tool",fA),()=>{window.removeEventListener("arm-dimension-tool",mA),window.removeEventListener("disarm-dimension-tool",fA)}},[]);const q=A?.filter(mA=>mA.type.includes("error")).length??0,P=A?.filter(mA=>mA.type.includes("error"))||[],z=A?.find(mA=>mA.type==="pcb_board")?.num_layers||2,oA=z<=2?["top","bottom"]:["top",...Array.from({length:z-2},(mA,fA)=>`inner${fA+1}`),"bottom"],gA=oA,QA={1:oA[0]?()=>s(oA[0]):()=>{},2:oA[1]?()=>s(oA[1]):()=>{},3:oA[2]?()=>s(oA[2]):()=>{},4:oA[3]?()=>s(oA[3]):()=>{},5:oA[4]?()=>s(oA[4]):()=>{},6:oA[5]?()=>s(oA[5]):()=>{},7:oA[6]?()=>s(oA[6]):()=>{},8:oA[7]?()=>s(oA[7]):()=>{}};xk("1",QA[1]),xk("2",QA[2]),xk("3",QA[3]),xk("4",QA[4]),xk("5",QA[5]),xk("6",QA[6]),xk("7",QA[7]),xk("8",QA[8]);const tA=cA.useCallback(()=>{n(!0)},[n]),rA=cA.useCallback(()=>{n(!1),v(!1),S(!1),k(!1),f(null)},[n,f]),IA=cA.useCallback(()=>{v(!_)},[_]),DA=cA.useCallback(()=>{const mA=!D;k(mA),mA&&S(!1),mA||f(null)},[D,f]),bA=cA.useCallback(()=>{g(r.in_draw_trace_mode?"off":"draw_trace")},[r.in_draw_trace_mode,g]),HA=cA.useCallback(()=>{g(r.in_move_footprint_mode?"off":"move_footprint")},[r.in_move_footprint_mode,g]),JA=cA.useCallback(()=>{c(!a.is_showing_rats_nest)},[a.is_showing_rats_nest,c]),GA=cA.useCallback(()=>{M(!0),window.dispatchEvent(new Event("arm-dimension-tool"))},[]),aA=cA.useCallback(()=>{const mA=!m;S(mA),mA&&k(!1)},[m]);return iA.jsxs("div",{style:{position:"relative",zIndex:"999 !important"},onMouseEnter:tA,onMouseLeave:rA,children:[e,iA.jsxs("div",{style:{position:"absolute",bottom:4,right:8,pointerEvents:"none",color:"white",fontSize:11,opacity:i?.5:0,transition:"opacity 1s",transitionDelay:"2s",fontFamily:"sans-serif"},children:["@tscircuit/pcb-viewer@",kXe.version]}),iA.jsxs("div",{"data-toolbar-overlay":!0,onTouchStart:mA=>mA.stopPropagation(),onTouchEnd:mA=>mA.stopPropagation(),onTouchMove:mA=>mA.stopPropagation(),style:{position:"absolute",opacity:t||i?1:0,top:16,left:16,right:t?16:"auto",transition:i?"opacity 100ms linear":"opacity 300ms linear",zIndex:EQ.toolbarOverlay,color:"red",display:"flex",flexWrap:"wrap",gap:4,fontSize:12,fontFamily:"sans-serif"},children:[iA.jsxs(AN,{isSmallScreen:t,onClick:IA,onMouseLeave:()=>{_&&v(!1)},children:[iA.jsxs("div",{children:["layer:"," ",iA.jsx("span",{style:{marginLeft:2,fontWeight:500,color:dz[o]},children:o})]}),_&&iA.jsx("div",{style:{marginTop:4,minWidth:120},children:gA.map(mA=>iA.jsx(FXe,{name:mA,selected:mA===o,onClick:()=>{s(mA)}},mA))})]}),iA.jsx(AN,{isSmallScreen:t,style:{position:"relative",...q>0?{color:"red"}:{}},onClick:DA,children:iA.jsxs("div",{children:[q," errors"]})}),D&&q>0&&iA.jsx("div",{style:{position:"absolute",top:"100%",left:0,backgroundColor:"#2a2a2a",border:"1px solid #666",borderRadius:4,marginTop:4,zIndex:1e3,minWidth:t?"280px":"400px",maxWidth:t?"90vw":"600px",maxHeight:"400px",overflow:"auto",boxShadow:"0 4px 12px rgba(0, 0, 0, 0.3)"},children:P.map((mA,fA)=>{const ZA=mA.pcb_trace_error_id||`error_${fA}_${mA.error_type}_${mA.message?.slice(0,20)}`;return iA.jsxs("div",{style:{borderBottom:fA<P.length-1?"1px solid #444":"none"},children:[iA.jsxs("div",{style:{display:"flex",alignItems:"center",gap:12,padding:"12px 16px",cursor:"pointer",backgroundColor:"#2a2a2a",transition:"background-color 0.2s ease",touchAction:"manipulation",userSelect:"none"},onMouseEnter:tt=>{tt.currentTarget.style.backgroundColor="#333",f(ZA)},onMouseLeave:tt=>{tt.currentTarget.style.backgroundColor="#2a2a2a",f(null)},onTouchStart:tt=>{tt.stopPropagation(),tt.currentTarget.style.backgroundColor="#333",f(ZA)},onTouchEnd:tt=>{tt.stopPropagation(),tt.preventDefault(),tt.currentTarget.style.backgroundColor="#2a2a2a",f(null);const at=N.current.get(fA),vA=T.current.get(fA);if(at&&vA){const FA=at.style.display!=="none";at.style.display=FA?"none":"block",vA.style.transform=FA?"rotate(90deg)":"rotate(0deg)"}},onClick:tt=>{tt.stopPropagation();const at=N.current.get(fA),vA=T.current.get(fA);if(at&&vA){const FA=at.style.display!=="none";at.style.display=FA?"none":"block",vA.style.transform=FA?"rotate(90deg)":"rotate(0deg)"}},children:[iA.jsx("div",{style:{fontWeight:"bold",fontSize:t?"12px":"13px",whiteSpace:"nowrap",flexShrink:0,color:"#ff6b6b",display:t?"none":"block"},children:mA.error_type}),iA.jsx("div",{style:{flex:1,fontSize:t?"12px":"13px",color:"#ddd",lineHeight:1.4,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:mA.message}),iA.jsx("div",{ref:tt=>{tt&&T.current.set(fA,tt)},"data-arrow-id":fA,style:{color:"#888",fontSize:"16px",transform:"rotate(90deg)",transition:"transform 0.2s ease",flexShrink:0},children:"›"})]}),iA.jsx("div",{ref:tt=>{tt&&N.current.set(fA,tt)},"data-error-id":fA,style:{display:"none",padding:"12px 16px",backgroundColor:"#1a1a1a",borderTop:"1px solid #444"},children:iA.jsx("div",{style:{fontSize:t?"11px":"12px",color:"#ccc",lineHeight:1.5,wordWrap:"break-word",overflowWrap:"break-word",hyphens:"auto"},children:mA.message})})]},fA)})}),iA.jsx(AN,{isSmallScreen:t,style:{},onClick:bA,children:iA.jsxs("div",{children:[r.in_draw_trace_mode?"✖ ":"","Edit Traces"]})}),iA.jsx(AN,{isSmallScreen:t,style:{},onClick:HA,children:iA.jsxs("div",{children:[r.in_move_footprint_mode?"✖ ":"","Move Components"]})}),iA.jsx(AN,{isSmallScreen:t,style:{},onClick:JA,children:iA.jsxs("div",{children:[a.is_showing_rats_nest?"✖ ":"","Rats Nest"]})}),iA.jsx(AN,{isSmallScreen:t,style:x?{backgroundColor:"#444"}:{},onClick:GA,children:iA.jsx("div",{children:"📏"})}),iA.jsx(AN,{isSmallScreen:t,onClick:aA,children:iA.jsxs("div",{children:[iA.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"4px"},children:["View",iA.jsx("span",{style:{fontSize:"8px",transform:m?"rotate(180deg)":"rotate(0)",transition:"transform 0.1s ease",display:"inline-block"},children:"▼"})]}),m&&iA.jsxs("div",{style:{marginTop:4,minWidth:120},children:[iA.jsx(tN,{label:"Show All Trace Lengths",checked:a.is_showing_multiple_traces_length,onClick:()=>{I(!a.is_showing_multiple_traces_length)}}),iA.jsx(tN,{label:"Show Autorouting Animation",checked:a.is_showing_autorouting,onClick:()=>{l(!a.is_showing_autorouting)}}),iA.jsx(tN,{label:"Show DRC Errors",checked:a.is_showing_drc_errors,onClick:()=>{B(!a.is_showing_drc_errors)}}),iA.jsx(tN,{label:"Show Copper Pours",checked:a.is_showing_copper_pours,onClick:()=>{C(!a.is_showing_copper_pours)}}),iA.jsx(tN,{label:"Show Solder Mask",checked:a.is_showing_solder_mask,onClick:()=>{E(!a.is_showing_solder_mask)}}),iA.jsx(tN,{label:"Show Group Anchor Offsets",checked:a.is_showing_group_anchor_offsets,onClick:()=>{u(!a.is_showing_group_anchor_offsets)}}),iA.jsx(tN,{label:"Show PCB Groups",checked:a.is_showing_pcb_groups,onClick:()=>{Q(!a.is_showing_pcb_groups)}}),a.is_showing_pcb_groups&&iA.jsxs("div",{style:{marginLeft:16},children:[iA.jsx(AEt,{label:"Show All Groups",checked:a.pcb_group_view_mode==="all",onClick:()=>{p("all")}}),iA.jsx(AEt,{label:"Show Named Groups",checked:a.pcb_group_view_mode==="named_only",onClick:()=>{p("named_only")}})]})]})]})})]})]})},GXe=e=>{const{transform:A,elements:t}=e,i=n0(B=>B.hovered_error_id),n=n0(B=>B.is_showing_copper_pours),o=cA.useMemo(()=>n?t:t.filter(B=>B.type!=="pcb_copper_pour"),[t,n]),[s,r]=cA.useMemo(()=>{const B=o.flatMap(Q=>_6e(Q,e.elements)),C=qut(e.elements);return[B,C]},[o,e.elements]),[a,g]=cA.useState({drawingObjectIdsWithMouseOver:new Set,primitiveIdsInMousedOverNet:[]}),c=cA.useMemo(()=>{if(!i)return[];const C=t.filter(u=>u.type.includes("error")).find((u,E)=>(u.pcb_trace_error_id||`error_${E}_${u.error_type}_${u.message?.slice(0,20)}`)===i);if(!C)return[];const Q=[];return C.pcb_trace_id&&Q.push(C.pcb_trace_id),C.pcb_port_ids&&Q.push(...C.pcb_port_ids),Q},[i,t]),I=cA.useMemo(()=>{const B=[...a.primitiveIdsInMousedOverNet,...c];return w6e({primitivesWithoutInteractionMetadata:s,drawingObjectIdsWithMouseOver:a.drawingObjectIdsWithMouseOver,primitiveIdsInMousedOverNet:B})},[s,a,c]),l=cA.useCallback(B=>{const C=[];for(const u of B)if(u._element){const E=r.getNetConnectedToId("pcb_port_id"in u._element?u._element?.pcb_port_id:"pcb_trace_id"in u._element?u._element?.pcb_trace_id:"");C.push(...r.getIdsConnectedToNet(E))}const Q=new Set(B.map(u=>u._pcb_drawing_object_id));g({drawingObjectIdsWithMouseOver:Q,primitiveIdsInMousedOverNet:C})},[r]);return iA.jsx(bXe,{elements:o,transform:A,primitives:s,onMouseHoverOverPrimitives:l,children:iA.jsx(aXe,{disabled:!e.allowEditing,transform:A,soup:t,cancelPanDrag:e.cancelPanDrag,onCreateEditEvent:e.onCreateEditEvent,onModifyEditEvent:e.onModifyEditEvent,children:iA.jsx(lXe,{disabled:!e.allowEditing,transform:A,soup:t,cancelPanDrag:e.cancelPanDrag,onCreateEditEvent:e.onCreateEditEvent,onModifyEditEvent:e.onModifyEditEvent,children:iA.jsx(sXe,{transform:A,focusOnHover:e.focusOnHover,primitives:s,children:iA.jsx(NXe,{elements:t,children:iA.jsx(hXe,{transform:A,elements:t,children:iA.jsx(vXe,{transform:A,soup:t,children:iA.jsx(SXe,{transform:A,elements:t,children:iA.jsx(V6e,{transform:A,debugGraphics:e.debugGraphics,children:iA.jsx(j6e,{transform:A,elements:t,children:iA.jsx(q6e,{transform:A,primitives:I,width:e.width,height:e.height,grid:e.grid})})})})})})})})})})})},mz=e=>Number.isFinite(e)?e.toFixed(4):"NaN",MXe=e=>{let A=5381;for(let t=0;t<e.length;t++)A=(A<<5)+A+e.charCodeAt(t);return Math.abs(A)},LXe=e=>{if(!e?.length)return"0";const A=[];for(const n of e){if(!n?.type?.startsWith("pcb_"))continue;const o=i6e(n),s=n6e([n]),r=[mz(s.minX),mz(s.minY),mz(s.maxX),mz(s.maxY)].join(",");let a=`${o}:${r}`;if(n.type==="pcb_trace"){const g=(n.route??[]).length;a+=`:${g}`}A.push(a)}if(A.length===0)return"0";A.sort();const t=A.join(","),i=MXe(t);return`${A.length}_${i.toString(36)}`},UXe=ko(Jo(400,300),jC(40,-40)),HXe=({circuitJson:e,debugGraphics:A,height:t=600,initialState:i,allowEditing:n=!0,editEvents:o,onEditEventsChanged:s,focusOnHover:r=!1,clickToInteractEnabled:a=!1,disablePcbGroups:g=!1})=>{const[c,I]=cA.useState(!a),[l,B]=v4(),[C,Q]=cA.useState(UXe),{ref:u,setTransform:E,cancelDrag:p}=f6e({transform:C,onSetTransform:Q,enabled:c});let[f,m]=cA.useState([]);f=o??f;const S=cA.useRef(!1),_=cA.useRef(null),v=cA.useMemo(()=>LXe(e),[e]),D=()=>{const q=B?.width>0?B:{width:500,height:500},{center:P,width:V,height:z}=x.some(QA=>QA.type.startsWith("pcb_"))?a6e(x.filter(QA=>QA.type.startsWith("pcb_"))):{center:{x:0,y:0},width:.001,height:.001},oA=Math.min((q.width??0)/V,(q.height??0)/z,100)*.75,gA=ko(Jo((q.width??0)/2,(q.height??0)/2),jC(oA,-oA,0,0),Jo(-P.x,-P.y));E(gA)};cA.useEffect(()=>{B?.width&&e&&e.length!==0&&(S.current||(D(),S.current=!0))},[e,B]);const k=cA.useMemo(()=>e?.filter(q=>q.type.startsWith("pcb_")||q.type.startsWith("source_"))??[],[v]),x=cA.useMemo(()=>Qse({circuitJson:k,editEvents:f}),[k,f]),M=q=>{m([...f,q]),s?.([...f,q])},N=q=>{const P=f.map(V=>V.edit_event_id===q.edit_event_id?{...V,...q}:V);m(P),s?.(P)},T=cA.useMemo(()=>({...i,...g&&{is_showing_pcb_groups:!1}}),[i,g]);return iA.jsxs("div",{ref:u,style:{position:"relative"},children:[iA.jsx("div",{ref:l,children:iA.jsxs(B6e,{initialState:T,disablePcbGroups:g,children:[iA.jsx(GXe,{transform:C,height:t,width:B.width,allowEditing:n,focusOnHover:r,cancelPanDrag:p,onCreateEditEvent:M,onModifyEditEvent:N,grid:{spacing:1,view_window:{left:0,right:B.width||500,top:t,bottom:0}},elements:x,debugGraphics:A},B.width),iA.jsx(h6e,{})]})}),a&&!c&&iA.jsx("div",{onClick:()=>{I(!0),D()},onTouchStart:q=>{const P=q.touches[0];_.current={x:P.clientX,y:P.clientY}},onTouchEnd:q=>{const P=q.changedTouches[0],V=_.current;if(!V)return;const z=Math.abs(P.clientX-V.x),oA=Math.abs(P.clientY-V.y);z<10&&oA<10&&(q.preventDefault(),I(!0),D()),_.current=null},style:{position:"absolute",inset:0,cursor:"pointer",zIndex:EQ.clickToInteractOverlay,display:"flex",alignItems:"center",justifyContent:"center",touchAction:"pan-x pan-y pinch-zoom"},children:iA.jsx("div",{style:{backgroundColor:"rgba(0, 0, 0, 0.8)",color:"white",padding:"12px 24px",borderRadius:"8px",fontSize:"16px",pointerEvents:"none"},children:typeof window<"u"&&("ontouchstart"in window||navigator.maxTouchPoints>0)?"Touch to Interact":"Click to Interact"})})]})};/*! Bundled license information:
|
|
5829
5829
|
|
|
5830
5830
|
svgson/dist/svgson.umd.js:
|
|
5831
5831
|
(*!
|
|
@@ -5874,7 +5874,7 @@ $1`).replace(/>(\s*)(?=<!--\s*\/)/g,"> ")}}});function Lut(e,A,t){if(!A||!t)retu
|
|
|
5874
5874
|
* Copyright (c) 2013-2015, 2017, Jon Schlinkert.
|
|
5875
5875
|
* Released under the MIT License.
|
|
5876
5876
|
*)
|
|
5877
|
-
*/const YXe=({containerClassName:e,...A})=>{const t=cA.useRef(null),[i,n]=cA.useState(620);return cA.useLayoutEffect(()=>{const o=()=>{if(t.current){const r=t.current.clientHeight,a=window.innerHeight;n(Math.min(Math.max(r,620),a))}};o();const s=new ResizeObserver(o);return t.current&&s.observe(t.current),window.addEventListener("resize",o),()=>{s.disconnect(),window.removeEventListener("resize",o)}},[]),iA.jsx("div",{ref:t,className:e||"rf-w-full rf-h-full",children:iA.jsx(HXe,{...A,height:i})})},JXe='*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}:root{--radius:0.5rem}.rf-pointer-events-none{pointer-events:none}.rf-invisible{visibility:hidden}.rf-fixed{position:fixed}.rf-absolute{position:absolute}.rf-relative{position:relative}.rf-inset-0{inset:0}.-rf-left-2{left:-.5rem}.-rf-right-10{right:-2.5rem}.-rf-right-2{right:-.5rem}.-rf-right-4{right:-1rem}.-rf-right-6{right:-1.5rem}.-rf-right-7{right:-1.75rem}.-rf-right-8{right:-2rem}.-rf-right-9{right:-2.25rem}.rf-bottom-full{bottom:100%}.rf-left-0{left:0}.rf-left-1{left:.25rem}.rf-left-1\\/2{left:50%}.rf-left-2{left:.5rem}.rf-left-\\[50\\%\\]{left:50%}.rf-right-0{right:0}.rf-right-1{right:.25rem}.rf-right-4{right:1rem}.rf-right-\\[4px\\]{right:4px}.rf-top-0{top:0}.rf-top-1{top:.25rem}.rf-top-2{top:.5rem}.rf-top-2\\.5{top:.625rem}.rf-top-\\[50\\%\\]{top:50%}.rf-top-\\[6px\\]{top:6px}.\\!rf-z-\\[101\\]{z-index:101!important}.\\!rf-z-\\[200\\]{z-index:200!important}.rf-z-10{z-index:10}.rf-z-50{z-index:50}.rf-z-\\[100\\]{z-index:100}.rf-z-\\[101\\]{z-index:101}.rf-order-1{order:1}.rf-order-2{order:2}.rf-order-3{order:3}.rf-m-1{margin:.25rem}.rf-m-6{margin:1.5rem}.-rf-mx-1,.rf--mx-1{margin-left:-.25rem;margin-right:-.25rem}.rf-mx-1{margin-left:.25rem;margin-right:.25rem}.rf-mx-2{margin-left:.5rem;margin-right:.5rem}.rf-mx-4{margin-left:1rem;margin-right:1rem}.rf-mx-auto{margin-left:auto;margin-right:auto}.rf-my-1{margin-bottom:.25rem;margin-top:.25rem}.rf-my-12{margin-bottom:3rem;margin-top:3rem}.rf-my-4{margin-bottom:1rem;margin-top:1rem}.rf-my-auto{margin-bottom:auto;margin-top:auto}.rf-mb-1{margin-bottom:.25rem}.rf-mb-12{margin-bottom:3rem}.rf-mb-2{margin-bottom:.5rem}.rf-mb-3{margin-bottom:.75rem}.rf-mb-4{margin-bottom:1rem}.rf-mb-6{margin-bottom:1.5rem}.rf-mb-8{margin-bottom:2rem}.rf-ml-1{margin-left:.25rem}.rf-ml-2{margin-left:.5rem}.rf-ml-6{margin-left:1.5rem}.rf-ml-auto{margin-left:auto}.rf-mr-1{margin-right:.25rem}.rf-mr-2{margin-right:.5rem}.rf-mr-4{margin-right:1rem}.rf-mt-0{margin-top:0}.rf-mt-0\\.5{margin-top:.125rem}.rf-mt-1{margin-top:.25rem}.rf-mt-2{margin-top:.5rem}.rf-mt-3{margin-top:.75rem}.rf-mt-4{margin-top:1rem}.rf-mt-5{margin-top:1.25rem}.rf-mt-auto{margin-top:auto}.rf-block{display:block}.rf-inline-block{display:inline-block}.rf-inline{display:inline}.rf-flex{display:flex}.rf-inline-flex{display:inline-flex}.rf-grid{display:grid}.rf-hidden{display:none}.rf-aspect-square{aspect-ratio:1/1}.rf-aspect-video{aspect-ratio:16/9}.rf-size-14{height:3.5rem;width:3.5rem}.rf-size-4{height:1rem;width:1rem}.\\!rf-h-2{height:.5rem!important}.\\!rf-h-2\\.5{height:.625rem!important}.\\!rf-h-3{height:.75rem!important}.\\!rf-h-full{height:100%!important}.rf-h-1{height:.25rem}.rf-h-10{height:2.5rem}.rf-h-12{height:3rem}.rf-h-2{height:.5rem}.rf-h-2\\.5{height:.625rem}.rf-h-20{height:5rem}.rf-h-24{height:6rem}.rf-h-3{height:.75rem}.rf-h-3\\.5{height:.875rem}.rf-h-4{height:1rem}.rf-h-5{height:1.25rem}.rf-h-6{height:1.5rem}.rf-h-60{height:15rem}.rf-h-64{height:16rem}.rf-h-7{height:1.75rem}.rf-h-8{height:2rem}.rf-h-9{height:2.25rem}.rf-h-\\[400px\\]{height:400px}.rf-h-\\[calc\\(100vh-52px\\)\\]{height:calc(100vh - 52px)}.rf-h-\\[calc\\(100vh-60px\\)\\]{height:calc(100vh - 60px)}.rf-h-\\[var\\(--radix-select-trigger-height\\)\\]{height:var(--radix-select-trigger-height)}.rf-h-auto{height:auto}.rf-h-fit{height:-moz-fit-content;height:fit-content}.rf-h-full{height:100%}.rf-h-px{height:1px}.rf-h-screen{height:100vh}.\\!rf-max-h-\\[40vh\\]{max-height:40vh!important}.rf-max-h-32{max-height:8rem}.rf-max-h-96{max-height:24rem}.rf-max-h-\\[200px\\]{max-height:200px}.rf-max-h-\\[300px\\]{max-height:300px}.rf-max-h-\\[70vh\\]{max-height:70vh}.rf-max-h-\\[90vh\\]{max-height:90vh}.rf-max-h-full{max-height:100%}.rf-min-h-0{min-height:0}.rf-min-h-\\[100px\\]{min-height:100px}.rf-min-h-\\[200px\\]{min-height:200px}.rf-min-h-\\[300px\\]{min-height:300px}.rf-min-h-\\[620px\\]{min-height:620px}.rf-min-h-\\[calc\\(100vh-240px\\)\\]{min-height:calc(100vh - 240px)}.\\!rf-w-2{width:.5rem!important}.\\!rf-w-2\\.5{width:.625rem!important}.\\!rf-w-\\[95vw\\]{width:95vw!important}.rf-w-1{width:.25rem}.rf-w-11{width:2.75rem}.rf-w-11\\/12{width:91.666667%}.rf-w-12{width:3rem}.rf-w-16{width:4rem}.rf-w-2{width:.5rem}.rf-w-2\\.5{width:.625rem}.rf-w-20{width:5rem}.rf-w-24{width:6rem}.rf-w-28{width:7rem}.rf-w-3{width:.75rem}.rf-w-3\\.5{width:.875rem}.rf-w-32{width:8rem}.rf-w-4{width:1rem}.rf-w-40{width:10rem}.rf-w-48{width:12rem}.rf-w-5{width:1.25rem}.rf-w-6{width:1.5rem}.rf-w-64{width:16rem}.rf-w-72{width:18rem}.rf-w-8{width:2rem}.rf-w-80{width:20rem}.rf-w-9{width:2.25rem}.rf-w-96{width:24rem}.rf-w-fit{width:-moz-fit-content;width:fit-content}.rf-w-full{width:100%}.rf-w-screen{width:100vw}.rf-min-w-0{min-width:0}.rf-min-w-10{min-width:2.5rem}.rf-min-w-16{min-width:4rem}.rf-min-w-32{min-width:8rem}.rf-min-w-80{min-width:20rem}.rf-min-w-96{min-width:24rem}.rf-min-w-\\[148px\\]{min-width:148px}.rf-min-w-\\[600px\\]{min-width:600px}.rf-min-w-\\[8rem\\]{min-width:8rem}.rf-min-w-\\[var\\(--radix-select-trigger-width\\)\\]{min-width:var(--radix-select-trigger-width)}.\\!rf-max-w-\\[95vw\\]{max-width:95vw!important}.rf-max-w-2xl{max-width:42rem}.rf-max-w-3xl{max-width:48rem}.rf-max-w-4xl{max-width:56rem}.rf-max-w-5xl{max-width:64rem}.rf-max-w-64{max-width:16rem}.rf-max-w-96{max-width:24rem}.rf-max-w-\\[1000px\\]{max-width:1000px}.rf-max-w-\\[150px\\]{max-width:150px}.rf-max-w-\\[200px\\]{max-width:200px}.rf-max-w-\\[40\\%\\]{max-width:40%}.rf-max-w-\\[600px\\]{max-width:600px}.rf-max-w-full{max-width:100%}.rf-max-w-lg{max-width:32rem}.rf-max-w-md{max-width:28rem}.rf-max-w-none{max-width:none}.rf-max-w-xl{max-width:36rem}.rf-max-w-xs{max-width:20rem}.rf-flex-1{flex:1 1 0%}.rf-flex-shrink-0,.rf-shrink-0{flex-shrink:0}.rf-flex-grow{flex-grow:1}.rf-table-auto{table-layout:auto}.rf-origin-\\[--radix-popover-content-transform-origin\\]{transform-origin:var(--radix-popover-content-transform-origin)}.-rf-translate-x-1{--tw-translate-x:-0.25rem}.-rf-translate-x-1,.-rf-translate-x-1\\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rf-translate-x-1\\/2{--tw-translate-x:-50%}.-rf-translate-y-1{--tw-translate-y:-0.25rem}.-rf-translate-y-1,.rf--translate-x-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rf--translate-x-1{--tw-translate-x:-0.25rem}.rf--translate-x-1\\/2{--tw-translate-x:-50%}.rf--translate-x-1\\/2,.rf--translate-y-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rf--translate-y-1{--tw-translate-y:-0.25rem}.rf-translate-x-\\[-50\\%\\]{--tw-translate-x:-50%}.rf-translate-x-\\[-50\\%\\],.rf-translate-y-\\[-50\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rf-translate-y-\\[-50\\%\\]{--tw-translate-y:-50%}.rf-rotate-90{--tw-rotate:90deg}.rf-rotate-90,.rf-transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes rf-pulse{50%{opacity:.5}}.rf-animate-pulse{animation:rf-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes rf-spin{to{transform:rotate(1turn)}}.rf-animate-spin{animation:rf-spin 1s linear infinite}.rf-cursor-default{cursor:default}.rf-cursor-not-allowed{cursor:not-allowed}.rf-cursor-pointer{cursor:pointer}.rf-select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.rf-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.rf-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.rf-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.rf-flex-row{flex-direction:row}.rf-flex-col{flex-direction:column}.rf-flex-col-reverse{flex-direction:column-reverse}.rf-flex-wrap{flex-wrap:wrap}.rf-place-items-center{place-items:center}.rf-items-start{align-items:flex-start}.rf-items-end{align-items:flex-end}.rf-items-center{align-items:center}.rf-items-baseline{align-items:baseline}.rf-items-stretch{align-items:stretch}.rf-justify-end{justify-content:flex-end}.rf-justify-center{justify-content:center}.rf-justify-between{justify-content:space-between}.rf-gap-0{gap:0}.rf-gap-1{gap:.25rem}.rf-gap-2{gap:.5rem}.rf-gap-3{gap:.75rem}.rf-gap-4{gap:1rem}.rf-gap-5{gap:1.25rem}.rf-gap-6{gap:1.5rem}.rf-gap-8{gap:2rem}.rf-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.rf-space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.rf-space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.rf-space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.rf-space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.rf-space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.rf-divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.rf-overflow-auto{overflow:auto}.\\!rf-overflow-hidden{overflow:hidden!important}.rf-overflow-hidden{overflow:hidden}.rf-overflow-visible{overflow:visible}.rf-overflow-x-auto{overflow-x:auto}.\\!rf-overflow-y-auto{overflow-y:auto!important}.rf-overflow-y-auto{overflow-y:auto}.rf-overflow-x-hidden{overflow-x:hidden}.rf-overflow-x-clip{overflow-x:clip}.rf-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rf-whitespace-normal{white-space:normal}.rf-whitespace-nowrap{white-space:nowrap}.rf-whitespace-pre-wrap{white-space:pre-wrap}.rf-break-words{overflow-wrap:break-word}.rf-break-all{word-break:break-all}.rf-rounded{border-radius:.25rem}.rf-rounded-2xl{border-radius:1rem}.rf-rounded-full{border-radius:9999px}.rf-rounded-lg{border-radius:var(--radius)}.rf-rounded-md{border-radius:calc(var(--radius) - 2px)}.rf-rounded-sm{border-radius:calc(var(--radius) - 4px)}.rf-rounded-xl{border-radius:.75rem}.rf-border{border-width:1px}.rf-border-2{border-width:2px}.rf-border-b{border-bottom-width:1px}.rf-border-l-2{border-left-width:2px}.rf-border-l-4{border-left-width:4px}.rf-border-t{border-top-width:1px}.rf-border-none{border-style:none}.rf-border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.rf-border-blue-300{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.rf-border-blue-400{--tw-border-opacity:1;border-color:rgb(96 165 250/var(--tw-border-opacity,1))}.rf-border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.rf-border-blue-600{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity,1))}.rf-border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.rf-border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.rf-border-green-200{--tw-border-opacity:1;border-color:rgb(187 247 208/var(--tw-border-opacity,1))}.rf-border-green-400{--tw-border-opacity:1;border-color:rgb(74 222 128/var(--tw-border-opacity,1))}.rf-border-input{border-color:hsl(var(--input))}.rf-border-neutral-200{--tw-border-opacity:1;border-color:rgb(229 229 229/var(--tw-border-opacity,1))}.rf-border-orange-100{--tw-border-opacity:1;border-color:rgb(255 237 213/var(--tw-border-opacity,1))}.rf-border-orange-200{--tw-border-opacity:1;border-color:rgb(254 215 170/var(--tw-border-opacity,1))}.rf-border-orange-500{--tw-border-opacity:1;border-color:rgb(249 115 22/var(--tw-border-opacity,1))}.rf-border-primary{border-color:hsl(var(--primary))}.rf-border-red-100{--tw-border-opacity:1;border-color:rgb(254 226 226/var(--tw-border-opacity,1))}.rf-border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.rf-border-red-400{--tw-border-opacity:1;border-color:rgb(248 113 113/var(--tw-border-opacity,1))}.rf-border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.rf-border-red-600{--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity,1))}.rf-border-zinc-200{--tw-border-opacity:1;border-color:rgb(228 228 231/var(--tw-border-opacity,1))}.rf-border-zinc-900{--tw-border-opacity:1;border-color:rgb(24 24 27/var(--tw-border-opacity,1))}.rf-border-t-blue-600{--tw-border-opacity:1;border-top-color:rgb(37 99 235/var(--tw-border-opacity,1))}.rf-bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.rf-bg-amber-50\\/30{background-color:rgba(255,251,235,.3)}.rf-bg-background{background-color:hsl(var(--background))}.rf-bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.rf-bg-black\\/80{background-color:rgba(0,0,0,.8)}.rf-bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.rf-bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.rf-bg-blue-50\\/30{background-color:rgba(239,246,255,.3)}.rf-bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.rf-bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.rf-bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.rf-bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.rf-bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.rf-bg-gray-400{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}.rf-bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.rf-bg-gray-500{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}.rf-bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.rf-bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.rf-bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.rf-bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.rf-bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.rf-bg-muted{background-color:hsl(var(--muted))}.rf-bg-neutral-100{--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity,1))}.rf-bg-neutral-50{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.rf-bg-neutral-800{--tw-bg-opacity:1;background-color:rgb(38 38 38/var(--tw-bg-opacity,1))}.rf-bg-neutral-900{--tw-bg-opacity:1;background-color:rgb(23 23 23/var(--tw-bg-opacity,1))}.rf-bg-orange-400{--tw-bg-opacity:1;background-color:rgb(251 146 60/var(--tw-bg-opacity,1))}.rf-bg-orange-50{--tw-bg-opacity:1;background-color:rgb(255 247 237/var(--tw-bg-opacity,1))}.rf-bg-orange-50\\/50{background-color:rgba(255,247,237,.5)}.rf-bg-orange-500{--tw-bg-opacity:1;background-color:rgb(249 115 22/var(--tw-bg-opacity,1))}.rf-bg-popover{background-color:hsl(var(--popover))}.rf-bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.rf-bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.rf-bg-red-50\\/50{background-color:hsla(0,86%,97%,.5)}.rf-bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.rf-bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.rf-bg-red-900{--tw-bg-opacity:1;background-color:rgb(127 29 29/var(--tw-bg-opacity,1))}.rf-bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.rf-bg-transparent{background-color:transparent}.rf-bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.rf-bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity,1))}.rf-bg-zinc-100{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1))}.rf-bg-zinc-200{--tw-bg-opacity:1;background-color:rgb(228 228 231/var(--tw-bg-opacity,1))}.rf-bg-zinc-50{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.rf-bg-zinc-800{--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}.rf-bg-zinc-900{--tw-bg-opacity:1;background-color:rgb(24 24 27/var(--tw-bg-opacity,1))}.rf-bg-opacity-50{--tw-bg-opacity:0.5}.rf-fill-amber-500{fill:#f59e0b}.rf-fill-current{fill:currentColor}.rf-object-contain{-o-object-fit:contain;object-fit:contain}.rf-object-cover{-o-object-fit:cover;object-fit:cover}.\\!rf-p-0{padding:0!important}.rf-p-0{padding:0}.rf-p-1{padding:.25rem}.rf-p-2{padding:.5rem}.rf-p-3{padding:.75rem}.rf-p-4{padding:1rem}.rf-p-5{padding:1.25rem}.rf-p-6{padding:1.5rem}.rf-p-8{padding:2rem}.rf-px-1{padding-left:.25rem;padding-right:.25rem}.rf-px-2{padding-left:.5rem;padding-right:.5rem}.rf-px-3{padding-left:.75rem;padding-right:.75rem}.rf-px-4{padding-left:1rem;padding-right:1rem}.rf-px-6{padding-left:1.5rem;padding-right:1.5rem}.rf-px-8{padding-left:2rem;padding-right:2rem}.rf-py-0{padding-bottom:0;padding-top:0}.rf-py-0\\.5{padding-bottom:.125rem;padding-top:.125rem}.rf-py-1{padding-bottom:.25rem;padding-top:.25rem}.rf-py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}.rf-py-10{padding-bottom:2.5rem;padding-top:2.5rem}.rf-py-12{padding-bottom:3rem;padding-top:3rem}.rf-py-2{padding-bottom:.5rem;padding-top:.5rem}.rf-py-3{padding-bottom:.75rem;padding-top:.75rem}.rf-py-4{padding-bottom:1rem;padding-top:1rem}.rf-py-6{padding-bottom:1.5rem;padding-top:1.5rem}.rf-py-8{padding-bottom:2rem;padding-top:2rem}.rf-pb-0{padding-bottom:0}.rf-pb-1{padding-bottom:.25rem}.rf-pb-2{padding-bottom:.5rem}.rf-pb-3{padding-bottom:.75rem}.rf-pb-4{padding-bottom:1rem}.rf-pb-px{padding-bottom:1px}.rf-pl-10{padding-left:2.5rem}.rf-pl-11{padding-left:2.75rem}.rf-pl-12{padding-left:3rem}.rf-pl-2{padding-left:.5rem}.rf-pl-4{padding-left:1rem}.rf-pl-8{padding-left:2rem}.rf-pr-2{padding-right:.5rem}.rf-pt-0{padding-top:0}.rf-pt-1{padding-top:.25rem}.rf-pt-2{padding-top:.5rem}.rf-pt-4{padding-top:1rem}.rf-text-left{text-align:left}.rf-text-center{text-align:center}.rf-text-right{text-align:right}.rf-font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.rf-text-2xl{font-size:1.5rem;line-height:2rem}.rf-text-3xl{font-size:1.875rem;line-height:2.25rem}.rf-text-\\[8px\\]{font-size:8px}.rf-text-base{font-size:1rem;line-height:1.5rem}.rf-text-lg{font-size:1.125rem;line-height:1.75rem}.rf-text-sm{font-size:.875rem;line-height:1.25rem}.rf-text-xl{font-size:1.25rem;line-height:1.75rem}.rf-text-xs{font-size:.75rem;line-height:1rem}.\\!rf-font-normal{font-weight:400!important}.rf-font-bold{font-weight:700}.rf-font-medium{font-weight:500}.rf-font-semibold{font-weight:600}.rf-uppercase{text-transform:uppercase}.rf-capitalize{text-transform:capitalize}.rf-tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.rf-leading-5{line-height:1.25rem}.rf-leading-\\[0\\.95rem\\]{line-height:.95rem}.rf-leading-\\[1rem\\]{line-height:1rem}.rf-leading-none{line-height:1}.rf-leading-relaxed{line-height:1.625}.rf-leading-tight{line-height:1.25}.rf-tracking-wide{letter-spacing:.025em}.rf-tracking-widest{letter-spacing:.1em}.rf-text-amber-500{--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity,1))}.rf-text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.rf-text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.rf-text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.rf-text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.rf-text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.rf-text-blue-900{--tw-text-opacity:1;color:rgb(30 58 138/var(--tw-text-opacity,1))}.rf-text-current{color:currentColor}.rf-text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.rf-text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.rf-text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.rf-text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.rf-text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.rf-text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.rf-text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.rf-text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.rf-text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.rf-text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.rf-text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1))}.rf-text-green-900{--tw-text-opacity:1;color:rgb(20 83 45/var(--tw-text-opacity,1))}.rf-text-muted-foreground{color:hsl(var(--muted-foreground))}.rf-text-neutral-50{--tw-text-opacity:1;color:rgb(250 250 250/var(--tw-text-opacity,1))}.rf-text-neutral-500{--tw-text-opacity:1;color:rgb(115 115 115/var(--tw-text-opacity,1))}.rf-text-neutral-900{--tw-text-opacity:1;color:rgb(23 23 23/var(--tw-text-opacity,1))}.rf-text-neutral-950{--tw-text-opacity:1;color:rgb(10 10 10/var(--tw-text-opacity,1))}.rf-text-orange-400{--tw-text-opacity:1;color:rgb(251 146 60/var(--tw-text-opacity,1))}.rf-text-orange-500{--tw-text-opacity:1;color:rgb(249 115 22/var(--tw-text-opacity,1))}.rf-text-orange-600{--tw-text-opacity:1;color:rgb(234 88 12/var(--tw-text-opacity,1))}.rf-text-orange-700{--tw-text-opacity:1;color:rgb(194 65 12/var(--tw-text-opacity,1))}.rf-text-orange-800{--tw-text-opacity:1;color:rgb(154 52 18/var(--tw-text-opacity,1))}.rf-text-popover-foreground{color:hsl(var(--popover-foreground))}.rf-text-red-200{--tw-text-opacity:1;color:rgb(254 202 202/var(--tw-text-opacity,1))}.rf-text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.rf-text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.rf-text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.rf-text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.rf-text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.rf-text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.rf-text-red-900{--tw-text-opacity:1;color:rgb(127 29 29/var(--tw-text-opacity,1))}.rf-text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.rf-text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.rf-text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.rf-text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.rf-text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.rf-text-yellow-400{--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity,1))}.rf-text-yellow-500{--tw-text-opacity:1;color:rgb(234 179 8/var(--tw-text-opacity,1))}.rf-text-yellow-600{--tw-text-opacity:1;color:rgb(202 138 4/var(--tw-text-opacity,1))}.rf-text-yellow-900{--tw-text-opacity:1;color:rgb(113 63 18/var(--tw-text-opacity,1))}.rf-text-zinc-200{--tw-text-opacity:1;color:rgb(228 228 231/var(--tw-text-opacity,1))}.rf-text-zinc-300{--tw-text-opacity:1;color:rgb(212 212 216/var(--tw-text-opacity,1))}.rf-text-zinc-400{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.rf-text-zinc-50{--tw-text-opacity:1;color:rgb(250 250 250/var(--tw-text-opacity,1))}.rf-text-zinc-500{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}.rf-text-zinc-900{--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}.rf-text-zinc-950{--tw-text-opacity:1;color:rgb(9 9 11/var(--tw-text-opacity,1))}.rf-underline{text-decoration-line:underline}.rf-line-through{text-decoration-line:line-through}.rf-underline-offset-4{text-underline-offset:4px}.rf-opacity-0{opacity:0}.rf-opacity-100{opacity:1}.rf-opacity-25{opacity:.25}.rf-opacity-30{opacity:.3}.rf-opacity-50{opacity:.5}.rf-opacity-60{opacity:.6}.rf-opacity-70{opacity:.7}.rf-opacity-75{opacity:.75}.rf-shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.rf-shadow,.rf-shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.rf-shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.rf-shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.rf-shadow-md,.rf-shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.rf-shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.rf-outline-none{outline:2px solid transparent;outline-offset:2px}.rf-ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.rf-ring-blue-500{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.rf-ring-primary{--tw-ring-color:hsl(var(--primary))}.rf-ring-offset-background{--tw-ring-offset-color:hsl(var(--background))}.rf-ring-offset-white{--tw-ring-offset-color:#fff}.rf-transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.rf-transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.rf-transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.rf-transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.rf-transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.rf-duration-200{transition-duration:.2s}.rf-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.rf-slide-in-from-left-1{--tw-enter-translate-x:-0.25rem}.rf-slide-out-to-left-1{--tw-exit-translate-x:-0.25rem}.rf-duration-200{animation-duration:.2s}.rf-ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.file\\:rf-border-0::file-selector-button{border-width:0}.file\\:rf-bg-transparent::file-selector-button{background-color:transparent}.file\\:rf-text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\\:rf-font-medium::file-selector-button{font-weight:500}.placeholder\\:rf-text-zinc-500::-moz-placeholder{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}.placeholder\\:rf-text-zinc-500::placeholder{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}.hover\\:rf-border-blue-300:hover{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.hover\\:\\!rf-bg-transparent:hover{background-color:transparent!important}.hover\\:rf-bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\\:rf-bg-orange-100:hover{--tw-bg-opacity:1;background-color:rgb(255 237 213/var(--tw-bg-opacity,1))}.hover\\:rf-bg-red-100:hover{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.hover\\:rf-bg-red-500\\/90:hover{background-color:rgba(239,68,68,.9)}.hover\\:rf-bg-slate-200:hover{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.hover\\:rf-bg-zinc-100:hover{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1))}.hover\\:rf-bg-zinc-100\\/80:hover{background-color:hsla(240,5%,96%,.8)}.hover\\:rf-bg-zinc-900\\/90:hover{background-color:rgba(24,24,27,.9)}.hover\\:rf-text-blue-800:hover{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.hover\\:rf-text-red-400:hover{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.hover\\:rf-text-slate-800:hover{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.hover\\:rf-text-slate-900:hover{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.hover\\:rf-text-zinc-900:hover{--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}.hover\\:rf-underline:hover{text-decoration-line:underline}.focus\\:rf-bg-gray-100:focus{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.focus\\:rf-bg-zinc-100:focus{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1))}.focus\\:rf-text-gray-900:focus{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.focus\\:rf-text-zinc-900:focus{--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}.focus\\:rf-outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\\:rf-ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\\:rf-ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.focus\\:rf-ring-ring:focus{--tw-ring-color:hsl(var(--ring))}.focus\\:rf-ring-offset-2:focus{--tw-ring-offset-width:2px}.focus-visible\\:rf-outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\\:rf-ring-1:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\\:rf-ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\\:rf-ring-zinc-950:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(9 9 11/var(--tw-ring-opacity,1))}.focus-visible\\:rf-ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.disabled\\:rf-pointer-events-none:disabled{pointer-events:none}.disabled\\:rf-cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:rf-opacity-50:disabled{opacity:.5}.rf-group:hover .group-hover\\:rf-opacity-100,.rf-group\\/bar:hover .group-hover\\/bar\\:rf-opacity-100{opacity:1}.rf-peer:disabled~.peer-disabled\\:rf-cursor-not-allowed{cursor:not-allowed}.rf-peer:disabled~.peer-disabled\\:rf-opacity-70{opacity:.7}.data-\\[disabled\\=true\\]\\:rf-pointer-events-none[data-disabled=true],.data-\\[disabled\\]\\:rf-pointer-events-none[data-disabled]{pointer-events:none}.data-\\[side\\=bottom\\]\\:rf-translate-y-1[data-side=bottom]{--tw-translate-y:0.25rem}.data-\\[side\\=bottom\\]\\:rf-translate-y-1[data-side=bottom],.data-\\[side\\=left\\]\\:-rf-translate-x-1[data-side=left]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[side\\=left\\]\\:-rf-translate-x-1[data-side=left]{--tw-translate-x:-0.25rem}.data-\\[side\\=right\\]\\:rf-translate-x-1[data-side=right]{--tw-translate-x:0.25rem}.data-\\[side\\=right\\]\\:rf-translate-x-1[data-side=right],.data-\\[side\\=top\\]\\:-rf-translate-y-1[data-side=top]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[side\\=top\\]\\:-rf-translate-y-1[data-side=top]{--tw-translate-y:-0.25rem}.data-\\[selected\\=true\\]\\:rf-bg-zinc-100[data-selected=true]{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1))}.data-\\[state\\=active\\]\\:rf-bg-white[data-state=active]{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.data-\\[state\\=checked\\]\\:rf-bg-zinc-900[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(24 24 27/var(--tw-bg-opacity,1))}.data-\\[state\\=open\\]\\:rf-bg-zinc-100[data-state=open]{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1))}.data-\\[selected\\=true\\]\\:rf-text-zinc-900[data-selected=true]{--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}.data-\\[state\\=active\\]\\:rf-text-zinc-950[data-state=active]{--tw-text-opacity:1;color:rgb(9 9 11/var(--tw-text-opacity,1))}.data-\\[state\\=checked\\]\\:rf-text-zinc-50[data-state=checked]{--tw-text-opacity:1;color:rgb(250 250 250/var(--tw-text-opacity,1))}.data-\\[disabled\\=true\\]\\:rf-opacity-50[data-disabled=true],.data-\\[disabled\\]\\:rf-opacity-50[data-disabled]{opacity:.5}.data-\\[state\\=active\\]\\:rf-shadow[data-state=active]{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.data-\\[state\\=open\\]\\:rf-animate-in[data-state=open]{animation-duration:.15s;animation-name:enter;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.data-\\[state\\=closed\\]\\:rf-animate-out[data-state=closed]{animation-duration:.15s;animation-name:exit;--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial}.data-\\[state\\=closed\\]\\:rf-fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\\[state\\=open\\]\\:rf-fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\\[state\\=closed\\]\\:rf-zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\\[state\\=open\\]\\:rf-zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\\[side\\=bottom\\]\\:rf-slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:-0.5rem}.data-\\[side\\=left\\]\\:rf-slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:0.5rem}.data-\\[side\\=right\\]\\:rf-slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:-0.5rem}.data-\\[side\\=top\\]\\:rf-slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:0.5rem}.data-\\[state\\=closed\\]\\:rf-slide-out-to-left-1\\/2[data-state=closed]{--tw-exit-translate-x:-50%}.data-\\[state\\=closed\\]\\:rf-slide-out-to-top-\\[48\\%\\][data-state=closed]{--tw-exit-translate-y:-48%}.data-\\[state\\=open\\]\\:rf-slide-in-from-left-1\\/2[data-state=open]{--tw-enter-translate-x:-50%}.data-\\[state\\=open\\]\\:rf-slide-in-from-top-\\[48\\%\\][data-state=open]{--tw-enter-translate-y:-48%}.dark\\:rf-border-zinc-50:is(.rf-dark *){--tw-border-opacity:1;border-color:rgb(250 250 250/var(--tw-border-opacity,1))}.dark\\:rf-border-zinc-800:is(.rf-dark *){--tw-border-opacity:1;border-color:rgb(39 39 42/var(--tw-border-opacity,1))}.dark\\:rf-bg-gray-700:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.dark\\:rf-bg-gray-800:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.dark\\:rf-bg-red-900:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(127 29 29/var(--tw-bg-opacity,1))}.dark\\:rf-bg-zinc-50:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.dark\\:rf-bg-zinc-800:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}.dark\\:rf-bg-zinc-950:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(9 9 11/var(--tw-bg-opacity,1))}.dark\\:rf-text-gray-500:is(.rf-dark *){--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.dark\\:rf-text-zinc-400:is(.rf-dark *){--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.dark\\:rf-text-zinc-50:is(.rf-dark *){--tw-text-opacity:1;color:rgb(250 250 250/var(--tw-text-opacity,1))}.dark\\:rf-text-zinc-900:is(.rf-dark *){--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}.dark\\:rf-placeholder-zinc-400:is(.rf-dark *)::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(161 161 170/var(--tw-placeholder-opacity,1))}.dark\\:rf-placeholder-zinc-400:is(.rf-dark *)::placeholder{--tw-placeholder-opacity:1;color:rgb(161 161 170/var(--tw-placeholder-opacity,1))}.dark\\:rf-ring-offset-zinc-950:is(.rf-dark *){--tw-ring-offset-color:#09090b}.dark\\:placeholder\\:rf-text-zinc-400:is(.rf-dark *)::-moz-placeholder{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.dark\\:placeholder\\:rf-text-zinc-400:is(.rf-dark *)::placeholder{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.dark\\:hover\\:rf-bg-red-900\\/90:hover:is(.rf-dark *){background-color:rgba(127,29,29,.9)}.dark\\:hover\\:rf-bg-zinc-50\\/90:hover:is(.rf-dark *){background-color:hsla(0,0%,98%,.9)}.dark\\:hover\\:rf-bg-zinc-800:hover:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}.dark\\:hover\\:rf-bg-zinc-800\\/80:hover:is(.rf-dark *){background-color:rgba(39,39,42,.8)}.dark\\:hover\\:rf-text-zinc-50:hover:is(.rf-dark *){--tw-text-opacity:1;color:rgb(250 250 250/var(--tw-text-opacity,1))}.dark\\:focus\\:rf-bg-zinc-800:focus:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}.dark\\:focus\\:rf-text-zinc-50:focus:is(.rf-dark *){--tw-text-opacity:1;color:rgb(250 250 250/var(--tw-text-opacity,1))}.dark\\:focus-visible\\:rf-ring-zinc-300:focus-visible:is(.rf-dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(212 212 216/var(--tw-ring-opacity,1))}.dark\\:data-\\[selected\\=true\\]\\:rf-bg-zinc-800[data-selected=true]:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}.dark\\:data-\\[state\\=active\\]\\:rf-bg-zinc-950[data-state=active]:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(9 9 11/var(--tw-bg-opacity,1))}.dark\\:data-\\[state\\=checked\\]\\:rf-bg-zinc-50[data-state=checked]:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.dark\\:data-\\[state\\=open\\]\\:rf-bg-zinc-800[data-state=open]:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}.dark\\:data-\\[selected\\=true\\]\\:rf-text-zinc-50[data-selected=true]:is(.rf-dark *){--tw-text-opacity:1;color:rgb(250 250 250/var(--tw-text-opacity,1))}.dark\\:data-\\[state\\=active\\]\\:rf-text-zinc-50[data-state=active]:is(.rf-dark *){--tw-text-opacity:1;color:rgb(250 250 250/var(--tw-text-opacity,1))}.dark\\:data-\\[state\\=checked\\]\\:rf-text-zinc-900[data-state=checked]:is(.rf-dark *){--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}@media (min-width:640px){.sm\\:rf-order-1{order:1}.sm\\:rf-order-2{order:2}.sm\\:rf-mt-0{margin-top:0}.sm\\:rf-mt-4{margin-top:1rem}.sm\\:rf-block{display:block}.sm\\:rf-inline{display:inline}.sm\\:rf-grid{display:grid}.sm\\:rf-hidden{display:none}.sm\\:rf-h-5{height:1.25rem}.sm\\:rf-w-1\\/2{width:50%}.sm\\:rf-w-5{width:1.25rem}.sm\\:rf-w-\\[90vw\\]{width:90vw}.sm\\:rf-w-auto{width:auto}.sm\\:rf-max-w-\\[500px\\]{max-width:500px}.sm\\:rf-max-w-md{max-width:28rem}.sm\\:rf-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\\:rf-grid-cols-\\[1fr_auto\\]{grid-template-columns:1fr auto}.sm\\:rf-flex-row{flex-direction:row}.sm\\:rf-items-center{align-items:center}.sm\\:rf-justify-end{justify-content:flex-end}.sm\\:rf-gap-3{gap:.75rem}.sm\\:rf-gap-4{gap:1rem}.sm\\:rf-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.sm\\:rf-justify-self-end{justify-self:end}.sm\\:rf-rounded-lg{border-radius:var(--radius)}.sm\\:rf-p-3{padding:.75rem}.sm\\:rf-p-6{padding:1.5rem}.sm\\:rf-px-4{padding-left:1rem;padding-right:1rem}.sm\\:rf-px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\\:rf-py-6{padding-bottom:1.5rem;padding-top:1.5rem}.sm\\:rf-text-left{text-align:left}.sm\\:rf-text-right{text-align:right}.sm\\:rf-text-2xl{font-size:1.5rem;line-height:2rem}.sm\\:rf-text-base{font-size:1rem;line-height:1.5rem}.sm\\:rf-text-sm{font-size:.875rem;line-height:1.25rem}.sm\\:rf-text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:768px){.md\\:rf-w-auto{width:auto}.md\\:rf-max-w-\\[660px\\]{max-width:660px}.md\\:rf-max-w-lg{max-width:32rem}.md\\:rf-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:rf-p-8{padding:2rem}.md\\:rf-py-8{padding-bottom:2rem;padding-top:2rem}.md\\:rf-text-3xl{font-size:1.875rem;line-height:2.25rem}}@media (min-width:1024px){.lg\\:rf-max-w-\\[720px\\]{max-width:720px}.lg\\:rf-max-w-xl{max-width:36rem}}@media (min-width:1280px){.xl\\:rf-max-w-\\[800px\\]{max-width:800px}}.\\[\\&\\>span\\]\\:rf-line-clamp-1>span{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}.\\[\\&\\>svg\\]\\:rf-size-4>svg{height:1rem;width:1rem}.\\[\\&\\>svg\\]\\:rf-shrink-0>svg{flex-shrink:0}.\\[\\&\\>svg\\]\\:rf-text-red-300>svg{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.\\[\\&\\>svg\\]\\:hover\\:rf-text-red-400:hover>svg{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.\\[\\&_\\[cmdk-group-heading\\]\\]\\:rf-px-2 [cmdk-group-heading]{padding-left:.5rem;padding-right:.5rem}.\\[\\&_\\[cmdk-group-heading\\]\\]\\:rf-py-1\\.5 [cmdk-group-heading]{padding-bottom:.375rem;padding-top:.375rem}.\\[\\&_\\[cmdk-group-heading\\]\\]\\:rf-text-xs [cmdk-group-heading]{font-size:.75rem;line-height:1rem}.\\[\\&_\\[cmdk-group-heading\\]\\]\\:rf-font-medium [cmdk-group-heading]{font-weight:500}.\\[\\&_\\[cmdk-group-heading\\]\\]\\:rf-text-zinc-500 [cmdk-group-heading]{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}.dark\\:\\[\\&_\\[cmdk-group-heading\\]\\]\\:rf-text-zinc-400 [cmdk-group-heading]:is(.rf-dark *){--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.\\[\\&_\\[cmdk-group\\]\\:not\\(\\[hidden\\]\\)_\\~\\[cmdk-group\\]\\]\\:rf-pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:0}.\\[\\&_\\[cmdk-group\\]\\]\\:rf-px-2 [cmdk-group]{padding-left:.5rem;padding-right:.5rem}.\\[\\&_\\[cmdk-input-wrapper\\]_svg\\]\\:rf-h-5 [cmdk-input-wrapper] svg{height:1.25rem}.\\[\\&_\\[cmdk-input-wrapper\\]_svg\\]\\:rf-w-5 [cmdk-input-wrapper] svg{width:1.25rem}.\\[\\&_\\[cmdk-input\\]\\]\\:rf-h-12 [cmdk-input]{height:3rem}.\\[\\&_\\[cmdk-item\\]\\]\\:rf-px-2 [cmdk-item]{padding-left:.5rem;padding-right:.5rem}.\\[\\&_\\[cmdk-item\\]\\]\\:rf-py-3 [cmdk-item]{padding-bottom:.75rem;padding-top:.75rem}.\\[\\&_\\[cmdk-item\\]_svg\\]\\:rf-h-5 [cmdk-item] svg{height:1.25rem}.\\[\\&_\\[cmdk-item\\]_svg\\]\\:rf-w-5 [cmdk-item] svg{width:1.25rem}.\\[\\&_svg\\]\\:rf-pointer-events-none svg{pointer-events:none}.\\[\\&_svg\\]\\:rf-size-4 svg{height:1rem;width:1rem}.\\[\\&_svg\\]\\:rf-shrink-0 svg{flex-shrink:0}',wz=()=>{cA.useEffect(()=>{if(document.querySelector('style[data-styles="tscircuit-runframe"]'))return;const A=document.createElement("style");A.setAttribute("data-styles","tscircuit-runframe"),A.textContent=JXe,document.head.appendChild(A)},[])},TXe=e=>{cA.useEffect(()=>(e?document.body.style.overflow="hidden":document.body.style.overflow="",()=>{document.body.style.overflow=""}),[e])};function mL(e,A){const[t,i]=cA.useState(()=>{try{const n=window.localStorage.getItem(e);return n?JSON.parse(n):A}catch(n){return console.error("Error reading from localStorage:",n),A}});return cA.useEffect(()=>{try{window.localStorage.setItem(e,JSON.stringify(t))}catch(n){console.error("Error writing to localStorage:",n)}},[e,t]),[t,i]}const tEt=e=>`hsl(${Om.indexOf(e)*137.5%360}, 70%, 50%)`,KXe=({phaseTimings:e})=>{if(!e)return null;const A=Object.values(e).reduce((t,i)=>t+i,0);return iA.jsxs("div",{className:"rf-space-y-2 rf-w-full rf-px-4",children:[iA.jsx("div",{className:"rf-relative rf-h-8 rf-flex rf-rounded-sm",children:Om.map(t=>{const i=e[t]||0,n=i/A*100;return iA.jsx("div",{className:"rf-group/bar rf-relative rf-overflow-visible",style:{width:`${n}%`,backgroundColor:tEt(t)},children:iA.jsxs("div",{className:"rf-opacity-0 group-hover/bar:rf-opacity-100 rf-transition-opacity rf-absolute rf-bottom-full rf-left-1/2 rf-transform -rf-translate-x-1/2 rf-mb-2 rf-px-2 rf-py-1 rf-text-xs rf-whitespace-nowrap rf-rounded rf-bg-gray-900 rf-text-white rf-pointer-events-none",children:[t,": ",i.toFixed(1),"ms"]})},t)})}),iA.jsxs("div",{className:"rf-text-xs rf-text-gray-500",children:["Total: ",A.toFixed(2),"ms"]})]})},qXe=e=>{if(e instanceof Blob)return e;if(e==null)return"";if(typeof e=="string")return e;if(typeof e=="object")try{return JSON.stringify(e,null,2)}catch{return String(e)}return String(e)},PXe=({renderLog:e,onRerunWithDebug:A})=>{const[t,i]=cA.useState("chronological"),[n,o]=cA.useState(""),s=[{value:"",label:"None"},{value:"DEBUG=Group_doInitialSchematicTraceRender",label:"DEBUG=Group_doInitialSchematicTraceRender"},{value:"DEBUG=Group_doInitialSchematicLayoutMatchpack",label:"DEBUG=Group_doInitialSchematicLayoutMatchpack"},{value:"DEBUG=Group_doInitialPcbLayoutPack",label:"DEBUG=Group_doInitialPcbLayoutPack"}];if(!e)return iA.jsxs("div",{className:"rf-p-4 rf-bg-gray-100 rf-rounded-md",children:[iA.jsx("div",{className:"rf-mb-4",children:"No render log, make sure this tab is open when you render"}),A&&iA.jsxs("div",{className:"rf-flex rf-gap-2 rf-items-center",children:[iA.jsx("select",{value:n,onChange:g=>o(g.target.value),className:"rf-px-3 rf-py-1 rf-border rf-rounded rf-text-xs rf-bg-white",children:s.map(g=>iA.jsx("option",{value:g.value,children:g.label},g.value))}),iA.jsx(uC,{onClick:()=>A(n),size:"sm",className:"rf-text-xs",children:"Rerun Render with Debug"})]})]});const r=Object.entries(e?.phaseTimings??{});t==="chronological"?r.sort((g,c)=>Om.indexOf(g[0])-Om.indexOf(c[0])):r.sort((g,c)=>c[1]-g[1]);const a=r.reduce((g,[c,I])=>g+I,0);return iA.jsxs("div",{className:"rf-bg-white",children:[iA.jsxs("div",{className:"rf-flex rf-justify-between rf-items-center rf-mb-4",children:[iA.jsx("div",{children:"Render Logs"}),iA.jsxs("div",{className:"rf-flex rf-gap-4 rf-items-center",children:[A&&iA.jsxs("div",{className:"rf-flex rf-gap-2 rf-items-center",children:[iA.jsx("select",{value:n,onChange:g=>o(g.target.value),className:"rf-px-3 rf-py-1 rf-border rf-rounded rf-text-xs rf-bg-white",children:s.map(g=>iA.jsx("option",{value:g.value,children:g.label},g.value))}),iA.jsx(uC,{onClick:()=>A(n),size:"sm",className:"rf-text-xs",children:"Rerun Render with Debug"})]}),iA.jsx("div",{className:"rf-flex rf-gap-2 rf-items-center",children:iA.jsxs("select",{onChange:g=>{if(g.target.value){const c=e?.debugOutputs?.find(I=>I.name===g.target.value);if(c){const I=qXe(c.content),l=I instanceof Blob?I:new Blob([I],{type:"text/plain"}),B=URL.createObjectURL(l),C=document.createElement("a");C.href=B,C.download=`debug-${c.name}.txt`,document.body.appendChild(C),C.click(),document.body.removeChild(C),URL.revokeObjectURL(B)}g.target.value=""}},disabled:!e?.debugOutputs||e.debugOutputs.length===0,className:"rf-px-3 rf-py-1 rf-border rf-rounded rf-text-xs rf-bg-white disabled:rf-opacity-50 disabled:rf-cursor-not-allowed",children:[iA.jsx("option",{value:"",children:"Download Debug Output"}),e?.debugOutputs?.map(g=>iA.jsx("option",{value:g.name,children:g.name},g.name))]})}),iA.jsxs("div",{className:"rf-flex rf-text-xs rf-items-center",children:[iA.jsx("div",{className:"rf-mr-2",children:"Sort by:"}),iA.jsxs("select",{value:t,onChange:g=>i(g.target.value),className:"rf-px-2 rf-py-1 rf-border rf-rounded rf-text-xs",children:[iA.jsx("option",{value:"chronological",children:"Phase Order"}),iA.jsx("option",{value:"longest",children:"Duration"})]})]})]})]}),iA.jsx(KXe,{phaseTimings:e.phaseTimings}),iA.jsxs("table",{className:"rf-w-full rf-text-xs",children:[iA.jsx("thead",{children:iA.jsxs("tr",{children:[iA.jsx("th",{className:"rf-text-left rf-p-2",children:"Phase Order"}),iA.jsx("th",{className:"rf-text-left rf-p-2",children:"Phase"}),iA.jsx("th",{className:"rf-text-left rf-p-2",children:"Duration (ms)"})]})}),iA.jsx("tbody",{children:r.map(([g,c])=>iA.jsxs("tr",{children:[iA.jsx("td",{className:"rf-p-2",children:Om.indexOf(g)}),iA.jsx("td",{className:"rf-p-2",children:g}),iA.jsx("td",{className:"rf-p-2",children:iA.jsx("div",{className:"rf-w-8",children:iA.jsx("div",{className:"rf-h-2 rf-rounded-sm",style:{backgroundColor:tEt(g),width:`${c/a*100}%`}})})}),iA.jsx("td",{className:"rf-p-2",children:iA.jsxs("div",{className:"rf-flex w-full",children:[iA.jsxs("span",{className:"rf-flex-grow",children:[c,"ms"]}),iA.jsxs("span",{className:"rf-text-gray-500 rf-pr-2",children:[(c/a*100).toFixed(1),"%"]})]})})]},g))})]})]})},eEt=({errorMessage:e,errorStack:A,circuitJsonErrors:t})=>{cA.useEffect(()=>{if(e){const i=new Error(e);A&&(i.stack=A);try{j9.captureException(i)}catch{}}},[e,A]),cA.useEffect(()=>{if(t&&t.length>0)for(const i of t){const n=new Error(i.message||"Circuit JSON Error");i.stack&&(n.stack=i.stack);try{j9.captureException(n,{error_type:i.type})}catch{}}},[t])},iEt="0.0.1310",OXe={version:iEt},Dz=X5A()($5A(e=>({lastRunEvalVersion:void 0,setLastRunEvalVersion:A=>{e({lastRunEvalVersion:A})}}),{name:"runframe-runner-store"})),WXe=e=>{const[A,t]=cA.useState([]),[i,n]=cA.useState(null),[o,s]=cA.useState(""),[r,a]=mL("eval-version-selection",null),g=Dz(B=>B.setLastRunEvalVersion),c=Dz(B=>B.lastRunEvalVersion);return cA.useEffect(()=>{e&&fetch("https://data.jsdelivr.com/v1/package/npm/@tscircuit/eval").then(B=>B.json()).then(B=>{if(Array.isArray(B?.versions)){let C=[...B.versions];B.tags?.latest&&(n(B.tags.latest),C=C.filter(Q=>Q!==B.tags.latest)),t(C)}}).catch(()=>{})},[e]),cA.useEffect(()=>{e&&(r?(window.TSCIRCUIT_LATEST_EVAL_VERSION=r,g(r)):i&&(window.TSCIRCUIT_LATEST_EVAL_VERSION=i,g(i)))},[e,r,i]),{versions:cA.useMemo(()=>A.filter(B=>B.includes(o)).slice(0,50),[A,o]),latestVersion:i,lastRunEvalVersion:c,search:o,setSearch:s,selectVersion:B=>{a(B),s("")}}},ZXe=({snippetNames:e,onSelect:A,onCancel:t,isOpen:i})=>{const[n,o]=cA.useState(""),[s,r]=cA.useState("");if(!i)return null;const a=e.filter(I=>I.toLowerCase().includes(s.toLowerCase())),g=s&&!e.includes(s),c=I=>{I.key==="Enter"&&(a.length===1?o(a[0]):g&&o(s))};return iA.jsx("div",{className:"rf-fixed rf-inset-0 rf-bg-black rf-bg-opacity-50 rf-flex rf-items-center rf-justify-center rf-z-[100]",children:iA.jsxs("div",{className:"rf-bg-white rf-rounded-lg rf-p-6 rf-w-96",children:[iA.jsx("h2",{className:"rf-text-lg rf-font-semibold rf-mb-4",children:"Select Snippet"}),iA.jsx("input",{type:"text",className:"rf-w-full rf-px-4 rf-py-2 rf-border rf-rounded rf-mb-4",placeholder:"Search snippets or new snippet name...",value:s,onChange:I=>r(I.target.value),onKeyDown:c}),iA.jsxs("div",{className:"rf-h-60 rf-overflow-y-auto",children:[a.map(I=>iA.jsx("button",{type:"button",className:`w-full text-left px-4 py-2 rounded hover:bg-gray-100 ${n===I?"bg-blue-50":""}`,onClick:()=>o(I),children:I},I)),g&&iA.jsxs("button",{type:"button",className:`w-full text-left px-4 py-2 rounded hover:bg-gray-100 text-blue-500 ${n===s?"bg-blue-50":""}`,onClick:()=>o(s),children:['Create new "',s,'"']})]}),iA.jsxs("div",{className:"rf-mt-4 rf-flex rf-justify-end rf-gap-2",children:[iA.jsx("button",{type:"button",className:"rf-px-4 rf-py-2 rf-text-gray-600 rf-hover:text-gray-800",onClick:t,children:"Cancel"}),iA.jsx("button",{type:"button",className:"rf-px-4 rf-py-2 rf-bg-blue-500 rf-text-white rf-rounded rf-hover:bg-blue-600 rf-disabled:opacity-50",onClick:()=>n&&A(n),disabled:!n,children:n===s?`Create "${n}"`:`Save to ${n}`})]})]})})},VXe=e=>{const A=cA.useRef(null),t=Vf(i=>i.recentEvents);cA.useEffect(()=>{if(t.length===0)return;const i=t[0];i.event_id!==A.current&&(e(i),A.current=i.event_id)},[t,e])};var _z="Dialog",[nEt,oEt]=Zx(_z),[jXe,ox]=nEt(_z),sEt=e=>{const{__scopeDialog:A,children:t,open:i,defaultOpen:n,onOpenChange:o,modal:s=!0}=e,r=cA.useRef(null),a=cA.useRef(null),[g,c]=ZR({prop:i,defaultProp:n??!1,onChange:o,caller:_z});return iA.jsx(jXe,{scope:A,triggerRef:r,contentRef:a,contentId:wy(),titleId:wy(),descriptionId:wy(),open:g,onOpenChange:c,onOpenToggle:cA.useCallback(()=>c(I=>!I),[c]),modal:s,children:t})};sEt.displayName=_z;var rEt="DialogTrigger",aEt=cA.forwardRef((e,A)=>{const{__scopeDialog:t,...i}=e,n=ox(rEt,t),o=IE(A,n.triggerRef);return iA.jsx(Dc.button,{type:"button","aria-haspopup":"dialog","aria-expanded":n.open,"aria-controls":n.contentId,"data-state":CDA(n.open),...i,ref:o,onClick:Qr(e.onClick,n.onOpenToggle)})});aEt.displayName=rEt;var lDA="DialogPortal",[zXe,gEt]=nEt(lDA,{forceMount:void 0}),cEt=e=>{const{__scopeDialog:A,forceMount:t,children:i,container:n}=e,o=ox(lDA,A);return iA.jsx(zXe,{scope:A,forceMount:t,children:cA.Children.map(i,s=>iA.jsx(UD,{present:t||o.open,children:iA.jsx(VV,{asChild:!0,container:n,children:s})}))})};cEt.displayName=lDA;var xz="DialogOverlay",IEt=cA.forwardRef((e,A)=>{const t=gEt(xz,e.__scopeDialog),{forceMount:i=t.forceMount,...n}=e,o=ox(xz,e.__scopeDialog);return o.modal?iA.jsx(UD,{present:i||o.open,children:iA.jsx($Xe,{...n,ref:A})}):null});IEt.displayName=xz;var XXe=WR("DialogOverlay.RemoveScroll"),$Xe=cA.forwardRef((e,A)=>{const{__scopeDialog:t,...i}=e,n=ox(xz,t);return iA.jsx(ij,{as:XXe,allowPinchZoom:!0,shards:[n.contentRef],children:iA.jsx(Dc.div,{"data-state":CDA(n.open),...i,ref:A,style:{pointerEvents:"auto",...i.style}})})}),eN="DialogContent",lEt=cA.forwardRef((e,A)=>{const t=gEt(eN,e.__scopeDialog),{forceMount:i=t.forceMount,...n}=e,o=ox(eN,e.__scopeDialog);return iA.jsx(UD,{present:i||o.open,children:o.modal?iA.jsx(A7e,{...n,ref:A}):iA.jsx(t7e,{...n,ref:A})})});lEt.displayName=eN;var A7e=cA.forwardRef((e,A)=>{const t=ox(eN,e.__scopeDialog),i=cA.useRef(null),n=IE(A,t.contentRef,i);return cA.useEffect(()=>{const o=i.current;if(o)return nmA(o)},[]),iA.jsx(BEt,{...e,ref:n,trapFocus:t.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:Qr(e.onCloseAutoFocus,o=>{o.preventDefault(),t.triggerRef.current?.focus()}),onPointerDownOutside:Qr(e.onPointerDownOutside,o=>{const s=o.detail.originalEvent,r=s.button===0&&s.ctrlKey===!0;(s.button===2||r)&&o.preventDefault()}),onFocusOutside:Qr(e.onFocusOutside,o=>o.preventDefault())})}),t7e=cA.forwardRef((e,A)=>{const t=ox(eN,e.__scopeDialog),i=cA.useRef(!1),n=cA.useRef(!1);return iA.jsx(BEt,{...e,ref:A,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:o=>{e.onCloseAutoFocus?.(o),o.defaultPrevented||(i.current||t.triggerRef.current?.focus(),o.preventDefault()),i.current=!1,n.current=!1},onInteractOutside:o=>{e.onInteractOutside?.(o),o.defaultPrevented||(i.current=!0,o.detail.originalEvent.type==="pointerdown"&&(n.current=!0));const s=o.target;t.triggerRef.current?.contains(s)&&o.preventDefault(),o.detail.originalEvent.type==="focusin"&&n.current&&o.preventDefault()}})}),BEt=cA.forwardRef((e,A)=>{const{__scopeDialog:t,trapFocus:i,onOpenAutoFocus:n,onCloseAutoFocus:o,...s}=e,r=ox(eN,t),a=cA.useRef(null),g=IE(A,a);return HyA(),iA.jsxs(iA.Fragment,{children:[iA.jsx(LV,{asChild:!0,loop:!0,trapped:i,onMountAutoFocus:n,onUnmountAutoFocus:o,children:iA.jsx(MV,{role:"dialog",id:r.contentId,"aria-describedby":r.descriptionId,"aria-labelledby":r.titleId,"data-state":CDA(r.open),...s,ref:g,onDismiss:()=>r.onOpenChange(!1)})}),iA.jsxs(iA.Fragment,{children:[iA.jsx(i7e,{titleId:r.titleId}),iA.jsx(o7e,{contentRef:a,descriptionId:r.descriptionId})]})]})}),BDA="DialogTitle",CEt=cA.forwardRef((e,A)=>{const{__scopeDialog:t,...i}=e,n=ox(BDA,t);return iA.jsx(Dc.h2,{id:n.titleId,...i,ref:A})});CEt.displayName=BDA;var hEt="DialogDescription",QEt=cA.forwardRef((e,A)=>{const{__scopeDialog:t,...i}=e,n=ox(hEt,t);return iA.jsx(Dc.p,{id:n.descriptionId,...i,ref:A})});QEt.displayName=hEt;var uEt="DialogClose",EEt=cA.forwardRef((e,A)=>{const{__scopeDialog:t,...i}=e,n=ox(uEt,t);return iA.jsx(Dc.button,{type:"button",...i,ref:A,onClick:Qr(e.onClick,()=>n.onOpenChange(!1))})});EEt.displayName=uEt;function CDA(e){return e?"open":"closed"}var dEt="DialogTitleWarning",[e7e,pEt]=uae(dEt,{contentName:eN,titleName:BDA,docsSlug:"dialog"}),i7e=({titleId:e})=>{const A=pEt(dEt),t=`\`${A.contentName}\` requires a \`${A.titleName}\` for the component to be accessible for screen reader users.
|
|
5877
|
+
*/const YXe=({containerClassName:e,...A})=>{const t=cA.useRef(null),[i,n]=cA.useState(620);return cA.useLayoutEffect(()=>{const o=()=>{if(t.current){const r=t.current.clientHeight,a=window.innerHeight;n(Math.min(Math.max(r,620),a))}};o();const s=new ResizeObserver(o);return t.current&&s.observe(t.current),window.addEventListener("resize",o),()=>{s.disconnect(),window.removeEventListener("resize",o)}},[]),iA.jsx("div",{ref:t,className:e||"rf-w-full rf-h-full",children:iA.jsx(HXe,{...A,height:i})})},JXe='*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}:root{--radius:0.5rem}.rf-pointer-events-none{pointer-events:none}.rf-invisible{visibility:hidden}.rf-fixed{position:fixed}.rf-absolute{position:absolute}.rf-relative{position:relative}.rf-inset-0{inset:0}.-rf-left-2{left:-.5rem}.-rf-right-10{right:-2.5rem}.-rf-right-2{right:-.5rem}.-rf-right-4{right:-1rem}.-rf-right-6{right:-1.5rem}.-rf-right-7{right:-1.75rem}.-rf-right-8{right:-2rem}.-rf-right-9{right:-2.25rem}.rf-bottom-full{bottom:100%}.rf-left-0{left:0}.rf-left-1{left:.25rem}.rf-left-1\\/2{left:50%}.rf-left-2{left:.5rem}.rf-left-\\[50\\%\\]{left:50%}.rf-right-0{right:0}.rf-right-1{right:.25rem}.rf-right-4{right:1rem}.rf-right-\\[4px\\]{right:4px}.rf-top-0{top:0}.rf-top-1{top:.25rem}.rf-top-2{top:.5rem}.rf-top-2\\.5{top:.625rem}.rf-top-\\[50\\%\\]{top:50%}.rf-top-\\[6px\\]{top:6px}.\\!rf-z-\\[101\\]{z-index:101!important}.\\!rf-z-\\[200\\]{z-index:200!important}.rf-z-10{z-index:10}.rf-z-50{z-index:50}.rf-z-\\[100\\]{z-index:100}.rf-z-\\[101\\]{z-index:101}.rf-order-1{order:1}.rf-order-2{order:2}.rf-order-3{order:3}.rf-m-1{margin:.25rem}.rf-m-6{margin:1.5rem}.-rf-mx-1,.rf--mx-1{margin-left:-.25rem;margin-right:-.25rem}.rf-mx-1{margin-left:.25rem;margin-right:.25rem}.rf-mx-2{margin-left:.5rem;margin-right:.5rem}.rf-mx-4{margin-left:1rem;margin-right:1rem}.rf-mx-auto{margin-left:auto;margin-right:auto}.rf-my-1{margin-bottom:.25rem;margin-top:.25rem}.rf-my-12{margin-bottom:3rem;margin-top:3rem}.rf-my-4{margin-bottom:1rem;margin-top:1rem}.rf-my-auto{margin-bottom:auto;margin-top:auto}.rf-mb-1{margin-bottom:.25rem}.rf-mb-12{margin-bottom:3rem}.rf-mb-2{margin-bottom:.5rem}.rf-mb-3{margin-bottom:.75rem}.rf-mb-4{margin-bottom:1rem}.rf-mb-6{margin-bottom:1.5rem}.rf-mb-8{margin-bottom:2rem}.rf-ml-1{margin-left:.25rem}.rf-ml-2{margin-left:.5rem}.rf-ml-6{margin-left:1.5rem}.rf-ml-auto{margin-left:auto}.rf-mr-1{margin-right:.25rem}.rf-mr-2{margin-right:.5rem}.rf-mr-4{margin-right:1rem}.rf-mt-0{margin-top:0}.rf-mt-0\\.5{margin-top:.125rem}.rf-mt-1{margin-top:.25rem}.rf-mt-2{margin-top:.5rem}.rf-mt-3{margin-top:.75rem}.rf-mt-4{margin-top:1rem}.rf-mt-5{margin-top:1.25rem}.rf-mt-auto{margin-top:auto}.rf-block{display:block}.rf-inline-block{display:inline-block}.rf-inline{display:inline}.rf-flex{display:flex}.rf-inline-flex{display:inline-flex}.rf-grid{display:grid}.rf-hidden{display:none}.rf-aspect-square{aspect-ratio:1/1}.rf-aspect-video{aspect-ratio:16/9}.rf-size-14{height:3.5rem;width:3.5rem}.rf-size-4{height:1rem;width:1rem}.\\!rf-h-2{height:.5rem!important}.\\!rf-h-2\\.5{height:.625rem!important}.\\!rf-h-3{height:.75rem!important}.\\!rf-h-full{height:100%!important}.rf-h-1{height:.25rem}.rf-h-10{height:2.5rem}.rf-h-12{height:3rem}.rf-h-2{height:.5rem}.rf-h-2\\.5{height:.625rem}.rf-h-20{height:5rem}.rf-h-24{height:6rem}.rf-h-3{height:.75rem}.rf-h-3\\.5{height:.875rem}.rf-h-4{height:1rem}.rf-h-5{height:1.25rem}.rf-h-6{height:1.5rem}.rf-h-60{height:15rem}.rf-h-64{height:16rem}.rf-h-7{height:1.75rem}.rf-h-8{height:2rem}.rf-h-9{height:2.25rem}.rf-h-\\[400px\\]{height:400px}.rf-h-\\[calc\\(100vh-52px\\)\\]{height:calc(100vh - 52px)}.rf-h-\\[calc\\(100vh-60px\\)\\]{height:calc(100vh - 60px)}.rf-h-\\[var\\(--radix-select-trigger-height\\)\\]{height:var(--radix-select-trigger-height)}.rf-h-auto{height:auto}.rf-h-fit{height:-moz-fit-content;height:fit-content}.rf-h-full{height:100%}.rf-h-px{height:1px}.rf-h-screen{height:100vh}.\\!rf-max-h-\\[40vh\\]{max-height:40vh!important}.rf-max-h-32{max-height:8rem}.rf-max-h-96{max-height:24rem}.rf-max-h-\\[200px\\]{max-height:200px}.rf-max-h-\\[300px\\]{max-height:300px}.rf-max-h-\\[70vh\\]{max-height:70vh}.rf-max-h-\\[90vh\\]{max-height:90vh}.rf-max-h-full{max-height:100%}.rf-min-h-0{min-height:0}.rf-min-h-\\[100px\\]{min-height:100px}.rf-min-h-\\[200px\\]{min-height:200px}.rf-min-h-\\[300px\\]{min-height:300px}.rf-min-h-\\[620px\\]{min-height:620px}.rf-min-h-\\[calc\\(100vh-240px\\)\\]{min-height:calc(100vh - 240px)}.\\!rf-w-2{width:.5rem!important}.\\!rf-w-2\\.5{width:.625rem!important}.\\!rf-w-\\[95vw\\]{width:95vw!important}.rf-w-1{width:.25rem}.rf-w-11{width:2.75rem}.rf-w-11\\/12{width:91.666667%}.rf-w-12{width:3rem}.rf-w-16{width:4rem}.rf-w-2{width:.5rem}.rf-w-2\\.5{width:.625rem}.rf-w-20{width:5rem}.rf-w-24{width:6rem}.rf-w-28{width:7rem}.rf-w-3{width:.75rem}.rf-w-3\\.5{width:.875rem}.rf-w-32{width:8rem}.rf-w-4{width:1rem}.rf-w-40{width:10rem}.rf-w-48{width:12rem}.rf-w-5{width:1.25rem}.rf-w-6{width:1.5rem}.rf-w-64{width:16rem}.rf-w-72{width:18rem}.rf-w-8{width:2rem}.rf-w-80{width:20rem}.rf-w-9{width:2.25rem}.rf-w-96{width:24rem}.rf-w-fit{width:-moz-fit-content;width:fit-content}.rf-w-full{width:100%}.rf-w-screen{width:100vw}.rf-min-w-0{min-width:0}.rf-min-w-10{min-width:2.5rem}.rf-min-w-16{min-width:4rem}.rf-min-w-32{min-width:8rem}.rf-min-w-80{min-width:20rem}.rf-min-w-96{min-width:24rem}.rf-min-w-\\[148px\\]{min-width:148px}.rf-min-w-\\[600px\\]{min-width:600px}.rf-min-w-\\[8rem\\]{min-width:8rem}.rf-min-w-\\[var\\(--radix-select-trigger-width\\)\\]{min-width:var(--radix-select-trigger-width)}.\\!rf-max-w-\\[95vw\\]{max-width:95vw!important}.rf-max-w-2xl{max-width:42rem}.rf-max-w-3xl{max-width:48rem}.rf-max-w-4xl{max-width:56rem}.rf-max-w-5xl{max-width:64rem}.rf-max-w-64{max-width:16rem}.rf-max-w-96{max-width:24rem}.rf-max-w-\\[1000px\\]{max-width:1000px}.rf-max-w-\\[150px\\]{max-width:150px}.rf-max-w-\\[200px\\]{max-width:200px}.rf-max-w-\\[40\\%\\]{max-width:40%}.rf-max-w-\\[600px\\]{max-width:600px}.rf-max-w-full{max-width:100%}.rf-max-w-lg{max-width:32rem}.rf-max-w-md{max-width:28rem}.rf-max-w-none{max-width:none}.rf-max-w-xl{max-width:36rem}.rf-max-w-xs{max-width:20rem}.rf-flex-1{flex:1 1 0%}.rf-flex-shrink-0,.rf-shrink-0{flex-shrink:0}.rf-flex-grow{flex-grow:1}.rf-table-auto{table-layout:auto}.rf-origin-\\[--radix-popover-content-transform-origin\\]{transform-origin:var(--radix-popover-content-transform-origin)}.-rf-translate-x-1{--tw-translate-x:-0.25rem}.-rf-translate-x-1,.-rf-translate-x-1\\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rf-translate-x-1\\/2{--tw-translate-x:-50%}.-rf-translate-y-1{--tw-translate-y:-0.25rem}.-rf-translate-y-1,.rf--translate-x-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rf--translate-x-1{--tw-translate-x:-0.25rem}.rf--translate-x-1\\/2{--tw-translate-x:-50%}.rf--translate-x-1\\/2,.rf--translate-y-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rf--translate-y-1{--tw-translate-y:-0.25rem}.rf-translate-x-\\[-50\\%\\]{--tw-translate-x:-50%}.rf-translate-x-\\[-50\\%\\],.rf-translate-y-\\[-50\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rf-translate-y-\\[-50\\%\\]{--tw-translate-y:-50%}.rf-rotate-90{--tw-rotate:90deg}.rf-rotate-90,.rf-transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes rf-pulse{50%{opacity:.5}}.rf-animate-pulse{animation:rf-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes rf-spin{to{transform:rotate(1turn)}}.rf-animate-spin{animation:rf-spin 1s linear infinite}.rf-cursor-default{cursor:default}.rf-cursor-not-allowed{cursor:not-allowed}.rf-cursor-pointer{cursor:pointer}.rf-select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.rf-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.rf-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.rf-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.rf-flex-row{flex-direction:row}.rf-flex-col{flex-direction:column}.rf-flex-col-reverse{flex-direction:column-reverse}.rf-flex-wrap{flex-wrap:wrap}.rf-place-items-center{place-items:center}.rf-items-start{align-items:flex-start}.rf-items-end{align-items:flex-end}.rf-items-center{align-items:center}.rf-items-baseline{align-items:baseline}.rf-items-stretch{align-items:stretch}.rf-justify-end{justify-content:flex-end}.rf-justify-center{justify-content:center}.rf-justify-between{justify-content:space-between}.rf-gap-0{gap:0}.rf-gap-1{gap:.25rem}.rf-gap-2{gap:.5rem}.rf-gap-3{gap:.75rem}.rf-gap-4{gap:1rem}.rf-gap-5{gap:1.25rem}.rf-gap-6{gap:1.5rem}.rf-gap-8{gap:2rem}.rf-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.rf-space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.rf-space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.rf-space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.rf-space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.rf-space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.rf-divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.rf-overflow-auto{overflow:auto}.\\!rf-overflow-hidden{overflow:hidden!important}.rf-overflow-hidden{overflow:hidden}.rf-overflow-visible{overflow:visible}.rf-overflow-x-auto{overflow-x:auto}.\\!rf-overflow-y-auto{overflow-y:auto!important}.rf-overflow-y-auto{overflow-y:auto}.rf-overflow-x-hidden{overflow-x:hidden}.rf-overflow-x-clip{overflow-x:clip}.rf-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rf-whitespace-normal{white-space:normal}.rf-whitespace-nowrap{white-space:nowrap}.rf-whitespace-pre-wrap{white-space:pre-wrap}.rf-break-words{overflow-wrap:break-word}.rf-break-all{word-break:break-all}.rf-rounded{border-radius:.25rem}.rf-rounded-2xl{border-radius:1rem}.rf-rounded-full{border-radius:9999px}.rf-rounded-lg{border-radius:var(--radius)}.rf-rounded-md{border-radius:calc(var(--radius) - 2px)}.rf-rounded-sm{border-radius:calc(var(--radius) - 4px)}.rf-rounded-xl{border-radius:.75rem}.rf-border{border-width:1px}.rf-border-2{border-width:2px}.rf-border-b{border-bottom-width:1px}.rf-border-l-2{border-left-width:2px}.rf-border-l-4{border-left-width:4px}.rf-border-t{border-top-width:1px}.rf-border-none{border-style:none}.rf-border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.rf-border-blue-300{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.rf-border-blue-400{--tw-border-opacity:1;border-color:rgb(96 165 250/var(--tw-border-opacity,1))}.rf-border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.rf-border-blue-600{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity,1))}.rf-border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.rf-border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.rf-border-green-200{--tw-border-opacity:1;border-color:rgb(187 247 208/var(--tw-border-opacity,1))}.rf-border-green-400{--tw-border-opacity:1;border-color:rgb(74 222 128/var(--tw-border-opacity,1))}.rf-border-input{border-color:hsl(var(--input))}.rf-border-neutral-200{--tw-border-opacity:1;border-color:rgb(229 229 229/var(--tw-border-opacity,1))}.rf-border-orange-100{--tw-border-opacity:1;border-color:rgb(255 237 213/var(--tw-border-opacity,1))}.rf-border-orange-200{--tw-border-opacity:1;border-color:rgb(254 215 170/var(--tw-border-opacity,1))}.rf-border-orange-500{--tw-border-opacity:1;border-color:rgb(249 115 22/var(--tw-border-opacity,1))}.rf-border-primary{border-color:hsl(var(--primary))}.rf-border-red-100{--tw-border-opacity:1;border-color:rgb(254 226 226/var(--tw-border-opacity,1))}.rf-border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.rf-border-red-400{--tw-border-opacity:1;border-color:rgb(248 113 113/var(--tw-border-opacity,1))}.rf-border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.rf-border-red-600{--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity,1))}.rf-border-zinc-200{--tw-border-opacity:1;border-color:rgb(228 228 231/var(--tw-border-opacity,1))}.rf-border-zinc-900{--tw-border-opacity:1;border-color:rgb(24 24 27/var(--tw-border-opacity,1))}.rf-border-t-blue-600{--tw-border-opacity:1;border-top-color:rgb(37 99 235/var(--tw-border-opacity,1))}.rf-bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.rf-bg-amber-50\\/30{background-color:rgba(255,251,235,.3)}.rf-bg-background{background-color:hsl(var(--background))}.rf-bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.rf-bg-black\\/80{background-color:rgba(0,0,0,.8)}.rf-bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.rf-bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.rf-bg-blue-50\\/30{background-color:rgba(239,246,255,.3)}.rf-bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.rf-bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.rf-bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.rf-bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.rf-bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.rf-bg-gray-400{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}.rf-bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.rf-bg-gray-500{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}.rf-bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.rf-bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.rf-bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.rf-bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.rf-bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.rf-bg-muted{background-color:hsl(var(--muted))}.rf-bg-neutral-100{--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity,1))}.rf-bg-neutral-50{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.rf-bg-neutral-800{--tw-bg-opacity:1;background-color:rgb(38 38 38/var(--tw-bg-opacity,1))}.rf-bg-neutral-900{--tw-bg-opacity:1;background-color:rgb(23 23 23/var(--tw-bg-opacity,1))}.rf-bg-orange-400{--tw-bg-opacity:1;background-color:rgb(251 146 60/var(--tw-bg-opacity,1))}.rf-bg-orange-50{--tw-bg-opacity:1;background-color:rgb(255 247 237/var(--tw-bg-opacity,1))}.rf-bg-orange-50\\/50{background-color:rgba(255,247,237,.5)}.rf-bg-orange-500{--tw-bg-opacity:1;background-color:rgb(249 115 22/var(--tw-bg-opacity,1))}.rf-bg-popover{background-color:hsl(var(--popover))}.rf-bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.rf-bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.rf-bg-red-50\\/50{background-color:hsla(0,86%,97%,.5)}.rf-bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.rf-bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.rf-bg-red-900{--tw-bg-opacity:1;background-color:rgb(127 29 29/var(--tw-bg-opacity,1))}.rf-bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.rf-bg-transparent{background-color:transparent}.rf-bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.rf-bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity,1))}.rf-bg-zinc-100{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1))}.rf-bg-zinc-200{--tw-bg-opacity:1;background-color:rgb(228 228 231/var(--tw-bg-opacity,1))}.rf-bg-zinc-50{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.rf-bg-zinc-800{--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}.rf-bg-zinc-900{--tw-bg-opacity:1;background-color:rgb(24 24 27/var(--tw-bg-opacity,1))}.rf-bg-opacity-50{--tw-bg-opacity:0.5}.rf-fill-amber-500{fill:#f59e0b}.rf-fill-current{fill:currentColor}.rf-object-contain{-o-object-fit:contain;object-fit:contain}.rf-object-cover{-o-object-fit:cover;object-fit:cover}.\\!rf-p-0{padding:0!important}.rf-p-0{padding:0}.rf-p-1{padding:.25rem}.rf-p-2{padding:.5rem}.rf-p-3{padding:.75rem}.rf-p-4{padding:1rem}.rf-p-5{padding:1.25rem}.rf-p-6{padding:1.5rem}.rf-p-8{padding:2rem}.rf-px-1{padding-left:.25rem;padding-right:.25rem}.rf-px-2{padding-left:.5rem;padding-right:.5rem}.rf-px-3{padding-left:.75rem;padding-right:.75rem}.rf-px-4{padding-left:1rem;padding-right:1rem}.rf-px-6{padding-left:1.5rem;padding-right:1.5rem}.rf-px-8{padding-left:2rem;padding-right:2rem}.rf-py-0{padding-bottom:0;padding-top:0}.rf-py-0\\.5{padding-bottom:.125rem;padding-top:.125rem}.rf-py-1{padding-bottom:.25rem;padding-top:.25rem}.rf-py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}.rf-py-10{padding-bottom:2.5rem;padding-top:2.5rem}.rf-py-12{padding-bottom:3rem;padding-top:3rem}.rf-py-2{padding-bottom:.5rem;padding-top:.5rem}.rf-py-3{padding-bottom:.75rem;padding-top:.75rem}.rf-py-4{padding-bottom:1rem;padding-top:1rem}.rf-py-6{padding-bottom:1.5rem;padding-top:1.5rem}.rf-py-8{padding-bottom:2rem;padding-top:2rem}.rf-pb-0{padding-bottom:0}.rf-pb-1{padding-bottom:.25rem}.rf-pb-2{padding-bottom:.5rem}.rf-pb-3{padding-bottom:.75rem}.rf-pb-4{padding-bottom:1rem}.rf-pb-px{padding-bottom:1px}.rf-pl-10{padding-left:2.5rem}.rf-pl-11{padding-left:2.75rem}.rf-pl-12{padding-left:3rem}.rf-pl-2{padding-left:.5rem}.rf-pl-4{padding-left:1rem}.rf-pl-8{padding-left:2rem}.rf-pr-2{padding-right:.5rem}.rf-pt-0{padding-top:0}.rf-pt-1{padding-top:.25rem}.rf-pt-2{padding-top:.5rem}.rf-pt-4{padding-top:1rem}.rf-text-left{text-align:left}.rf-text-center{text-align:center}.rf-text-right{text-align:right}.rf-font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.rf-text-2xl{font-size:1.5rem;line-height:2rem}.rf-text-3xl{font-size:1.875rem;line-height:2.25rem}.rf-text-\\[8px\\]{font-size:8px}.rf-text-base{font-size:1rem;line-height:1.5rem}.rf-text-lg{font-size:1.125rem;line-height:1.75rem}.rf-text-sm{font-size:.875rem;line-height:1.25rem}.rf-text-xl{font-size:1.25rem;line-height:1.75rem}.rf-text-xs{font-size:.75rem;line-height:1rem}.\\!rf-font-normal{font-weight:400!important}.rf-font-bold{font-weight:700}.rf-font-medium{font-weight:500}.rf-font-semibold{font-weight:600}.rf-uppercase{text-transform:uppercase}.rf-capitalize{text-transform:capitalize}.rf-tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.rf-leading-5{line-height:1.25rem}.rf-leading-\\[0\\.95rem\\]{line-height:.95rem}.rf-leading-\\[1rem\\]{line-height:1rem}.rf-leading-none{line-height:1}.rf-leading-relaxed{line-height:1.625}.rf-leading-tight{line-height:1.25}.rf-tracking-wide{letter-spacing:.025em}.rf-tracking-widest{letter-spacing:.1em}.rf-text-amber-500{--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity,1))}.rf-text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.rf-text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}.rf-text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.rf-text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.rf-text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.rf-text-blue-900{--tw-text-opacity:1;color:rgb(30 58 138/var(--tw-text-opacity,1))}.rf-text-current{color:currentColor}.rf-text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.rf-text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.rf-text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.rf-text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.rf-text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.rf-text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.rf-text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.rf-text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.rf-text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.rf-text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.rf-text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1))}.rf-text-green-900{--tw-text-opacity:1;color:rgb(20 83 45/var(--tw-text-opacity,1))}.rf-text-muted-foreground{color:hsl(var(--muted-foreground))}.rf-text-neutral-50{--tw-text-opacity:1;color:rgb(250 250 250/var(--tw-text-opacity,1))}.rf-text-neutral-500{--tw-text-opacity:1;color:rgb(115 115 115/var(--tw-text-opacity,1))}.rf-text-neutral-900{--tw-text-opacity:1;color:rgb(23 23 23/var(--tw-text-opacity,1))}.rf-text-neutral-950{--tw-text-opacity:1;color:rgb(10 10 10/var(--tw-text-opacity,1))}.rf-text-orange-400{--tw-text-opacity:1;color:rgb(251 146 60/var(--tw-text-opacity,1))}.rf-text-orange-500{--tw-text-opacity:1;color:rgb(249 115 22/var(--tw-text-opacity,1))}.rf-text-orange-600{--tw-text-opacity:1;color:rgb(234 88 12/var(--tw-text-opacity,1))}.rf-text-orange-700{--tw-text-opacity:1;color:rgb(194 65 12/var(--tw-text-opacity,1))}.rf-text-orange-800{--tw-text-opacity:1;color:rgb(154 52 18/var(--tw-text-opacity,1))}.rf-text-popover-foreground{color:hsl(var(--popover-foreground))}.rf-text-red-200{--tw-text-opacity:1;color:rgb(254 202 202/var(--tw-text-opacity,1))}.rf-text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.rf-text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.rf-text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.rf-text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.rf-text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.rf-text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.rf-text-red-900{--tw-text-opacity:1;color:rgb(127 29 29/var(--tw-text-opacity,1))}.rf-text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.rf-text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.rf-text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.rf-text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.rf-text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.rf-text-yellow-400{--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity,1))}.rf-text-yellow-500{--tw-text-opacity:1;color:rgb(234 179 8/var(--tw-text-opacity,1))}.rf-text-yellow-600{--tw-text-opacity:1;color:rgb(202 138 4/var(--tw-text-opacity,1))}.rf-text-yellow-900{--tw-text-opacity:1;color:rgb(113 63 18/var(--tw-text-opacity,1))}.rf-text-zinc-200{--tw-text-opacity:1;color:rgb(228 228 231/var(--tw-text-opacity,1))}.rf-text-zinc-300{--tw-text-opacity:1;color:rgb(212 212 216/var(--tw-text-opacity,1))}.rf-text-zinc-400{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.rf-text-zinc-50{--tw-text-opacity:1;color:rgb(250 250 250/var(--tw-text-opacity,1))}.rf-text-zinc-500{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}.rf-text-zinc-900{--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}.rf-text-zinc-950{--tw-text-opacity:1;color:rgb(9 9 11/var(--tw-text-opacity,1))}.rf-underline{text-decoration-line:underline}.rf-line-through{text-decoration-line:line-through}.rf-underline-offset-4{text-underline-offset:4px}.rf-opacity-0{opacity:0}.rf-opacity-100{opacity:1}.rf-opacity-25{opacity:.25}.rf-opacity-30{opacity:.3}.rf-opacity-50{opacity:.5}.rf-opacity-60{opacity:.6}.rf-opacity-70{opacity:.7}.rf-opacity-75{opacity:.75}.rf-shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.rf-shadow,.rf-shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.rf-shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.rf-shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.rf-shadow-md,.rf-shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.rf-shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.rf-outline-none{outline:2px solid transparent;outline-offset:2px}.rf-ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.rf-ring-blue-500{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.rf-ring-primary{--tw-ring-color:hsl(var(--primary))}.rf-ring-offset-background{--tw-ring-offset-color:hsl(var(--background))}.rf-ring-offset-white{--tw-ring-offset-color:#fff}.rf-transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.rf-transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.rf-transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.rf-transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.rf-transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.rf-duration-200{transition-duration:.2s}.rf-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.rf-slide-in-from-left-1{--tw-enter-translate-x:-0.25rem}.rf-slide-out-to-left-1{--tw-exit-translate-x:-0.25rem}.rf-duration-200{animation-duration:.2s}.rf-ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.file\\:rf-border-0::file-selector-button{border-width:0}.file\\:rf-bg-transparent::file-selector-button{background-color:transparent}.file\\:rf-text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\\:rf-font-medium::file-selector-button{font-weight:500}.placeholder\\:rf-text-zinc-500::-moz-placeholder{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}.placeholder\\:rf-text-zinc-500::placeholder{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}.hover\\:rf-border-blue-300:hover{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.hover\\:\\!rf-bg-transparent:hover{background-color:transparent!important}.hover\\:rf-bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\\:rf-bg-orange-100:hover{--tw-bg-opacity:1;background-color:rgb(255 237 213/var(--tw-bg-opacity,1))}.hover\\:rf-bg-red-100:hover{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.hover\\:rf-bg-red-500\\/90:hover{background-color:rgba(239,68,68,.9)}.hover\\:rf-bg-slate-200:hover{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.hover\\:rf-bg-zinc-100:hover{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1))}.hover\\:rf-bg-zinc-100\\/80:hover{background-color:hsla(240,5%,96%,.8)}.hover\\:rf-bg-zinc-900\\/90:hover{background-color:rgba(24,24,27,.9)}.hover\\:rf-text-blue-800:hover{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.hover\\:rf-text-red-400:hover{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.hover\\:rf-text-slate-800:hover{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.hover\\:rf-text-slate-900:hover{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.hover\\:rf-text-zinc-900:hover{--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}.hover\\:rf-underline:hover{text-decoration-line:underline}.focus\\:rf-bg-gray-100:focus{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.focus\\:rf-bg-zinc-100:focus{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1))}.focus\\:rf-text-gray-900:focus{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.focus\\:rf-text-zinc-900:focus{--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}.focus\\:rf-outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\\:rf-ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\\:rf-ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.focus\\:rf-ring-ring:focus{--tw-ring-color:hsl(var(--ring))}.focus\\:rf-ring-offset-2:focus{--tw-ring-offset-width:2px}.focus-visible\\:rf-outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\\:rf-ring-1:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\\:rf-ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\\:rf-ring-zinc-950:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(9 9 11/var(--tw-ring-opacity,1))}.focus-visible\\:rf-ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.disabled\\:rf-pointer-events-none:disabled{pointer-events:none}.disabled\\:rf-cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:rf-opacity-50:disabled{opacity:.5}.rf-group:hover .group-hover\\:rf-opacity-100,.rf-group\\/bar:hover .group-hover\\/bar\\:rf-opacity-100{opacity:1}.rf-peer:disabled~.peer-disabled\\:rf-cursor-not-allowed{cursor:not-allowed}.rf-peer:disabled~.peer-disabled\\:rf-opacity-70{opacity:.7}.data-\\[disabled\\=true\\]\\:rf-pointer-events-none[data-disabled=true],.data-\\[disabled\\]\\:rf-pointer-events-none[data-disabled]{pointer-events:none}.data-\\[side\\=bottom\\]\\:rf-translate-y-1[data-side=bottom]{--tw-translate-y:0.25rem}.data-\\[side\\=bottom\\]\\:rf-translate-y-1[data-side=bottom],.data-\\[side\\=left\\]\\:-rf-translate-x-1[data-side=left]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[side\\=left\\]\\:-rf-translate-x-1[data-side=left]{--tw-translate-x:-0.25rem}.data-\\[side\\=right\\]\\:rf-translate-x-1[data-side=right]{--tw-translate-x:0.25rem}.data-\\[side\\=right\\]\\:rf-translate-x-1[data-side=right],.data-\\[side\\=top\\]\\:-rf-translate-y-1[data-side=top]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\\[side\\=top\\]\\:-rf-translate-y-1[data-side=top]{--tw-translate-y:-0.25rem}.data-\\[selected\\=true\\]\\:rf-bg-zinc-100[data-selected=true]{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1))}.data-\\[state\\=active\\]\\:rf-bg-white[data-state=active]{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.data-\\[state\\=checked\\]\\:rf-bg-zinc-900[data-state=checked]{--tw-bg-opacity:1;background-color:rgb(24 24 27/var(--tw-bg-opacity,1))}.data-\\[state\\=open\\]\\:rf-bg-zinc-100[data-state=open]{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1))}.data-\\[selected\\=true\\]\\:rf-text-zinc-900[data-selected=true]{--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}.data-\\[state\\=active\\]\\:rf-text-zinc-950[data-state=active]{--tw-text-opacity:1;color:rgb(9 9 11/var(--tw-text-opacity,1))}.data-\\[state\\=checked\\]\\:rf-text-zinc-50[data-state=checked]{--tw-text-opacity:1;color:rgb(250 250 250/var(--tw-text-opacity,1))}.data-\\[disabled\\=true\\]\\:rf-opacity-50[data-disabled=true],.data-\\[disabled\\]\\:rf-opacity-50[data-disabled]{opacity:.5}.data-\\[state\\=active\\]\\:rf-shadow[data-state=active]{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.data-\\[state\\=open\\]\\:rf-animate-in[data-state=open]{animation-duration:.15s;animation-name:enter;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.data-\\[state\\=closed\\]\\:rf-animate-out[data-state=closed]{animation-duration:.15s;animation-name:exit;--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial}.data-\\[state\\=closed\\]\\:rf-fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\\[state\\=open\\]\\:rf-fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\\[state\\=closed\\]\\:rf-zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\\[state\\=open\\]\\:rf-zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\\[side\\=bottom\\]\\:rf-slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:-0.5rem}.data-\\[side\\=left\\]\\:rf-slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:0.5rem}.data-\\[side\\=right\\]\\:rf-slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:-0.5rem}.data-\\[side\\=top\\]\\:rf-slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:0.5rem}.data-\\[state\\=closed\\]\\:rf-slide-out-to-left-1\\/2[data-state=closed]{--tw-exit-translate-x:-50%}.data-\\[state\\=closed\\]\\:rf-slide-out-to-top-\\[48\\%\\][data-state=closed]{--tw-exit-translate-y:-48%}.data-\\[state\\=open\\]\\:rf-slide-in-from-left-1\\/2[data-state=open]{--tw-enter-translate-x:-50%}.data-\\[state\\=open\\]\\:rf-slide-in-from-top-\\[48\\%\\][data-state=open]{--tw-enter-translate-y:-48%}.dark\\:rf-border-zinc-50:is(.rf-dark *){--tw-border-opacity:1;border-color:rgb(250 250 250/var(--tw-border-opacity,1))}.dark\\:rf-border-zinc-800:is(.rf-dark *){--tw-border-opacity:1;border-color:rgb(39 39 42/var(--tw-border-opacity,1))}.dark\\:rf-bg-gray-700:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.dark\\:rf-bg-gray-800:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.dark\\:rf-bg-red-900:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(127 29 29/var(--tw-bg-opacity,1))}.dark\\:rf-bg-zinc-50:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.dark\\:rf-bg-zinc-800:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}.dark\\:rf-bg-zinc-950:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(9 9 11/var(--tw-bg-opacity,1))}.dark\\:rf-text-gray-500:is(.rf-dark *){--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.dark\\:rf-text-zinc-400:is(.rf-dark *){--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.dark\\:rf-text-zinc-50:is(.rf-dark *){--tw-text-opacity:1;color:rgb(250 250 250/var(--tw-text-opacity,1))}.dark\\:rf-text-zinc-900:is(.rf-dark *){--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}.dark\\:rf-placeholder-zinc-400:is(.rf-dark *)::-moz-placeholder{--tw-placeholder-opacity:1;color:rgb(161 161 170/var(--tw-placeholder-opacity,1))}.dark\\:rf-placeholder-zinc-400:is(.rf-dark *)::placeholder{--tw-placeholder-opacity:1;color:rgb(161 161 170/var(--tw-placeholder-opacity,1))}.dark\\:rf-ring-offset-zinc-950:is(.rf-dark *){--tw-ring-offset-color:#09090b}.dark\\:placeholder\\:rf-text-zinc-400:is(.rf-dark *)::-moz-placeholder{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.dark\\:placeholder\\:rf-text-zinc-400:is(.rf-dark *)::placeholder{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.dark\\:hover\\:rf-bg-red-900\\/90:hover:is(.rf-dark *){background-color:rgba(127,29,29,.9)}.dark\\:hover\\:rf-bg-zinc-50\\/90:hover:is(.rf-dark *){background-color:hsla(0,0%,98%,.9)}.dark\\:hover\\:rf-bg-zinc-800:hover:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}.dark\\:hover\\:rf-bg-zinc-800\\/80:hover:is(.rf-dark *){background-color:rgba(39,39,42,.8)}.dark\\:hover\\:rf-text-zinc-50:hover:is(.rf-dark *){--tw-text-opacity:1;color:rgb(250 250 250/var(--tw-text-opacity,1))}.dark\\:focus\\:rf-bg-zinc-800:focus:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}.dark\\:focus\\:rf-text-zinc-50:focus:is(.rf-dark *){--tw-text-opacity:1;color:rgb(250 250 250/var(--tw-text-opacity,1))}.dark\\:focus-visible\\:rf-ring-zinc-300:focus-visible:is(.rf-dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(212 212 216/var(--tw-ring-opacity,1))}.dark\\:data-\\[selected\\=true\\]\\:rf-bg-zinc-800[data-selected=true]:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}.dark\\:data-\\[state\\=active\\]\\:rf-bg-zinc-950[data-state=active]:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(9 9 11/var(--tw-bg-opacity,1))}.dark\\:data-\\[state\\=checked\\]\\:rf-bg-zinc-50[data-state=checked]:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.dark\\:data-\\[state\\=open\\]\\:rf-bg-zinc-800[data-state=open]:is(.rf-dark *){--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}.dark\\:data-\\[selected\\=true\\]\\:rf-text-zinc-50[data-selected=true]:is(.rf-dark *){--tw-text-opacity:1;color:rgb(250 250 250/var(--tw-text-opacity,1))}.dark\\:data-\\[state\\=active\\]\\:rf-text-zinc-50[data-state=active]:is(.rf-dark *){--tw-text-opacity:1;color:rgb(250 250 250/var(--tw-text-opacity,1))}.dark\\:data-\\[state\\=checked\\]\\:rf-text-zinc-900[data-state=checked]:is(.rf-dark *){--tw-text-opacity:1;color:rgb(24 24 27/var(--tw-text-opacity,1))}@media (min-width:640px){.sm\\:rf-order-1{order:1}.sm\\:rf-order-2{order:2}.sm\\:rf-mt-0{margin-top:0}.sm\\:rf-mt-4{margin-top:1rem}.sm\\:rf-block{display:block}.sm\\:rf-inline{display:inline}.sm\\:rf-grid{display:grid}.sm\\:rf-hidden{display:none}.sm\\:rf-h-5{height:1.25rem}.sm\\:rf-w-1\\/2{width:50%}.sm\\:rf-w-5{width:1.25rem}.sm\\:rf-w-\\[90vw\\]{width:90vw}.sm\\:rf-w-auto{width:auto}.sm\\:rf-max-w-\\[500px\\]{max-width:500px}.sm\\:rf-max-w-md{max-width:28rem}.sm\\:rf-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\\:rf-grid-cols-\\[1fr_auto\\]{grid-template-columns:1fr auto}.sm\\:rf-flex-row{flex-direction:row}.sm\\:rf-items-center{align-items:center}.sm\\:rf-justify-end{justify-content:flex-end}.sm\\:rf-gap-3{gap:.75rem}.sm\\:rf-gap-4{gap:1rem}.sm\\:rf-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.sm\\:rf-justify-self-end{justify-self:end}.sm\\:rf-rounded-lg{border-radius:var(--radius)}.sm\\:rf-p-3{padding:.75rem}.sm\\:rf-p-6{padding:1.5rem}.sm\\:rf-px-4{padding-left:1rem;padding-right:1rem}.sm\\:rf-px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\\:rf-py-6{padding-bottom:1.5rem;padding-top:1.5rem}.sm\\:rf-text-left{text-align:left}.sm\\:rf-text-right{text-align:right}.sm\\:rf-text-2xl{font-size:1.5rem;line-height:2rem}.sm\\:rf-text-base{font-size:1rem;line-height:1.5rem}.sm\\:rf-text-sm{font-size:.875rem;line-height:1.25rem}.sm\\:rf-text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:768px){.md\\:rf-w-auto{width:auto}.md\\:rf-max-w-\\[660px\\]{max-width:660px}.md\\:rf-max-w-lg{max-width:32rem}.md\\:rf-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:rf-p-8{padding:2rem}.md\\:rf-py-8{padding-bottom:2rem;padding-top:2rem}.md\\:rf-text-3xl{font-size:1.875rem;line-height:2.25rem}}@media (min-width:1024px){.lg\\:rf-max-w-\\[720px\\]{max-width:720px}.lg\\:rf-max-w-xl{max-width:36rem}}@media (min-width:1280px){.xl\\:rf-max-w-\\[800px\\]{max-width:800px}}.\\[\\&\\>span\\]\\:rf-line-clamp-1>span{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1}.\\[\\&\\>svg\\]\\:rf-size-4>svg{height:1rem;width:1rem}.\\[\\&\\>svg\\]\\:rf-shrink-0>svg{flex-shrink:0}.\\[\\&\\>svg\\]\\:rf-text-red-300>svg{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.\\[\\&\\>svg\\]\\:hover\\:rf-text-red-400:hover>svg{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.\\[\\&_\\[cmdk-group-heading\\]\\]\\:rf-px-2 [cmdk-group-heading]{padding-left:.5rem;padding-right:.5rem}.\\[\\&_\\[cmdk-group-heading\\]\\]\\:rf-py-1\\.5 [cmdk-group-heading]{padding-bottom:.375rem;padding-top:.375rem}.\\[\\&_\\[cmdk-group-heading\\]\\]\\:rf-text-xs [cmdk-group-heading]{font-size:.75rem;line-height:1rem}.\\[\\&_\\[cmdk-group-heading\\]\\]\\:rf-font-medium [cmdk-group-heading]{font-weight:500}.\\[\\&_\\[cmdk-group-heading\\]\\]\\:rf-text-zinc-500 [cmdk-group-heading]{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}.dark\\:\\[\\&_\\[cmdk-group-heading\\]\\]\\:rf-text-zinc-400 [cmdk-group-heading]:is(.rf-dark *){--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.\\[\\&_\\[cmdk-group\\]\\:not\\(\\[hidden\\]\\)_\\~\\[cmdk-group\\]\\]\\:rf-pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:0}.\\[\\&_\\[cmdk-group\\]\\]\\:rf-px-2 [cmdk-group]{padding-left:.5rem;padding-right:.5rem}.\\[\\&_\\[cmdk-input-wrapper\\]_svg\\]\\:rf-h-5 [cmdk-input-wrapper] svg{height:1.25rem}.\\[\\&_\\[cmdk-input-wrapper\\]_svg\\]\\:rf-w-5 [cmdk-input-wrapper] svg{width:1.25rem}.\\[\\&_\\[cmdk-input\\]\\]\\:rf-h-12 [cmdk-input]{height:3rem}.\\[\\&_\\[cmdk-item\\]\\]\\:rf-px-2 [cmdk-item]{padding-left:.5rem;padding-right:.5rem}.\\[\\&_\\[cmdk-item\\]\\]\\:rf-py-3 [cmdk-item]{padding-bottom:.75rem;padding-top:.75rem}.\\[\\&_\\[cmdk-item\\]_svg\\]\\:rf-h-5 [cmdk-item] svg{height:1.25rem}.\\[\\&_\\[cmdk-item\\]_svg\\]\\:rf-w-5 [cmdk-item] svg{width:1.25rem}.\\[\\&_svg\\]\\:rf-pointer-events-none svg{pointer-events:none}.\\[\\&_svg\\]\\:rf-size-4 svg{height:1rem;width:1rem}.\\[\\&_svg\\]\\:rf-shrink-0 svg{flex-shrink:0}',wz=()=>{cA.useEffect(()=>{if(document.querySelector('style[data-styles="tscircuit-runframe"]'))return;const A=document.createElement("style");A.setAttribute("data-styles","tscircuit-runframe"),A.textContent=JXe,document.head.appendChild(A)},[])},TXe=e=>{cA.useEffect(()=>(e?document.body.style.overflow="hidden":document.body.style.overflow="",()=>{document.body.style.overflow=""}),[e])};function mL(e,A){const[t,i]=cA.useState(()=>{try{const n=window.localStorage.getItem(e);return n?JSON.parse(n):A}catch(n){return console.error("Error reading from localStorage:",n),A}});return cA.useEffect(()=>{try{window.localStorage.setItem(e,JSON.stringify(t))}catch(n){console.error("Error writing to localStorage:",n)}},[e,t]),[t,i]}const tEt=e=>`hsl(${Om.indexOf(e)*137.5%360}, 70%, 50%)`,KXe=({phaseTimings:e})=>{if(!e)return null;const A=Object.values(e).reduce((t,i)=>t+i,0);return iA.jsxs("div",{className:"rf-space-y-2 rf-w-full rf-px-4",children:[iA.jsx("div",{className:"rf-relative rf-h-8 rf-flex rf-rounded-sm",children:Om.map(t=>{const i=e[t]||0,n=i/A*100;return iA.jsx("div",{className:"rf-group/bar rf-relative rf-overflow-visible",style:{width:`${n}%`,backgroundColor:tEt(t)},children:iA.jsxs("div",{className:"rf-opacity-0 group-hover/bar:rf-opacity-100 rf-transition-opacity rf-absolute rf-bottom-full rf-left-1/2 rf-transform -rf-translate-x-1/2 rf-mb-2 rf-px-2 rf-py-1 rf-text-xs rf-whitespace-nowrap rf-rounded rf-bg-gray-900 rf-text-white rf-pointer-events-none",children:[t,": ",i.toFixed(1),"ms"]})},t)})}),iA.jsxs("div",{className:"rf-text-xs rf-text-gray-500",children:["Total: ",A.toFixed(2),"ms"]})]})},qXe=e=>{if(e instanceof Blob)return e;if(e==null)return"";if(typeof e=="string")return e;if(typeof e=="object")try{return JSON.stringify(e,null,2)}catch{return String(e)}return String(e)},PXe=({renderLog:e,onRerunWithDebug:A})=>{const[t,i]=cA.useState("chronological"),[n,o]=cA.useState(""),s=[{value:"",label:"None"},{value:"DEBUG=Group_doInitialSchematicTraceRender",label:"DEBUG=Group_doInitialSchematicTraceRender"},{value:"DEBUG=Group_doInitialSchematicLayoutMatchpack",label:"DEBUG=Group_doInitialSchematicLayoutMatchpack"},{value:"DEBUG=Group_doInitialPcbLayoutPack",label:"DEBUG=Group_doInitialPcbLayoutPack"}];if(!e)return iA.jsxs("div",{className:"rf-p-4 rf-bg-gray-100 rf-rounded-md",children:[iA.jsx("div",{className:"rf-mb-4",children:"No render log, make sure this tab is open when you render"}),A&&iA.jsxs("div",{className:"rf-flex rf-gap-2 rf-items-center",children:[iA.jsx("select",{value:n,onChange:g=>o(g.target.value),className:"rf-px-3 rf-py-1 rf-border rf-rounded rf-text-xs rf-bg-white",children:s.map(g=>iA.jsx("option",{value:g.value,children:g.label},g.value))}),iA.jsx(uC,{onClick:()=>A(n),size:"sm",className:"rf-text-xs",children:"Rerun Render with Debug"})]})]});const r=Object.entries(e?.phaseTimings??{});t==="chronological"?r.sort((g,c)=>Om.indexOf(g[0])-Om.indexOf(c[0])):r.sort((g,c)=>c[1]-g[1]);const a=r.reduce((g,[c,I])=>g+I,0);return iA.jsxs("div",{className:"rf-bg-white",children:[iA.jsxs("div",{className:"rf-flex rf-justify-between rf-items-center rf-mb-4",children:[iA.jsx("div",{children:"Render Logs"}),iA.jsxs("div",{className:"rf-flex rf-gap-4 rf-items-center",children:[A&&iA.jsxs("div",{className:"rf-flex rf-gap-2 rf-items-center",children:[iA.jsx("select",{value:n,onChange:g=>o(g.target.value),className:"rf-px-3 rf-py-1 rf-border rf-rounded rf-text-xs rf-bg-white",children:s.map(g=>iA.jsx("option",{value:g.value,children:g.label},g.value))}),iA.jsx(uC,{onClick:()=>A(n),size:"sm",className:"rf-text-xs",children:"Rerun Render with Debug"})]}),iA.jsx("div",{className:"rf-flex rf-gap-2 rf-items-center",children:iA.jsxs("select",{onChange:g=>{if(g.target.value){const c=e?.debugOutputs?.find(I=>I.name===g.target.value);if(c){const I=qXe(c.content),l=I instanceof Blob?I:new Blob([I],{type:"text/plain"}),B=URL.createObjectURL(l),C=document.createElement("a");C.href=B,C.download=`debug-${c.name}.txt`,document.body.appendChild(C),C.click(),document.body.removeChild(C),URL.revokeObjectURL(B)}g.target.value=""}},disabled:!e?.debugOutputs||e.debugOutputs.length===0,className:"rf-px-3 rf-py-1 rf-border rf-rounded rf-text-xs rf-bg-white disabled:rf-opacity-50 disabled:rf-cursor-not-allowed",children:[iA.jsx("option",{value:"",children:"Download Debug Output"}),e?.debugOutputs?.map(g=>iA.jsx("option",{value:g.name,children:g.name},g.name))]})}),iA.jsxs("div",{className:"rf-flex rf-text-xs rf-items-center",children:[iA.jsx("div",{className:"rf-mr-2",children:"Sort by:"}),iA.jsxs("select",{value:t,onChange:g=>i(g.target.value),className:"rf-px-2 rf-py-1 rf-border rf-rounded rf-text-xs",children:[iA.jsx("option",{value:"chronological",children:"Phase Order"}),iA.jsx("option",{value:"longest",children:"Duration"})]})]})]})]}),iA.jsx(KXe,{phaseTimings:e.phaseTimings}),iA.jsxs("table",{className:"rf-w-full rf-text-xs",children:[iA.jsx("thead",{children:iA.jsxs("tr",{children:[iA.jsx("th",{className:"rf-text-left rf-p-2",children:"Phase Order"}),iA.jsx("th",{className:"rf-text-left rf-p-2",children:"Phase"}),iA.jsx("th",{className:"rf-text-left rf-p-2",children:"Duration (ms)"})]})}),iA.jsx("tbody",{children:r.map(([g,c])=>iA.jsxs("tr",{children:[iA.jsx("td",{className:"rf-p-2",children:Om.indexOf(g)}),iA.jsx("td",{className:"rf-p-2",children:g}),iA.jsx("td",{className:"rf-p-2",children:iA.jsx("div",{className:"rf-w-8",children:iA.jsx("div",{className:"rf-h-2 rf-rounded-sm",style:{backgroundColor:tEt(g),width:`${c/a*100}%`}})})}),iA.jsx("td",{className:"rf-p-2",children:iA.jsxs("div",{className:"rf-flex w-full",children:[iA.jsxs("span",{className:"rf-flex-grow",children:[c,"ms"]}),iA.jsxs("span",{className:"rf-text-gray-500 rf-pr-2",children:[(c/a*100).toFixed(1),"%"]})]})})]},g))})]})]})},eEt=({errorMessage:e,errorStack:A,circuitJsonErrors:t})=>{cA.useEffect(()=>{if(e){const i=new Error(e);A&&(i.stack=A);try{j9.captureException(i)}catch{}}},[e,A]),cA.useEffect(()=>{if(t&&t.length>0)for(const i of t){const n=new Error(i.message||"Circuit JSON Error");i.stack&&(n.stack=i.stack);try{j9.captureException(n,{error_type:i.type})}catch{}}},[t])},iEt="0.0.1312",OXe={version:iEt},Dz=X5A()($5A(e=>({lastRunEvalVersion:void 0,setLastRunEvalVersion:A=>{e({lastRunEvalVersion:A})}}),{name:"runframe-runner-store"})),WXe=e=>{const[A,t]=cA.useState([]),[i,n]=cA.useState(null),[o,s]=cA.useState(""),[r,a]=mL("eval-version-selection",null),g=Dz(B=>B.setLastRunEvalVersion),c=Dz(B=>B.lastRunEvalVersion);return cA.useEffect(()=>{e&&fetch("https://data.jsdelivr.com/v1/package/npm/@tscircuit/eval").then(B=>B.json()).then(B=>{if(Array.isArray(B?.versions)){let C=[...B.versions];B.tags?.latest&&(n(B.tags.latest),C=C.filter(Q=>Q!==B.tags.latest)),t(C)}}).catch(()=>{})},[e]),cA.useEffect(()=>{e&&(r?(window.TSCIRCUIT_LATEST_EVAL_VERSION=r,g(r)):i&&(window.TSCIRCUIT_LATEST_EVAL_VERSION=i,g(i)))},[e,r,i]),{versions:cA.useMemo(()=>A.filter(B=>B.includes(o)).slice(0,50),[A,o]),latestVersion:i,lastRunEvalVersion:c,search:o,setSearch:s,selectVersion:B=>{a(B),s("")}}},ZXe=({snippetNames:e,onSelect:A,onCancel:t,isOpen:i})=>{const[n,o]=cA.useState(""),[s,r]=cA.useState("");if(!i)return null;const a=e.filter(I=>I.toLowerCase().includes(s.toLowerCase())),g=s&&!e.includes(s),c=I=>{I.key==="Enter"&&(a.length===1?o(a[0]):g&&o(s))};return iA.jsx("div",{className:"rf-fixed rf-inset-0 rf-bg-black rf-bg-opacity-50 rf-flex rf-items-center rf-justify-center rf-z-[100]",children:iA.jsxs("div",{className:"rf-bg-white rf-rounded-lg rf-p-6 rf-w-96",children:[iA.jsx("h2",{className:"rf-text-lg rf-font-semibold rf-mb-4",children:"Select Snippet"}),iA.jsx("input",{type:"text",className:"rf-w-full rf-px-4 rf-py-2 rf-border rf-rounded rf-mb-4",placeholder:"Search snippets or new snippet name...",value:s,onChange:I=>r(I.target.value),onKeyDown:c}),iA.jsxs("div",{className:"rf-h-60 rf-overflow-y-auto",children:[a.map(I=>iA.jsx("button",{type:"button",className:`w-full text-left px-4 py-2 rounded hover:bg-gray-100 ${n===I?"bg-blue-50":""}`,onClick:()=>o(I),children:I},I)),g&&iA.jsxs("button",{type:"button",className:`w-full text-left px-4 py-2 rounded hover:bg-gray-100 text-blue-500 ${n===s?"bg-blue-50":""}`,onClick:()=>o(s),children:['Create new "',s,'"']})]}),iA.jsxs("div",{className:"rf-mt-4 rf-flex rf-justify-end rf-gap-2",children:[iA.jsx("button",{type:"button",className:"rf-px-4 rf-py-2 rf-text-gray-600 rf-hover:text-gray-800",onClick:t,children:"Cancel"}),iA.jsx("button",{type:"button",className:"rf-px-4 rf-py-2 rf-bg-blue-500 rf-text-white rf-rounded rf-hover:bg-blue-600 rf-disabled:opacity-50",onClick:()=>n&&A(n),disabled:!n,children:n===s?`Create "${n}"`:`Save to ${n}`})]})]})})},VXe=e=>{const A=cA.useRef(null),t=Vf(i=>i.recentEvents);cA.useEffect(()=>{if(t.length===0)return;const i=t[0];i.event_id!==A.current&&(e(i),A.current=i.event_id)},[t,e])};var _z="Dialog",[nEt,oEt]=Zx(_z),[jXe,ox]=nEt(_z),sEt=e=>{const{__scopeDialog:A,children:t,open:i,defaultOpen:n,onOpenChange:o,modal:s=!0}=e,r=cA.useRef(null),a=cA.useRef(null),[g,c]=ZR({prop:i,defaultProp:n??!1,onChange:o,caller:_z});return iA.jsx(jXe,{scope:A,triggerRef:r,contentRef:a,contentId:wy(),titleId:wy(),descriptionId:wy(),open:g,onOpenChange:c,onOpenToggle:cA.useCallback(()=>c(I=>!I),[c]),modal:s,children:t})};sEt.displayName=_z;var rEt="DialogTrigger",aEt=cA.forwardRef((e,A)=>{const{__scopeDialog:t,...i}=e,n=ox(rEt,t),o=IE(A,n.triggerRef);return iA.jsx(Dc.button,{type:"button","aria-haspopup":"dialog","aria-expanded":n.open,"aria-controls":n.contentId,"data-state":CDA(n.open),...i,ref:o,onClick:Qr(e.onClick,n.onOpenToggle)})});aEt.displayName=rEt;var lDA="DialogPortal",[zXe,gEt]=nEt(lDA,{forceMount:void 0}),cEt=e=>{const{__scopeDialog:A,forceMount:t,children:i,container:n}=e,o=ox(lDA,A);return iA.jsx(zXe,{scope:A,forceMount:t,children:cA.Children.map(i,s=>iA.jsx(UD,{present:t||o.open,children:iA.jsx(VV,{asChild:!0,container:n,children:s})}))})};cEt.displayName=lDA;var xz="DialogOverlay",IEt=cA.forwardRef((e,A)=>{const t=gEt(xz,e.__scopeDialog),{forceMount:i=t.forceMount,...n}=e,o=ox(xz,e.__scopeDialog);return o.modal?iA.jsx(UD,{present:i||o.open,children:iA.jsx($Xe,{...n,ref:A})}):null});IEt.displayName=xz;var XXe=WR("DialogOverlay.RemoveScroll"),$Xe=cA.forwardRef((e,A)=>{const{__scopeDialog:t,...i}=e,n=ox(xz,t);return iA.jsx(ij,{as:XXe,allowPinchZoom:!0,shards:[n.contentRef],children:iA.jsx(Dc.div,{"data-state":CDA(n.open),...i,ref:A,style:{pointerEvents:"auto",...i.style}})})}),eN="DialogContent",lEt=cA.forwardRef((e,A)=>{const t=gEt(eN,e.__scopeDialog),{forceMount:i=t.forceMount,...n}=e,o=ox(eN,e.__scopeDialog);return iA.jsx(UD,{present:i||o.open,children:o.modal?iA.jsx(A7e,{...n,ref:A}):iA.jsx(t7e,{...n,ref:A})})});lEt.displayName=eN;var A7e=cA.forwardRef((e,A)=>{const t=ox(eN,e.__scopeDialog),i=cA.useRef(null),n=IE(A,t.contentRef,i);return cA.useEffect(()=>{const o=i.current;if(o)return nmA(o)},[]),iA.jsx(BEt,{...e,ref:n,trapFocus:t.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:Qr(e.onCloseAutoFocus,o=>{o.preventDefault(),t.triggerRef.current?.focus()}),onPointerDownOutside:Qr(e.onPointerDownOutside,o=>{const s=o.detail.originalEvent,r=s.button===0&&s.ctrlKey===!0;(s.button===2||r)&&o.preventDefault()}),onFocusOutside:Qr(e.onFocusOutside,o=>o.preventDefault())})}),t7e=cA.forwardRef((e,A)=>{const t=ox(eN,e.__scopeDialog),i=cA.useRef(!1),n=cA.useRef(!1);return iA.jsx(BEt,{...e,ref:A,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:o=>{e.onCloseAutoFocus?.(o),o.defaultPrevented||(i.current||t.triggerRef.current?.focus(),o.preventDefault()),i.current=!1,n.current=!1},onInteractOutside:o=>{e.onInteractOutside?.(o),o.defaultPrevented||(i.current=!0,o.detail.originalEvent.type==="pointerdown"&&(n.current=!0));const s=o.target;t.triggerRef.current?.contains(s)&&o.preventDefault(),o.detail.originalEvent.type==="focusin"&&n.current&&o.preventDefault()}})}),BEt=cA.forwardRef((e,A)=>{const{__scopeDialog:t,trapFocus:i,onOpenAutoFocus:n,onCloseAutoFocus:o,...s}=e,r=ox(eN,t),a=cA.useRef(null),g=IE(A,a);return HyA(),iA.jsxs(iA.Fragment,{children:[iA.jsx(LV,{asChild:!0,loop:!0,trapped:i,onMountAutoFocus:n,onUnmountAutoFocus:o,children:iA.jsx(MV,{role:"dialog",id:r.contentId,"aria-describedby":r.descriptionId,"aria-labelledby":r.titleId,"data-state":CDA(r.open),...s,ref:g,onDismiss:()=>r.onOpenChange(!1)})}),iA.jsxs(iA.Fragment,{children:[iA.jsx(i7e,{titleId:r.titleId}),iA.jsx(o7e,{contentRef:a,descriptionId:r.descriptionId})]})]})}),BDA="DialogTitle",CEt=cA.forwardRef((e,A)=>{const{__scopeDialog:t,...i}=e,n=ox(BDA,t);return iA.jsx(Dc.h2,{id:n.titleId,...i,ref:A})});CEt.displayName=BDA;var hEt="DialogDescription",QEt=cA.forwardRef((e,A)=>{const{__scopeDialog:t,...i}=e,n=ox(hEt,t);return iA.jsx(Dc.p,{id:n.descriptionId,...i,ref:A})});QEt.displayName=hEt;var uEt="DialogClose",EEt=cA.forwardRef((e,A)=>{const{__scopeDialog:t,...i}=e,n=ox(uEt,t);return iA.jsx(Dc.button,{type:"button",...i,ref:A,onClick:Qr(e.onClick,()=>n.onOpenChange(!1))})});EEt.displayName=uEt;function CDA(e){return e?"open":"closed"}var dEt="DialogTitleWarning",[e7e,pEt]=uae(dEt,{contentName:eN,titleName:BDA,docsSlug:"dialog"}),i7e=({titleId:e})=>{const A=pEt(dEt),t=`\`${A.contentName}\` requires a \`${A.titleName}\` for the component to be accessible for screen reader users.
|
|
5878
5878
|
|
|
5879
5879
|
If you want to hide the \`${A.titleName}\`, you can wrap it with our VisuallyHidden component.
|
|
5880
5880
|
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@tscircuit/runframe",
|
|
3
3
|
"main": "dist/preview.js",
|
|
4
4
|
"type": "module",
|
|
5
|
-
"version": "0.0.
|
|
5
|
+
"version": "0.0.1313",
|
|
6
6
|
"exports": {
|
|
7
7
|
".": "./dist/preview.js",
|
|
8
8
|
"./preview": "./dist/preview.js",
|
|
@@ -48,12 +48,12 @@
|
|
|
48
48
|
"@tscircuit/assembly-viewer": "^0.0.5",
|
|
49
49
|
"@tscircuit/checks": "^0.0.78",
|
|
50
50
|
"@tscircuit/create-snippet-url": "^0.0.9",
|
|
51
|
-
"@tscircuit/eval": "^0.0.
|
|
51
|
+
"@tscircuit/eval": "^0.0.505",
|
|
52
52
|
"@tscircuit/fake-snippets": "^0.0.122",
|
|
53
53
|
"@tscircuit/file-server": "^0.0.32",
|
|
54
54
|
"@tscircuit/footprinter": "^0.0.236",
|
|
55
55
|
"@tscircuit/math-utils": "^0.0.25",
|
|
56
|
-
"@tscircuit/pcb-viewer": "1.11.
|
|
56
|
+
"@tscircuit/pcb-viewer": "1.11.273",
|
|
57
57
|
"@tscircuit/props": "^0.0.397",
|
|
58
58
|
"@tscircuit/schematic-trace-solver": "^0.0.40",
|
|
59
59
|
"@tscircuit/schematic-viewer": "2.0.49",
|