Mount Comfort Men's Club

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_328":329,"_330":331},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_244":-5,"_20":245,"_22":246,"_247":248,"_249":250,"_26":251,"_24":252,"_253":-5,"_254":-5,"_255":58,"_256":257,"_258":49,"_259":-5,"_260":-5,"_261":262},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","justinray7","name","MCMC","branchName","main","version","path","frontend/components","project",{"_37":190,"_13":14,"_50":191,"_192":-5,"_193":58,"_194":195,"_196":195,"_197":198,"_199":-5,"_200":201,"_202":95,"_203":49,"_204":-5,"_205":-5,"_206":52,"_207":208,"_209":-5,"_210":-5,"_211":-5,"_212":-5,"_213":214,"_215":214,"_216":217,"_218":217,"_219":217,"_220":214,"_221":214,"_222":223,"_224":225,"_226":227,"_228":58},"tree",[90,91,92],"file",{"_37":84,"_13":62,"_40":43,"_42":85,"_44":45,"_46":86,"_48":49,"_50":87,"_17":52,"_53":88,"_55":-5,"_57":58,"_59":-5,"_18":89},"contents",[33,34,35,36],"upstream","pull","ahead","behind","envVars",{"_37":77,"_13":78,"_40":79,"_42":43,"_44":45,"_46":80,"_48":49,"_50":81,"_17":52,"_53":54,"_55":82,"_57":58,"_59":-5,"_18":83},{"_37":70,"_13":71,"_40":72,"_42":43,"_44":45,"_46":73,"_48":49,"_50":74,"_17":52,"_53":54,"_55":75,"_57":58,"_59":-5,"_18":76},{"_37":63,"_13":64,"_40":65,"_42":43,"_44":45,"_46":66,"_48":49,"_50":67,"_17":52,"_53":54,"_55":68,"_57":58,"_59":-5,"_18":69},{"_37":38,"_13":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_17":52,"_53":54,"_55":56,"_57":58,"_59":-5,"_18":60},"id","7ee53cc0-5ee8-11f1-a336-1607ee4eb77e","StatsPanel.tsx","fileId","7ee53d92-5ee8-11f1-a336-1607ee4eb77e","parentId","4d8d1a3a-5ee8-11f1-a5a1-1607ee4eb77e","branchId","d66dd516-5ee7-11f1-82b9-1607ee4eb77e","branchVersion",21,"latest",true,"createdAt",["D",1780448807936],0,"fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\ntype Props = {\n iterations: number;\n acceptanceRate: number;\n meanX: number;\n meanY: number;\n stdX: number;\n stdY: number;\n};\n\nfunction Stat({ label, value, hint }: { label: string; value: string; hint?: string }) {\n return (\n

{label}

{value}

\n {hint &&

{hint}

}\n

