@brett_lamy/docstream 1.12.0 → 1.13.0

package/README.md

@@ -246,7 +246,11 @@ setMethod(code, song.tracks[1].chain, "room", formatNumber(0.5)) // exact edit,
 mixCode(song, { solo: new Set([0]) })                              // the code with other tracks silenced
 ```
 
-`StrudelRack`, `StepGrid`, `Knob` and `Fader` are exported for custom studios. The parser
+The master strip's **Rack | Grid** switch puts the modules on a masonry grid: drag a module's
+title to move it, drag its corner to resize it (arrow keys work on both handles).
+`<StrudelRack layout="grid" persistKey="my-song" />` starts there and remembers the arrangement.
+
+`StrudelRack`, `RackGrid`, `StepGrid`, `Knob` and `Fader` are exported for custom studios. The parser
 (acorn) loads only when a rack opens.
 
 ## GitBook Syntax

package/dist/strudel/RackGrid.d.ts

@@ -0,0 +1,23 @@
+import { type ReactNode } from "react";
+export interface GridItem {
+    key: string;
+    label: string;
+    node: ReactNode;
+    /** Default width in twelfths of the grid (12 = full width). */
+    span?: number;
+}
+export interface GridLayout {
+    order: string[];
+    /** Width in twelfths, and an optional minimum height in px, per item key. */
+    sizes: Record<string, {
+        w: number;
+        h?: number;
+    }>;
+}
+export interface RackGridProps {
+    items: GridItem[];
+    layout: GridLayout;
+    onLayoutChange: (layout: GridLayout) => void;
+}
+export declare function RackGrid({ items, layout, onLayoutChange }: RackGridProps): import("react").JSX.Element;
+//# sourceMappingURL=RackGrid.d.ts.map

package/dist/strudel/RackGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RackGrid.d.ts","sourceRoot":"","sources":["../../src/strudel/RackGrid.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAuF,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAE3H,MAAM,WAAW,QAAQ;IACvB,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,SAAS,CAAA;IACf,+DAA+D;IAC/D,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,6EAA6E;IAC7E,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;CACjD;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,QAAQ,EAAE,CAAA;IACjB,MAAM,EAAE,UAAU,CAAA;IAClB,cAAc,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAA;CAC7C;AAaD,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,EAAE,aAAa,+BAiMxE"}

package/dist/strudel/RackGrid.js

@@ -0,0 +1,182 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* A masonry grid of modules you can rearrange and resize. Columns follow the container's width; every module spans
+   some of them and as many 8px rows as its content (or the height you dragged it to) needs, and `dense` flow packs
+   the gaps. Drag a module's grip to move it (others reflow under the pointer); drag its corner to resize. Both
+   handles are keyboard-operable: arrows move or resize, Home/End move to the ends. */
+import { useEffect, useLayoutEffect, useRef, useState } from "react";
+const ROW = 8;
+const GAP = 10;
+/** Items in layout order: known keys first, new ones appended. */
+function ordered(items, order) {
+    const byKey = new Map(items.map((i) => [i.key, i]));
+    const out = order.map((k) => byKey.get(k)).filter((i) => !!i);
+    for (const i of items)
+        if (!order.includes(i.key))
+            out.push(i);
+    return out;
+}
+export function RackGrid({ items, layout, onLayoutChange }) {
+    const gridRef = useRef(null);
+    const [cols, setCols] = useState(12);
+    const [heights, setHeights] = useState({});
+    const [dragging, setDragging] = useState(null);
+    const drag = useRef(null);
+    const elements = useRef(new Map());
+    const list = ordered(items, layout.order);
+    const keys = list.map((i) => i.key);
+    const layoutRef = useRef(layout);
+    layoutRef.current = layout;
+    // Columns: one per ~84px of width, at most 12 — spans are stored in twelfths and scaled.
+    useLayoutEffect(() => {
+        const grid = gridRef.current;
+        if (!grid)
+            return;
+        const measure = () => setCols(Math.max(2, Math.min(12, Math.floor((grid.clientWidth + GAP) / 84))));
+        measure();
+        const ro = new ResizeObserver(measure);
+        ro.observe(grid);
+        return () => ro.disconnect();
+    }, []);
+    // Masonry: each module spans as many rows as its content is tall.
+    useEffect(() => {
+        const ro = new ResizeObserver((entries) => {
+            setHeights((prev) => {
+                let next = prev;
+                for (const e of entries) {
+                    const key = e.target.dataset.content;
+                    const h = Math.ceil(e.target.offsetHeight);
+                    if (prev[key] !== h)
+                        next = { ...next, [key]: h };
+                }
+                return next;
+            });
+        });
+        elements.current.forEach((el) => {
+            const content = el.querySelector("[data-content]");
+            if (content)
+                ro.observe(content);
+        });
+        return () => ro.disconnect();
+    }, [keys.join("|")]);
+    const span = (item) => {
+        const w = layout.sizes[item.key]?.w ?? item.span ?? 6;
+        return Math.max(1, Math.min(cols, Math.round((w / 12) * cols)));
+    };
+    const rows = (item) => {
+        const h = Math.max(heights[item.key] ?? 120, layout.sizes[item.key]?.h ?? 0);
+        return Math.ceil((h + GAP) / (ROW + GAP));
+    };
+    const setSize = (key, size) => {
+        const cur = layoutRef.current;
+        onLayoutChange({ order: keys, sizes: { ...cur.sizes, [key]: { ...cur.sizes[key], w: cur.sizes[key]?.w ?? 6, ...size } } });
+    };
+    const move = (key, to) => {
+        const from = keys.indexOf(key);
+        const next = keys.filter((k) => k !== key);
+        next.splice(Math.max(0, Math.min(next.length, to)), 0, key);
+        if (from !== next.indexOf(key))
+            onLayoutChange({ ...layoutRef.current, order: next });
+    };
+    // Moving: the module follows the pointer; hovering another module takes its place.
+    const place = (key, x, y) => {
+        const el = elements.current.get(key);
+        const grid = gridRef.current;
+        const d = drag.current;
+        if (!el || !grid || !d)
+            return;
+        const box = grid.getBoundingClientRect();
+        el.style.transform = `translate(${x - d.dx - box.left - el.offsetLeft}px, ${y - d.dy - box.top - el.offsetTop}px)`;
+    };
+    const onGripDown = (key) => (e) => {
+        if (e.button !== 0)
+            return;
+        const el = elements.current.get(key);
+        const r = el.getBoundingClientRect();
+        e.currentTarget.setPointerCapture(e.pointerId);
+        drag.current = { key, dx: e.clientX - r.left, dy: e.clientY - r.top, x: e.clientX, y: e.clientY };
+        setDragging(key);
+    };
+    const onGripMove = (e) => {
+        const d = drag.current;
+        if (!d)
+            return;
+        d.x = e.clientX;
+        d.y = e.clientY;
+        place(d.key, e.clientX, e.clientY);
+        const dragged = elements.current.get(d.key);
+        dragged.style.pointerEvents = "none";
+        const under = document.elementFromPoint(e.clientX, e.clientY)?.closest("[data-grid-key]");
+        dragged.style.pointerEvents = "";
+        const target = under?.dataset.gridKey;
+        if (target && target !== d.key)
+            move(d.key, keys.indexOf(target));
+    };
+    const onGripUp = () => {
+        const d = drag.current;
+        if (!d)
+            return;
+        const el = elements.current.get(d.key);
+        if (el)
+            el.style.transform = "";
+        drag.current = null;
+        setDragging(null);
+    };
+    // After a reorder the module's slot moved: keep it under the pointer.
+    useLayoutEffect(() => {
+        const d = drag.current;
+        if (d)
+            place(d.key, d.x, d.y);
+    });
+    const onGripKey = (key) => (e) => {
+        const i = keys.indexOf(key);
+        const to = { ArrowLeft: i - 1, ArrowUp: i - 1, ArrowRight: i + 1, ArrowDown: i + 1, Home: 0, End: keys.length - 1 }[e.key];
+        if (to === undefined)
+            return;
+        e.preventDefault();
+        move(key, to);
+    };
+    // Resizing: the corner sets the width in columns and a minimum height.
+    const resize = useRef(null);
+    const onCornerDown = (key) => (e) => {
+        const r = elements.current.get(key).getBoundingClientRect();
+        e.currentTarget.setPointerCapture(e.pointerId);
+        resize.current = { key, left: r.left, top: r.top };
+    };
+    const onCornerMove = (e) => {
+        const r = resize.current;
+        const grid = gridRef.current;
+        if (!r || !grid)
+            return;
+        const colWidth = (grid.clientWidth - GAP * (cols - 1)) / cols;
+        const c = Math.max(1, Math.min(cols, Math.round((e.clientX - r.left + GAP) / (colWidth + GAP))));
+        setSize(r.key, { w: Math.round((c / cols) * 12 * 100) / 100, h: Math.max(60, Math.round(e.clientY - r.top)) });
+    };
+    const onCornerUp = () => {
+        resize.current = null;
+    };
+    const onCornerKey = (item) => (e) => {
+        const w = layout.sizes[item.key]?.w ?? item.span ?? 6;
+        const h = layout.sizes[item.key]?.h ?? heights[item.key] ?? 120;
+        const step = 12 / cols;
+        const next = {
+            ArrowRight: { w: Math.min(12, w + step) },
+            ArrowLeft: { w: Math.max(step, w - step) },
+            ArrowDown: { h: h + 24 },
+            ArrowUp: { h: Math.max(0, h - 24) },
+        }[e.key];
+        if (!next)
+            return;
+        e.preventDefault();
+        setSize(item.key, next);
+    };
+    return (_jsx("div", { ref: gridRef, className: "strudel-grid", style: { gridTemplateColumns: `repeat(${cols}, minmax(0, 1fr))`, gridAutoRows: ROW, rowGap: GAP, columnGap: GAP }, children: list.map((item) => {
+            const h = layout.sizes[item.key]?.h;
+            return (_jsxs("div", { ref: (el) => {
+                    if (el)
+                        elements.current.set(item.key, el);
+                    else
+                        elements.current.delete(item.key);
+                }, className: "strudel-grid__item", "data-grid-key": item.key, "data-dragging": dragging === item.key || undefined, style: { gridColumn: `span ${span(item)}`, gridRow: `span ${rows(item)}` }, children: [_jsx("div", { "data-content": item.key, className: "strudel-grid__content", style: h ? { minHeight: h } : undefined, children: item.node }), _jsx("button", { type: "button", className: "strudel-grid__grip", "aria-label": `Move ${item.label}`, title: "Drag to move (arrow keys too)", onPointerDown: onGripDown(item.key), onPointerMove: onGripMove, onPointerUp: onGripUp, onPointerCancel: onGripUp, onKeyDown: onGripKey(item.key) }), _jsx("button", { type: "button", className: "strudel-grid__corner", "aria-label": `Resize ${item.label}`, title: "Drag to resize (arrow keys too)", onPointerDown: onCornerDown(item.key), onPointerMove: onCornerMove, onPointerUp: onCornerUp, onPointerCancel: onCornerUp, onKeyDown: onCornerKey(item) })] }, item.key));
+        }) }));
+}
+//# sourceMappingURL=RackGrid.js.map

package/dist/strudel/RackGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RackGrid.js","sourceRoot":"","sources":["../../src/strudel/RackGrid.tsx"],"names":[],"mappings":"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"}

package/dist/strudel/StrudelRack.d.ts

@@ -5,6 +5,10 @@ export interface StrudelRackProps {
     /** The code to play for the current mute/solo mix (the written code with silenced tracks). */
     onPlayableChange?: (code: string) => void;
     className?: string;
+    /** "rack": modules stacked full width. "grid": a masonry grid you drag and resize. Defaults to "rack". */
+    layout?: "rack" | "grid";
+    /** Remember the layout (mode, order and sizes) in localStorage under this key. */
+    persistKey?: string;
 }
 interface Param {
     label: string;
@@ -19,6 +23,6 @@ export declare const STRUDEL_PARAMS: Record<string, Param>;
 /** A name for a track: its label, the sounds of a drum row, or its role and synth. */
 export declare function trackName(track: StrudelTrack): string;
 /** Equipment generated from Strudel code. Controlled: `code` in, edited code out through `onChange`. */
-export declare function StrudelRack({ code, onChange, onPlayableChange, className }: StrudelRackProps): import("react").JSX.Element;
+export declare function StrudelRack({ code, onChange, onPlayableChange, className, layout, persistKey }: StrudelRackProps): import("react").JSX.Element;
 export default StrudelRack;
 //# sourceMappingURL=StrudelRack.d.ts.map

package/dist/strudel/StrudelRack.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StrudelRack.d.ts","sourceRoot":"","sources":["../../src/strudel/StrudelRack.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAmG,KAAK,YAAY,EAAE,MAAM,eAAe,CAAA;AAKlJ,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,8FAA8F;IAC9F,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,OAAO,EAAE,MAAM,CAAA;IACf,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAA;CAC/B;AAKD,uGAAuG;AACvG,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAsBhD,CAAA;AAcD,sFAAsF;AACtF,wBAAgB,SAAS,CAAC,KAAK,EAAE,YAAY,GAAG,MAAM,CAarD;AAoJD,wGAAwG;AACxG,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,gBAAgB,EAAE,SAAS,EAAE,EAAE,gBAAgB,+BAuF5F;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"StrudelRack.d.ts","sourceRoot":"","sources":["../../src/strudel/StrudelRack.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAmG,KAAK,YAAY,EAAE,MAAM,eAAe,CAAA;AAMlJ,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,8FAA8F;IAC9F,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,0GAA0G;IAC1G,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,kFAAkF;IAClF,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAgBD,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,OAAO,EAAE,MAAM,CAAA;IACf,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAA;CAC/B;AAKD,uGAAuG;AACvG,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAsBhD,CAAA;AAcD,sFAAsF;AACtF,wBAAgB,SAAS,CAAC,KAAK,EAAE,YAAY,GAAG,MAAM,CAarD;AAoJD,wGAAwG;AACxG,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAe,EAAE,UAAU,EAAE,EAAE,gBAAgB,+BA0HzH;AAED,eAAe,WAAW,CAAA"}

package/dist/strudel/StrudelRack.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 /* The rack: equipment generated from a Strudel song's syntax tree. Every track becomes a device — mute/solo,
    a gain fader, its sound and scale, a step grid for its pattern, and a knob for each effect it uses (plus any
    you add) — and the song gets a master strip with the tempo. Every control edits the code in place (edit.ts),
@@ -10,6 +10,17 @@ import { findCall, parseStrudel, StrudelSyntaxError } from "./ast/program.js";
 import { formatNumber, isAudible, mixCode, removeMethod, setMethod, setMiniAtom, setMiniSource, setTempo } from "./ast/edit.js";
 import { Fader, Knob, defaultFormat } from "./controls.js";
 import { StepGrid } from "./StepGrid.js";
+import { RackGrid } from "./RackGrid.js";
+function load(key) {
+    if (!key)
+        return {};
+    try {
+        return JSON.parse(localStorage.getItem(`strudel-rack:${key}`) ?? "{}");
+    }
+    catch {
+        return {};
+    }
+}
 const hz = (v) => (v >= 1000 ? `${+(v / 1000).toFixed(1)}k` : v.toFixed(0));
 const pct = (v) => `${Math.round(v * 100)}`;
 /** Effects the rack knows how to draw, in display order. Others still parse; they just get no knob. */
@@ -88,7 +99,20 @@ function Device({ song, track, mix, onMix, onChange, }) {
                                     }), missing.length > 0 && (_jsxs("label", { className: "strudel-device__add", title: "Add an effect", children: [_jsx(Plus, { size: 14, "aria-hidden": "true" }), _jsxs("select", { "aria-label": `Add an effect to ${name}`, value: "", onChange: (e) => e.target.value && set(e.target.value, STRUDEL_PARAMS[e.target.value].default), children: [_jsx("option", { value: "", children: "Add\u2026" }), missing.map((p) => (_jsxs("option", { value: p, children: [STRUDEL_PARAMS[p].label, " (", p, ")"] }, p)))] })] }))] })] })] })] }));
 }
 /** Equipment generated from Strudel code. Controlled: `code` in, edited code out through `onChange`. */
-export function StrudelRack({ code, onChange, onPlayableChange, className }) {
+export function StrudelRack({ code, onChange, onPlayableChange, className, layout = "rack", persistKey }) {
+    const [saved] = useState(() => load(persistKey));
+    const [mode, setMode] = useState(saved.mode ?? layout);
+    const [grid, setGrid] = useState(saved.grid ?? { order: [], sizes: {} });
+    useEffect(() => {
+        if (!persistKey)
+            return;
+        try {
+            localStorage.setItem(`strudel-rack:${persistKey}`, JSON.stringify({ mode, grid }));
+        }
+        catch {
+            // Storage unavailable (private mode): the layout just isn't remembered.
+        }
+    }, [persistKey, mode, grid]);
     const parsed = useMemo(() => {
         try {
             return { song: parseStrudel(code) };
@@ -117,7 +141,14 @@ export function StrudelRack({ code, onChange, onPlayableChange, className }) {
     const cps = song.tempo?.cps;
     const master = song.masterChain;
     const postgain = master ? firstNumber(findCall(master, "postgain")) : null;
-    return (_jsxs("div", { className: `strudel-rack ${className ?? ""}`.trim(), children: [_jsxs("div", { className: "strudel-rack__master", role: "group", "aria-label": "Master", children: [_jsxs("span", { className: "strudel-rack__title", children: ["Master", _jsx("small", { children: "Strudel" })] }), _jsxs("output", { className: "strudel-lcd strudel-lcd--bpm", "aria-label": "Tempo", children: [Math.round((cps && Number.isFinite(cps) ? cps : 0.5) * 2400) / 10, _jsx("small", { children: "BPM" })] }), _jsx(Knob, { size: "lg", label: "Tempo", value: cps && Number.isFinite(cps) ? cps : 0.5, min: 0.1, max: 2, defaultValue: 0.5, format: (v) => `${Math.round(v * 240)} bpm`, onChange: (v) => onChange(setTempo(song, v)) }), master && (_jsx(Knob, { size: "lg", label: "Output", value: postgain ?? 1, min: 0, max: 2, defaultValue: 1, format: pct, onChange: (v) => onChange(setMethod(code, master, "postgain", formatNumber(v))) })), _jsxs("span", { className: "strudel-rack__summary", children: [song.tracks.length, " track", song.tracks.length === 1 ? "" : "s", song.layout === "stack" ? " · stack" : song.layout === "labels" ? " · $:" : ""] })] }), song.tracks.length === 0 && _jsx("p", { className: "strudel-rack__error", children: "No pattern found." }), song.tracks.map((t) => (_jsx(Device, { song: song, track: t, mix: mix, onChange: onChange, onMix: (kind) => (kind === "mute" ? setMuted(toggle(muted, t.index)) : setSolo(toggle(solo, t.index))) }, t.index)))] }));
+    const masterStrip = (_jsxs("div", { className: "strudel-rack__master", role: "group", "aria-label": "Master", children: [_jsxs("span", { className: "strudel-rack__title", children: ["Master", _jsx("small", { children: "Strudel" })] }), _jsxs("output", { className: "strudel-lcd strudel-lcd--bpm", "aria-label": "Tempo", children: [Math.round((cps && Number.isFinite(cps) ? cps : 0.5) * 2400) / 10, _jsx("small", { children: "BPM" })] }), _jsx(Knob, { size: "lg", label: "Tempo", value: cps && Number.isFinite(cps) ? cps : 0.5, min: 0.1, max: 2, defaultValue: 0.5, format: (v) => `${Math.round(v * 240)} bpm`, onChange: (v) => onChange(setTempo(song, v)) }), master && (_jsx(Knob, { size: "lg", label: "Output", value: postgain ?? 1, min: 0, max: 2, defaultValue: 1, format: pct, onChange: (v) => onChange(setMethod(code, master, "postgain", formatNumber(v))) })), _jsxs("span", { className: "strudel-rack__summary", children: [song.tracks.length, " track", song.tracks.length === 1 ? "" : "s", song.layout === "stack" ? " · stack" : song.layout === "labels" ? " · $:" : ""] }), _jsx("div", { className: "strudel-rack__mode", role: "radiogroup", "aria-label": "Layout", children: ["rack", "grid"].map((m) => (_jsx("button", { type: "button", role: "radio", "aria-checked": mode === m, onClick: () => setMode(m), children: m }, m))) })] }));
+    const devices = song.tracks.map((t) => ({
+        key: `track-${t.index}`,
+        label: trackName(t),
+        span: 6,
+        node: (_jsx(Device, { song: song, track: t, mix: mix, onChange: onChange, onMix: (kind) => (kind === "mute" ? setMuted(toggle(muted, t.index)) : setSolo(toggle(solo, t.index))) })),
+    }));
+    return (_jsxs("div", { className: `strudel-rack ${className ?? ""}`.trim(), "data-mode": mode, children: [mode === "grid" ? (_jsx(RackGrid, { items: [{ key: "master", label: "Master", span: 12, node: masterStrip }, ...devices], layout: grid, onLayoutChange: setGrid })) : (_jsxs(_Fragment, { children: [masterStrip, devices.map((d) => (_jsx("div", { children: d.node }, d.key)))] })), song.tracks.length === 0 && _jsx("p", { className: "strudel-rack__error", children: "No pattern found." })] }));
 }
 export default StrudelRack;
 //# sourceMappingURL=StrudelRack.js.map

package/dist/strudel/StrudelRack.js.map

@@ -1 +1 @@
-{"version":3,"file":"StrudelRack.js","sourceRoot":"","sources":["../../src/strudel/StrudelRack.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"StrudelRack.js","sourceRoot":"","sources":["../../src/strudel/StrudelRack.tsx"],"names":[],"mappings":"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"}

package/dist/strudel/index.d.ts

@@ -3,6 +3,8 @@ export type { StrudelPlayerProps } from "./StrudelPlayer.js";
 export { StrudelRack, STRUDEL_PARAMS, trackName } from "./StrudelRack.js";
 export type { StrudelRackProps } from "./StrudelRack.js";
 export { StepGrid } from "./StepGrid.js";
+export { RackGrid } from "./RackGrid.js";
+export type { GridItem, GridLayout, RackGridProps } from "./RackGrid.js";
 export type { StepGridProps } from "./StepGrid.js";
 export { Fader, Knob } from "./controls.js";
 export type { ControlProps } from "./controls.js";

package/dist/strudel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/strudel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AACzD,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACtE,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACxC,YAAY,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAC9C,OAAO,EACL,eAAe,EACf,kBAAkB,EAClB,WAAW,EACX,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,aAAa,GACd,MAAM,UAAU,CAAA;AACjB,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAC3E,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AACxD,cAAc,OAAO,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/strudel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AACzD,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACtE,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,YAAY,EAAE,QAAQ,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AACrE,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACxC,YAAY,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAC9C,OAAO,EACL,eAAe,EACf,kBAAkB,EAClB,WAAW,EACX,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,aAAa,GACd,MAAM,UAAU,CAAA;AACjB,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAC3E,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AACxD,cAAc,OAAO,CAAA"}

package/dist/strudel/index.js

@@ -1,6 +1,7 @@
 export { StrudelPlayer } from "./StrudelPlayer.js";
 export { StrudelRack, STRUDEL_PARAMS, trackName } from "./StrudelRack.js";
 export { StepGrid } from "./StepGrid.js";
+export { RackGrid } from "./RackGrid.js";
 export { Fader, Knob } from "./controls.js";
 export { DEFAULT_SAMPLES, getStrudelSnapshot, playStrudel, stopStrudel, strudelNow, subscribeStrudel, updateStrudel, } from "./engine.js";
 export { isStrudelFile, isStrudelLanguage } from "./url.js";

package/dist/strudel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/strudel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAEtE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAExC,OAAO,EACL,eAAe,EACf,kBAAkB,EAClB,WAAW,EACX,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,aAAa,GACd,MAAM,UAAU,CAAA;AAEjB,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AACxD,cAAc,OAAO,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/strudel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAEtE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAGrC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAExC,OAAO,EACL,eAAe,EACf,kBAAkB,EAClB,WAAW,EACX,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,aAAa,GACd,MAAM,UAAU,CAAA;AAEjB,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AACxD,cAAc,OAAO,CAAA"}

package/dist/styles.css

@@ -1104,6 +1104,116 @@
   box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.5), 0 3px 5px rgb(0 0 0 / 0.7), 0 0 0 1px rgb(0 0 0 / 0.6);
 }
 
+.strudel-rack__mode {
+  display: inline-flex;
+  padding: 2px;
+  border-radius: 5px;
+  background: #0a0b0d;
+  box-shadow: inset 0 1px 2px rgb(0 0 0 / 0.9), 0 1px 0 rgb(255 255 255 / 0.08);
+}
+
+.strudel-rack__mode button {
+  padding: 3px 9px;
+  border: 0;
+  border-radius: 3px;
+  background: transparent;
+  color: #8b9099;
+  font: inherit;
+  font-size: 9px;
+  font-weight: 700;
+  letter-spacing: 0.16em;
+  text-transform: uppercase;
+  cursor: pointer;
+}
+
+.strudel-rack__mode button[aria-checked="true"] {
+  background: linear-gradient(180deg, #4a4e56, #2b2e34);
+  color: var(--strudel-accent);
+  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.18);
+  text-shadow: 0 0 6px color-mix(in srgb, var(--strudel-accent) 60%, transparent);
+}
+
+/* Grid mode: a Eurorack-style case — rails behind, modules dropped in a masonry grid. */
+.strudel-rack[data-mode="grid"] {
+  padding-block: 14px;
+}
+
+.strudel-grid {
+  display: grid;
+  grid-auto-flow: row dense;
+}
+
+.strudel-grid__item {
+  position: relative;
+  min-width: 0;
+  transition: transform 0s;
+}
+
+.strudel-grid__item[data-dragging] {
+  z-index: 5;
+  filter: drop-shadow(0 18px 22px rgb(0 0 0 / 0.6));
+  cursor: grabbing;
+}
+
+.strudel-grid__content {
+  display: flex;
+  flex-direction: column;
+}
+
+.strudel-grid__content > * {
+  flex: 1;
+}
+
+.strudel-grid__content > .strudel-rack__master {
+  flex-wrap: wrap;
+}
+
+/* The grip: an invisible handle over the module's title (left of its pads). */
+.strudel-grid__grip {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: calc(100% - 84px);
+  height: 34px;
+  padding: 0;
+  border: 0;
+  border-radius: 6px 0 0 0;
+  background: transparent;
+  cursor: grab;
+  touch-action: none;
+}
+
+.strudel-grid__item[data-grid-key="master"] .strudel-grid__grip {
+  width: 140px;
+  height: 100%;
+}
+
+.strudel-grid__grip:focus-visible,
+.strudel-grid__corner:focus-visible {
+  outline: 2px solid var(--strudel-accent);
+  outline-offset: -2px;
+}
+
+/* The corner: three engraved ribs. */
+.strudel-grid__corner {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  width: 18px;
+  height: 18px;
+  padding: 0;
+  border: 0;
+  border-radius: 0 0 6px 0;
+  background: linear-gradient(135deg, transparent 0 45%, #7d828b 45% 52%, transparent 52% 62%, #7d828b 62% 69%, transparent 69% 79%, #7d828b 79% 86%, transparent 86%);
+  cursor: nwse-resize;
+  touch-action: none;
+  opacity: 0.7;
+}
+
+.strudel-grid__item:hover .strudel-grid__corner {
+  opacity: 1;
+}
+
 /* Steps: TR-style keys that light up. */
 .strudel-steps {
   display: flex;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brett_lamy/docstream",
-  "version": "1.12.0",
+  "version": "1.13.0",
   "description": "GitBook-aware readonly markdown and AI stream renderer.",
   "publishConfig": {
     "access": "public"

package/src/strudel/RackGrid.tsx

@@ -0,0 +1,231 @@
+/* A masonry grid of modules you can rearrange and resize. Columns follow the container's width; every module spans
+   some of them and as many 8px rows as its content (or the height you dragged it to) needs, and `dense` flow packs
+   the gaps. Drag a module's grip to move it (others reflow under the pointer); drag its corner to resize. Both
+   handles are keyboard-operable: arrows move or resize, Home/End move to the ends. */
+import { useEffect, useLayoutEffect, useRef, useState, type KeyboardEvent, type PointerEvent, type ReactNode } from "react"
+
+export interface GridItem {
+  key: string
+  label: string
+  node: ReactNode
+  /** Default width in twelfths of the grid (12 = full width). */
+  span?: number
+}
+
+export interface GridLayout {
+  order: string[]
+  /** Width in twelfths, and an optional minimum height in px, per item key. */
+  sizes: Record<string, { w: number; h?: number }>
+}
+
+export interface RackGridProps {
+  items: GridItem[]
+  layout: GridLayout
+  onLayoutChange: (layout: GridLayout) => void
+}
+
+const ROW = 8
+const GAP = 10
+
+/** Items in layout order: known keys first, new ones appended. */
+function ordered(items: GridItem[], order: string[]): GridItem[] {
+  const byKey = new Map(items.map((i) => [i.key, i]))
+  const out = order.map((k) => byKey.get(k)).filter((i): i is GridItem => !!i)
+  for (const i of items) if (!order.includes(i.key)) out.push(i)
+  return out
+}
+
+export function RackGrid({ items, layout, onLayoutChange }: RackGridProps) {
+  const gridRef = useRef<HTMLDivElement>(null)
+  const [cols, setCols] = useState(12)
+  const [heights, setHeights] = useState<Record<string, number>>({})
+  const [dragging, setDragging] = useState<string | null>(null)
+  const drag = useRef<{ key: string; dx: number; dy: number; x: number; y: number } | null>(null)
+  const elements = useRef(new Map<string, HTMLDivElement>())
+  const list = ordered(items, layout.order)
+  const keys = list.map((i) => i.key)
+  const layoutRef = useRef(layout)
+  layoutRef.current = layout
+
+  // Columns: one per ~84px of width, at most 12 — spans are stored in twelfths and scaled.
+  useLayoutEffect(() => {
+    const grid = gridRef.current
+    if (!grid) return
+    const measure = () => setCols(Math.max(2, Math.min(12, Math.floor((grid.clientWidth + GAP) / 84))))
+    measure()
+    const ro = new ResizeObserver(measure)
+    ro.observe(grid)
+    return () => ro.disconnect()
+  }, [])
+
+  // Masonry: each module spans as many rows as its content is tall.
+  useEffect(() => {
+    const ro = new ResizeObserver((entries) => {
+      setHeights((prev) => {
+        let next = prev
+        for (const e of entries) {
+          const key = (e.target as HTMLElement).dataset.content!
+          const h = Math.ceil((e.target as HTMLElement).offsetHeight)
+          if (prev[key] !== h) next = { ...next, [key]: h }
+        }
+        return next
+      })
+    })
+    elements.current.forEach((el) => {
+      const content = el.querySelector<HTMLElement>("[data-content]")
+      if (content) ro.observe(content)
+    })
+    return () => ro.disconnect()
+  }, [keys.join("|")])
+
+  const span = (item: GridItem) => {
+    const w = layout.sizes[item.key]?.w ?? item.span ?? 6
+    return Math.max(1, Math.min(cols, Math.round((w / 12) * cols)))
+  }
+  const rows = (item: GridItem) => {
+    const h = Math.max(heights[item.key] ?? 120, layout.sizes[item.key]?.h ?? 0)
+    return Math.ceil((h + GAP) / (ROW + GAP))
+  }
+  const setSize = (key: string, size: { w?: number; h?: number }) => {
+    const cur = layoutRef.current
+    onLayoutChange({ order: keys, sizes: { ...cur.sizes, [key]: { ...cur.sizes[key], w: cur.sizes[key]?.w ?? 6, ...size } } })
+  }
+  const move = (key: string, to: number) => {
+    const from = keys.indexOf(key)
+    const next = keys.filter((k) => k !== key)
+    next.splice(Math.max(0, Math.min(next.length, to)), 0, key)
+    if (from !== next.indexOf(key)) onLayoutChange({ ...layoutRef.current, order: next })
+  }
+
+  // Moving: the module follows the pointer; hovering another module takes its place.
+  const place = (key: string, x: number, y: number) => {
+    const el = elements.current.get(key)
+    const grid = gridRef.current
+    const d = drag.current
+    if (!el || !grid || !d) return
+    const box = grid.getBoundingClientRect()
+    el.style.transform = `translate(${x - d.dx - box.left - el.offsetLeft}px, ${y - d.dy - box.top - el.offsetTop}px)`
+  }
+  const onGripDown = (key: string) => (e: PointerEvent<HTMLElement>) => {
+    if (e.button !== 0) return
+    const el = elements.current.get(key)!
+    const r = el.getBoundingClientRect()
+    e.currentTarget.setPointerCapture(e.pointerId)
+    drag.current = { key, dx: e.clientX - r.left, dy: e.clientY - r.top, x: e.clientX, y: e.clientY }
+    setDragging(key)
+  }
+  const onGripMove = (e: PointerEvent<HTMLElement>) => {
+    const d = drag.current
+    if (!d) return
+    d.x = e.clientX
+    d.y = e.clientY
+    place(d.key, e.clientX, e.clientY)
+    const dragged = elements.current.get(d.key)!
+    dragged.style.pointerEvents = "none"
+    const under = document.elementFromPoint(e.clientX, e.clientY)?.closest<HTMLElement>("[data-grid-key]")
+    dragged.style.pointerEvents = ""
+    const target = under?.dataset.gridKey
+    if (target && target !== d.key) move(d.key, keys.indexOf(target))
+  }
+  const onGripUp = () => {
+    const d = drag.current
+    if (!d) return
+    const el = elements.current.get(d.key)
+    if (el) el.style.transform = ""
+    drag.current = null
+    setDragging(null)
+  }
+  // After a reorder the module's slot moved: keep it under the pointer.
+  useLayoutEffect(() => {
+    const d = drag.current
+    if (d) place(d.key, d.x, d.y)
+  })
+
+  const onGripKey = (key: string) => (e: KeyboardEvent<HTMLElement>) => {
+    const i = keys.indexOf(key)
+    const to = { ArrowLeft: i - 1, ArrowUp: i - 1, ArrowRight: i + 1, ArrowDown: i + 1, Home: 0, End: keys.length - 1 }[e.key]
+    if (to === undefined) return
+    e.preventDefault()
+    move(key, to)
+  }
+
+  // Resizing: the corner sets the width in columns and a minimum height.
+  const resize = useRef<{ key: string; left: number; top: number } | null>(null)
+  const onCornerDown = (key: string) => (e: PointerEvent<HTMLElement>) => {
+    const r = elements.current.get(key)!.getBoundingClientRect()
+    e.currentTarget.setPointerCapture(e.pointerId)
+    resize.current = { key, left: r.left, top: r.top }
+  }
+  const onCornerMove = (e: PointerEvent<HTMLElement>) => {
+    const r = resize.current
+    const grid = gridRef.current
+    if (!r || !grid) return
+    const colWidth = (grid.clientWidth - GAP * (cols - 1)) / cols
+    const c = Math.max(1, Math.min(cols, Math.round((e.clientX - r.left + GAP) / (colWidth + GAP))))
+    setSize(r.key, { w: Math.round((c / cols) * 12 * 100) / 100, h: Math.max(60, Math.round(e.clientY - r.top)) })
+  }
+  const onCornerUp = () => {
+    resize.current = null
+  }
+  const onCornerKey = (item: GridItem) => (e: KeyboardEvent<HTMLElement>) => {
+    const w = layout.sizes[item.key]?.w ?? item.span ?? 6
+    const h = layout.sizes[item.key]?.h ?? heights[item.key] ?? 120
+    const step = 12 / cols
+    const next = {
+      ArrowRight: { w: Math.min(12, w + step) },
+      ArrowLeft: { w: Math.max(step, w - step) },
+      ArrowDown: { h: h + 24 },
+      ArrowUp: { h: Math.max(0, h - 24) },
+    }[e.key]
+    if (!next) return
+    e.preventDefault()
+    setSize(item.key, next)
+  }
+
+  return (
+    <div ref={gridRef} className="strudel-grid" style={{ gridTemplateColumns: `repeat(${cols}, minmax(0, 1fr))`, gridAutoRows: ROW, rowGap: GAP, columnGap: GAP }}>
+      {list.map((item) => {
+        const h = layout.sizes[item.key]?.h
+        return (
+          <div
+            key={item.key}
+            ref={(el) => {
+              if (el) elements.current.set(item.key, el)
+              else elements.current.delete(item.key)
+            }}
+            className="strudel-grid__item"
+            data-grid-key={item.key}
+            data-dragging={dragging === item.key || undefined}
+            style={{ gridColumn: `span ${span(item)}`, gridRow: `span ${rows(item)}` }}
+          >
+            <div data-content={item.key} className="strudel-grid__content" style={h ? { minHeight: h } : undefined}>
+              {item.node}
+            </div>
+            <button
+              type="button"
+              className="strudel-grid__grip"
+              aria-label={`Move ${item.label}`}
+              title="Drag to move (arrow keys too)"
+              onPointerDown={onGripDown(item.key)}
+              onPointerMove={onGripMove}
+              onPointerUp={onGripUp}
+              onPointerCancel={onGripUp}
+              onKeyDown={onGripKey(item.key)}
+            />
+            <button
+              type="button"
+              className="strudel-grid__corner"
+              aria-label={`Resize ${item.label}`}
+              title="Drag to resize (arrow keys too)"
+              onPointerDown={onCornerDown(item.key)}
+              onPointerMove={onCornerMove}
+              onPointerUp={onCornerUp}
+              onPointerCancel={onCornerUp}
+              onKeyDown={onCornerKey(item)}
+            />
+          </div>
+        )
+      })}
+    </div>
+  )
+}

package/src/strudel/StrudelRack.tsx

@@ -9,6 +9,7 @@ import { findCall, parseStrudel, StrudelSyntaxError, type StrudelArg, type Strud
 import { formatNumber, isAudible, mixCode, removeMethod, setMethod, setMiniAtom, setMiniSource, setTempo, type StrudelMix } from "./ast/edit"
 import { Fader, Knob, defaultFormat } from "./controls"
 import { StepGrid } from "./StepGrid"
+import { RackGrid, type GridLayout } from "./RackGrid"
 
 export interface StrudelRackProps {
   code: string
@@ -16,6 +17,24 @@ export interface StrudelRackProps {
   /** The code to play for the current mute/solo mix (the written code with silenced tracks). */
   onPlayableChange?: (code: string) => void
   className?: string
+  /** "rack": modules stacked full width. "grid": a masonry grid you drag and resize. Defaults to "rack". */
+  layout?: "rack" | "grid"
+  /** Remember the layout (mode, order and sizes) in localStorage under this key. */
+  persistKey?: string
+}
+
+interface Saved {
+  mode: "rack" | "grid"
+  grid: GridLayout
+}
+
+function load(key: string | undefined): Partial<Saved> {
+  if (!key) return {}
+  try {
+    return JSON.parse(localStorage.getItem(`strudel-rack:${key}`) ?? "{}") as Partial<Saved>
+  } catch {
+    return {}
+  }
 }
 
 interface Param {
@@ -230,7 +249,18 @@ function Device({
 }
 
 /** Equipment generated from Strudel code. Controlled: `code` in, edited code out through `onChange`. */
-export function StrudelRack({ code, onChange, onPlayableChange, className }: StrudelRackProps) {
+export function StrudelRack({ code, onChange, onPlayableChange, className, layout = "rack", persistKey }: StrudelRackProps) {
+  const [saved] = useState(() => load(persistKey))
+  const [mode, setMode] = useState<"rack" | "grid">(saved.mode ?? layout)
+  const [grid, setGrid] = useState<GridLayout>(saved.grid ?? { order: [], sizes: {} })
+  useEffect(() => {
+    if (!persistKey) return
+    try {
+      localStorage.setItem(`strudel-rack:${persistKey}`, JSON.stringify({ mode, grid } satisfies Saved))
+    } catch {
+      // Storage unavailable (private mode): the layout just isn't remembered.
+    }
+  }, [persistKey, mode, grid])
   const parsed = useMemo((): { song: StrudelSong } | { error: string } => {
     try {
       return { song: parseStrudel(code) }
@@ -266,8 +296,7 @@ export function StrudelRack({ code, onChange, onPlayableChange, className }: Str
   const master = song.masterChain
   const postgain = master ? firstNumber(findCall(master, "postgain")) : null
 
-  return (
-    <div className={`strudel-rack ${className ?? ""}`.trim()}>
+  const masterStrip = (
       <div className="strudel-rack__master" role="group" aria-label="Master">
         <span className="strudel-rack__title">
           Master
@@ -303,18 +332,43 @@ export function StrudelRack({ code, onChange, onPlayableChange, className }: Str
           {song.tracks.length} track{song.tracks.length === 1 ? "" : "s"}
           {song.layout === "stack" ? " · stack" : song.layout === "labels" ? " · $:" : ""}
         </span>
+        <div className="strudel-rack__mode" role="radiogroup" aria-label="Layout">
+          {(["rack", "grid"] as const).map((m) => (
+            <button key={m} type="button" role="radio" aria-checked={mode === m} onClick={() => setMode(m)}>
+              {m}
+            </button>
+          ))}
+        </div>
       </div>
+  )
+  const devices = song.tracks.map((t) => ({
+    key: `track-${t.index}`,
+    label: trackName(t),
+    span: 6,
+    node: (
+      <Device
+        song={song}
+        track={t}
+        mix={mix}
+        onChange={onChange}
+        onMix={(kind) => (kind === "mute" ? setMuted(toggle(muted, t.index)) : setSolo(toggle(solo, t.index)))}
+      />
+    ),
+  }))
+
+  return (
+    <div className={`strudel-rack ${className ?? ""}`.trim()} data-mode={mode}>
+      {mode === "grid" ? (
+        <RackGrid items={[{ key: "master", label: "Master", span: 12, node: masterStrip }, ...devices]} layout={grid} onLayoutChange={setGrid} />
+      ) : (
+        <>
+          {masterStrip}
+          {devices.map((d) => (
+            <div key={d.key}>{d.node}</div>
+          ))}
+        </>
+      )}
       {song.tracks.length === 0 && <p className="strudel-rack__error">No pattern found.</p>}
-      {song.tracks.map((t) => (
-        <Device
-          key={t.index}
-          song={song}
-          track={t}
-          mix={mix}
-          onChange={onChange}
-          onMix={(kind) => (kind === "mute" ? setMuted(toggle(muted, t.index)) : setSolo(toggle(solo, t.index)))}
-        />
-      ))}
     </div>
   )
 }

package/src/strudel/index.ts

@@ -3,6 +3,8 @@ export type { StrudelPlayerProps } from "./StrudelPlayer"
 export { StrudelRack, STRUDEL_PARAMS, trackName } from "./StrudelRack"
 export type { StrudelRackProps } from "./StrudelRack"
 export { StepGrid } from "./StepGrid"
+export { RackGrid } from "./RackGrid"
+export type { GridItem, GridLayout, RackGridProps } from "./RackGrid"
 export type { StepGridProps } from "./StepGrid"
 export { Fader, Knob } from "./controls"
 export type { ControlProps } from "./controls"

package/src/styles.css

@@ -1104,6 +1104,116 @@
   box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.5), 0 3px 5px rgb(0 0 0 / 0.7), 0 0 0 1px rgb(0 0 0 / 0.6);
 }
 
+.strudel-rack__mode {
+  display: inline-flex;
+  padding: 2px;
+  border-radius: 5px;
+  background: #0a0b0d;
+  box-shadow: inset 0 1px 2px rgb(0 0 0 / 0.9), 0 1px 0 rgb(255 255 255 / 0.08);
+}
+
+.strudel-rack__mode button {
+  padding: 3px 9px;
+  border: 0;
+  border-radius: 3px;
+  background: transparent;
+  color: #8b9099;
+  font: inherit;
+  font-size: 9px;
+  font-weight: 700;
+  letter-spacing: 0.16em;
+  text-transform: uppercase;
+  cursor: pointer;
+}
+
+.strudel-rack__mode button[aria-checked="true"] {
+  background: linear-gradient(180deg, #4a4e56, #2b2e34);
+  color: var(--strudel-accent);
+  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.18);
+  text-shadow: 0 0 6px color-mix(in srgb, var(--strudel-accent) 60%, transparent);
+}
+
+/* Grid mode: a Eurorack-style case — rails behind, modules dropped in a masonry grid. */
+.strudel-rack[data-mode="grid"] {
+  padding-block: 14px;
+}
+
+.strudel-grid {
+  display: grid;
+  grid-auto-flow: row dense;
+}
+
+.strudel-grid__item {
+  position: relative;
+  min-width: 0;
+  transition: transform 0s;
+}
+
+.strudel-grid__item[data-dragging] {
+  z-index: 5;
+  filter: drop-shadow(0 18px 22px rgb(0 0 0 / 0.6));
+  cursor: grabbing;
+}
+
+.strudel-grid__content {
+  display: flex;
+  flex-direction: column;
+}
+
+.strudel-grid__content > * {
+  flex: 1;
+}
+
+.strudel-grid__content > .strudel-rack__master {
+  flex-wrap: wrap;
+}
+
+/* The grip: an invisible handle over the module's title (left of its pads). */
+.strudel-grid__grip {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: calc(100% - 84px);
+  height: 34px;
+  padding: 0;
+  border: 0;
+  border-radius: 6px 0 0 0;
+  background: transparent;
+  cursor: grab;
+  touch-action: none;
+}
+
+.strudel-grid__item[data-grid-key="master"] .strudel-grid__grip {
+  width: 140px;
+  height: 100%;
+}
+
+.strudel-grid__grip:focus-visible,
+.strudel-grid__corner:focus-visible {
+  outline: 2px solid var(--strudel-accent);
+  outline-offset: -2px;
+}
+
+/* The corner: three engraved ribs. */
+.strudel-grid__corner {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  width: 18px;
+  height: 18px;
+  padding: 0;
+  border: 0;
+  border-radius: 0 0 6px 0;
+  background: linear-gradient(135deg, transparent 0 45%, #7d828b 45% 52%, transparent 52% 62%, #7d828b 62% 69%, transparent 69% 79%, #7d828b 79% 86%, transparent 86%);
+  cursor: nwse-resize;
+  touch-action: none;
+  opacity: 0.7;
+}
+
+.strudel-grid__item:hover .strudel-grid__corner {
+  opacity: 1;
+}
+
 /* Steps: TR-style keys that light up. */
 .strudel-steps {
   display: flex;