\n );\n}\n\nexport function StatsPanel(props: Props) {\n const accPct = (props.acceptanceRate * 100).toFixed(1) + \"%\";\n const accColor = props.acceptanceRate > 0.6\n ? \"text-amber-600\"\n : props.acceptanceRate < 0.15\n ? \"text-red-600\"\n : \"text-green-600\";\n return (\n

\n \n

\n Acceptance\n

{accPct}

~23-50% is healthy

\n \n \n

\n );\n}\n","deleted",false,"label",[61,62,39],"frontend","components","7257a1c8-5ee8-11f1-8e5c-1607ee4eb77e","SamplerCanvas.tsx","7257a272-5ee8-11f1-8e5c-1607ee4eb77e",19,["D",1780448786878],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useRef } from \"https://esm.sh/react@18.2.0\";\nimport type { Target } from \"../lib/distributions.ts\";\nimport type { Sample } from \"../lib/sampler.ts\";\n\ntype Props = {\n target: Target;\n samples: Sample[];\n current: Sample | null;\n size?: number;\n};\n\n// Viridis-ish color ramp for the density heatmap (t in [0,1]).\nfunction ramp(t: number): [number, number, number] {\n const stops: [number, [number, number, number]][] = [\n [0.0, [68, 1, 84]],\n [0.25, [59, 82, 139]],\n [0.5, [33, 145, 140]],\n [0.75, [94, 201, 98]],\n [1.0, [253, 231, 37]],\n ];\n for (let i = 0; i < stops.length - 1; i++) {\n const [t0, c0] = stops[i];\n const [t1, c1] = stops[i + 1];\n if (t <= t1) {\n const f = (t - t0) / (t1 - t0);\n return [\n Math.round(c0[0] + f * (c1[0] - c0[0])),\n Math.round(c0[1] + f * (c1[1] - c0[1])),\n Math.round(c0[2] + f * (c1[2] - c0[2])),\n ];\n }\n }\n return stops[stops.length - 1][1];\n}\n\nexport function SamplerCanvas({ target, samples, current, size = 480 }: Props) {\n const densityRef = useRef(null);\n const overlayRef = useRef(null);\n const [xmin, xmax, ymin, ymax] = target.bounds;\n\n const toPx = (x: number, y: number): [number, number] => [\n ((x - xmin) / (xmax - xmin)) * size,\n size - ((y - ymin) / (ymax - ymin)) * size,\n ];\n\n // Draw the static density heatmap whenever the target changes.\n useEffect(() => {\n const canvas = densityRef.current;\n if (!canvas) return;\n const ctx = canvas.getContext(\"2d\")!;\n const res = 160; // grid resolution\n const cell = size / res;\n const grid: number[] = [];\n let max = -Infinity;\n for (let j = 0; j < res; j++) {\n for (let i = 0; i < res; i++) {\n const x = xmin + ((i + 0.5) / res) * (xmax - xmin);\n const y = ymax - ((j + 0.5) / res) * (ymax - ymin);\n const lp = target.logProb(x, y);\n grid.push(lp);\n if (lp > max) max = lp;\n }\n }\n // Normalize by exponentiating relative to the max log-prob.\n for (let j = 0; j < res; j++) {\n for (let i = 0; i < res; i++) {\n const p = Math.exp(grid[j * res + i] - max); // 0..1\n const [r, g, b] = ramp(Math.pow(p, 0.45));\n ctx.fillStyle = `rgb(${r},${g},${b})`;\n ctx.fillRect(i * cell, j * cell, cell + 1, cell + 1);\n }\n }\n }, [target]);\n\n // Draw the chain trace + samples on the overlay whenever samples change.\n useEffect(() => {\n const canvas = overlayRef.current;\n if (!canvas) return;\n const ctx = canvas.getContext(\"2d\")!;\n ctx.clearRect(0, 0, size, size);\n\n // Faint trace line connecting recent samples.\n const traceStart = Math.max(0, samples.length - 400);\n ctx.strokeStyle = \"rgba(255,255,255,0.35)\";\n ctx.lineWidth = 1;\n ctx.beginPath();\n for (let i = traceStart; i < samples.length; i++) {\n const [px, py] = toPx(samples[i].x, samples[i].y);\n if (i === traceStart) ctx.moveTo(px, py);\n else ctx.lineTo(px, py);\n }\n ctx.stroke();\n\n // Sample dots (subsampled for performance).\n const stride = Math.max(1, Math.floor(samples.length / 3000));\n ctx.fillStyle = \"rgba(255,255,255,0.5)\";\n for (let i = 0; i < samples.length; i += stride) {\n const [px, py] = toPx(samples[i].x, samples[i].y);\n ctx.fillRect(px, py, 1.5, 1.5);\n }\n\n // Current position marker.\n if (current) {\n const [px, py] = toPx(current.x, current.y);\n ctx.fillStyle = \"#ef4444\";\n ctx.beginPath();\n ctx.arc(px, py, 5, 0, Math.PI * 2);\n ctx.fill();\n ctx.strokeStyle = \"white\";\n ctx.lineWidth = 2;\n ctx.stroke();\n }\n }, [samples, current, target]);\n\n return (\n \n