@reekon-tools/boldr-cad 0.1.0 → 1.0.0

package/dist/react/Popovers.js

@@ -1,43 +1,70 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from 'react';
-import { Pressable, ScrollView, StyleSheet, Switch, Text, TextInput, View } from 'react-native';
-import { disarmReset, exportDxf, exportPdf, openProjectText, resetArmed, resetToDemo, saveProjectFile } from '../editor/files';
-import { NOTE_COLORS, setNoteColor } from '../editor/markup';
-import { setPreference, togglePreference } from '../editor/project';
-import { ed } from '../app/state';
+import { Animated, Text, TextInput, View } from 'react-native';
+import { disarmReset, exportDxf, exportPdf, importPagesText, openProjectText, resetArmed, resetToDemo, saveProjectFile } from '../editor/files';
+import { editDefaultWallHeight, LAYER_ROWS, layerOn, setDefaultWallHeight, setPrecision, setPreference, setUnits, toggleLayer, togglePreference, WALL_PRESETS, } from '../editor/project';
+import { page } from '../model/store';
+import { fitView } from '../render/view';
+import { command3d, is3d } from '../editor/view3dState';
+import { fmtLen, followingHostUnits } from '../units';
 import { settings } from '../model/settings';
+import { Toggle } from './Buttons';
+import { FitScroll } from './FitScroll';
 import { pickTextFile } from './files';
-import { notify, ui } from './store';
+import { editorVersion, notify, ui, useEditorKey } from './store';
 import { C, FONT, shadow } from './theme';
+import { Segmented, Tap, usePopup } from './motion';
+import { createSheet } from './corners';
 const closeMenu = () => { ui.menu = false; disarmReset(); notify(); };
 function MenuLink({ label, onPress, danger }) {
-    return (_jsx(Pressable, { accessibilityRole: "button", accessibilityLabel: label, onPress: onPress, style: s.link, children: _jsx(Text, { style: [s.linkText, danger && { color: C.softRed }], children: label }) }));
+    return (_jsx(Tap, { feel: "dim", accessibilityRole: "button", accessibilityLabel: label, onPress: onPress, style: s.link, children: _jsx(Text, { style: [s.linkText, danger && { color: C.softRed }], children: label }) }));
 }
 function Seg({ value, opts, onPick }) {
-    return (_jsx(View, { style: s.seg, children: opts.map(([v, l]) => (_jsx(Pressable, { accessibilityRole: "button", accessibilityLabel: l, accessibilityState: { selected: v === value }, onPress: () => onPick(v), style: [s.segBtn, v === value && { backgroundColor: '#fff' }], children: _jsx(Text, { style: [s.segText, v === value && { color: C.dark }], children: l }) }, String(v)))) }));
+    return _jsx(Segmented, { value: value, options: opts, onPick: onPick, style: s.seg, optionStyle: s.segBtn, textStyle: s.segText, onText: C.dark, offText: C.lg1 });
 }
 const MRow = ({ label, children }) => (_jsxs(View, { style: s.mrow, children: [_jsx(Text, { style: s.rowText, children: label }), children] }));
-/** Settings and files (the ••• button). `units` false: units come from the host (the person's BOLDR settings). */
-export function Menu({ units = true, devTools = true, themeChoice = true }) {
-    if (!ui.menu)
-        return null;
+/**
+ * The top bar's menus: Layers, or ••• (on a phone Fit to screen, then exports, opening a file, settings). `accountUnits`: the host formats
+ * lengths (BOLDR: the person's account settings), offered as Units → Account beside the editor's own units.
+ */
+export function Menu({ accountUnits = false, devTools = true, themeChoice = true, pickText = pickTextFile, readOnly = false, phone = false }) {
+    // (open only briefly: while it is, it follows every change)
+    useEditorKey(() => (ui.menu ? ui.menu + editorVersion() : ''));
+    // two menus in the one spot, each dropping down from its button (top right) and kept built once opened, so it opens
+    // at once the next time; one swapped for the other fades across
+    const more = usePopup(ui.menu === 'more', { y: -6 }, 'top right', true), layers = usePopup(ui.menu === 'layers', { y: -6 }, 'top right', true);
+    return (_jsxs(_Fragment, { children: [more.mounted && _jsx(MoreMenu, { open: ui.menu === 'more', style: more.style, accountUnits, devTools, themeChoice, pickText, readOnly, phone }), layers.mounted && _jsx(LayersMenu, { open: ui.menu === 'layers', style: layers.style })] }));
+}
+/** ••• : the exports, opening a file, and the settings. */
+function MoreMenu({ open, style, accountUnits, devTools, themeChoice, pickText, readOnly, phone }) {
     const run = (fn) => () => { closeMenu(); fn(); };
-    return (_jsx(View, { style: s.menu, accessibilityLabel: "Settings", testID: "menu", children: _jsxs(ScrollView, { children: [devTools && (_jsxs(_Fragment, { children: [_jsx(MenuLink, { label: "Save project to file\u2026", onPress: run(saveProjectFile) }), _jsx(MenuLink, { label: "Open project from file\u2026", onPress: run(() => { pickTextFile().then(t => { if (t != null)
-                                openProjectText(t); }); }) }), _jsx(View, { style: s.hr })] })), _jsx(MenuLink, { label: "Export page as PDF (.pdf)", onPress: run(exportPdf) }), _jsx(MenuLink, { label: "Export page as DXF (.dxf)", onPress: run(exportDxf) }), _jsx(View, { style: s.hr }), units && (_jsxs(_Fragment, { children: [_jsx(MRow, { label: "Units", children: _jsx(Seg, { value: settings.unit, opts: [['ftin', 'ft-in'], ['in', 'in'], ['mm', 'mm']], onPick: v => setPreference('unit', v) }) }), _jsx(MRow, { label: "Precision", children: _jsx(Seg, { value: settings.denom, opts: [[16, '1/16"'], [8, '1/8"'], [4, '1/4"']], onPick: v => setPreference('denom', v) }) })] })), _jsx(MRow, { label: "Wall height", children: _jsx(Seg, { value: settings.wallH, opts: [[96, "8'"], [108, "9'"], [120, "10'"]], onPick: v => setPreference('wallH', v) }) }), _jsx(MRow, { label: "Snap to grid", children: _jsx(Switch, { accessibilityLabel: "Snap to grid", value: settings.snapGrid, onValueChange: () => togglePreference('snapGrid'), trackColor: { true: C.blue, false: C.g3 }, thumbColor: "#fff" }) }), themeChoice && (_jsx(MRow, { label: "Theme", children: _jsx(Seg, { value: settings.theme, opts: [['system', 'Auto'], ['light', 'Light'], ['dark', 'Dark']], onPick: v => setPreference('theme', v) }) })), _jsx(MRow, { label: "Auto-constrain while drawing", children: _jsx(Switch, { accessibilityLabel: "Auto-constrain while drawing", value: settings.autoCons, onValueChange: () => togglePreference('autoCons'), trackColor: { true: C.blue, false: C.g3 }, thumbColor: "#fff" }) }), devTools && (_jsxs(_Fragment, { children: [_jsx(View, { style: s.hr }), _jsx(MenuLink, { danger: true, label: resetArmed() ? 'Tap again to reset — this clears your pages' : 'Reset to the demo project', onPress: () => { if (resetToDemo())
+    return (_jsx(Animated.View, { style: [s.menu, style], pointerEvents: open ? 'auto' : 'none', accessibilityLabel: "Settings", testID: open ? 'menu' : undefined, children: _jsxs(FitScroll, { children: [phone && _jsx(MenuLink, { label: "Fit to screen", onPress: run(() => (is3d() ? command3d('fit') : fitView())) }), _jsx(MenuLink, { label: "Export page as PDF (.pdf)", onPress: run(exportPdf) }), _jsx(MenuLink, { label: "Export page as DXF (.dxf)", onPress: run(exportDxf) }), _jsx(View, { style: s.hr }), !readOnly && (_jsxs(_Fragment, { children: [_jsx(MenuLink, { label: "Open file\u2026 (adds its pages)", onPress: run(() => { pickText().then(t => { if (t != null)
+                                importPagesText(t); }, () => { }); }) }), _jsx(View, { style: s.hr })] })), devTools && (_jsxs(_Fragment, { children: [_jsx(MenuLink, { label: "Save project to file\u2026", onPress: run(saveProjectFile) }), _jsx(MenuLink, { label: "Open project from file\u2026", onPress: run(() => { pickTextFile().then(t => { if (t != null)
+                                openProjectText(t); }); }) }), _jsx(View, { style: s.hr })] })), _jsx(MRow, { label: "Units", children: _jsx(Seg, { value: accountUnits && followingHostUnits() ? 'account' : settings.unit, opts: [...(accountUnits ? [['account', 'Account']] : []), ['ftin', 'ft-in'], ['in', 'in'], ['mm', 'mm']], onPick: setUnits }) }), !(accountUnits && followingHostUnits()) && settings.unit !== 'mm' && (_jsx(MRow, { label: "Precision", children: _jsx(Seg, { value: settings.denom, opts: [[16, '1/16"'], [8, '1/8"'], [4, '1/4"']], onPick: setPrecision }) })), _jsx(MRow, { label: "Wall height", children: _jsx(Seg, { value: WALL_PRESETS.includes(settings.wallH) ? settings.wallH : -1, opts: [[96, "8'"], [108, "9'"], [120, "10'"], [-1, WALL_PRESETS.includes(settings.wallH) ? 'Custom' : fmtLen(settings.wallH)]], onPick: v => { if (v === -1) {
+                            closeMenu();
+                            editDefaultWallHeight();
+                        }
+                        else if (setDefaultWallHeight(v))
+                            notify(); } }) }), _jsx(MRow, { label: "Snap to grid", children: _jsx(Toggle, { label: "Snap to grid", value: settings.snapGrid, onChange: () => togglePreference('snapGrid') }) }), _jsx(MRow, { label: "Object snapping", children: _jsx(Toggle, { label: "Object snapping", value: layerOn('objSnap'), onChange: () => { toggleLayer('objSnap'); notify(); } }) }), themeChoice && (_jsx(MRow, { label: "Theme", children: _jsx(Seg, { value: settings.theme, opts: [['system', 'Auto'], ['light', 'Light'], ['dark', 'Dark']], onPick: v => setPreference('theme', v) }) })), _jsx(MRow, { label: "Auto-constrain while drawing", children: _jsx(Toggle, { label: "Auto-constrain while drawing", value: settings.autoCons, onChange: () => togglePreference('autoCons') }) }), _jsx(MRow, { label: "Tool tips", children: _jsx(Toggle, { label: "Tool tips", value: settings.toolTips !== false, onChange: () => { togglePreference('toolTips'); notify(); } }) }), devTools && (_jsxs(_Fragment, { children: [_jsx(View, { style: s.hr }), _jsx(MenuLink, { danger: true, label: resetArmed() ? 'Tap again to reset — this clears your pages' : 'Reset to the demo project', onPress: () => { if (resetToDemo())
                                 closeMenu();
                             else
                                 notify(); } })] }))] }) }));
 }
-/** The markup colors (from the rail's color dot or the bar's Color). */
-export function Palette() {
-    if (!ui.palette)
-        return null;
-    return (_jsx(View, { style: s.palette, testID: "palette", children: NOTE_COLORS.map(c => (_jsx(Pressable, { accessibilityRole: "button", accessibilityLabel: 'Color ' + c, onPress: () => { setNoteColor(c); ui.palette = false; notify(); }, style: [s.swatch, { backgroundColor: c }, c === ed.noteColor && { borderColor: '#fff', borderWidth: 3 }] }, c))) }));
+/** A layer's switch: its name, what it shows beneath, the toggle. */
+function LayerRow({ label, sub, value, onChange }) {
+    return (_jsxs(View, { style: s.mrow, children: [_jsxs(View, { style: { flexShrink: 1 }, children: [_jsx(Text, { style: s.rowText, children: label }), sub ? _jsx(Text, { style: s.rowSub, children: sub }) : null] }), _jsx(Toggle, { label: label, value: value, onChange: onChange })] }));
+}
+/** The Layers menu: what's shown — the photos and plans under the drawing, then each layer. (An image's own lock, scale and
+ * opacity are in its bar when it's selected.) */
+function LayersMenu({ open, style }) {
+    const ims = page().underlays, n = ims.length;
+    return (_jsx(Animated.View, { style: [s.menu, s.layers, style], pointerEvents: open ? 'auto' : 'none', accessibilityLabel: "Layers", testID: open ? 'layersMenu' : undefined, children: _jsxs(FitScroll, { children: [_jsx(LayerRow, { label: n > 1 ? 'Photos and plans' : 'Photo or plan underlay', sub: n > 1 ? n + ' images under the drawing' : n ? 'Traced image under the drawing' : 'None on this page', value: settings.layers.underlay, onChange: () => { toggleLayer('underlay'); notify(); } }), _jsx(View, { style: s.hr }), LAYER_ROWS.map(([k, label, sub]) => _jsx(LayerRow, { label: label, sub: sub, value: layerOn(k), onChange: () => { toggleLayer(k); notify(); } }, k))] }) }));
 }
 /** Typing a note where the text tool was tapped: Enter places it, Esc cancels, leaving the field places it too. */
 export function NoteInput() {
+    useEditorKey(() => (ui.note ? String(editorVersion()) : ''));
     const n = ui.note, [text, setText] = useState(''), ref = useRef(null), done = useRef(false);
-    useEffect(() => { setText(''); done.current = false; if (n)
+    useEffect(() => { setText(n?.initial ?? ''); done.current = false; if (n)
         setTimeout(() => ref.current?.focus(), 30); }, [n]);
     if (!n)
         return null;
@@ -51,21 +78,21 @@ export function NoteInput() {
         if (commit && text.trim())
             cb(text.trim());
     };
-    return (_jsx(TextInput, { ref: ref, accessibilityLabel: "Note text", placeholder: "Type a note, then Enter", placeholderTextColor: C.g4, value: text, onChangeText: setText, onSubmitEditing: () => finish(true), onBlur: () => finish(true), onKeyPress: e => { if (e.nativeEvent.key === 'Escape')
+    return (_jsx(TextInput, { ref: ref, accessibilityLabel: "Note text", selectTextOnFocus: !!n.initial, placeholder: "Type a note, then Enter", placeholderTextColor: C.g4, value: text, onChangeText: setText, onSubmitEditing: () => finish(true), onBlur: () => finish(true), onKeyPress: e => { if (e.nativeEvent.key === 'Escape')
             finish(false); }, style: [s.note, { left: n.x, top: n.y - 18 }] }));
 }
-const s = StyleSheet.create({
+const s = createSheet({
     menu: { position: 'absolute', top: 66, right: 12, width: 320, maxHeight: '80%', backgroundColor: C.g1, borderRadius: 15, paddingVertical: 8, zIndex: 45, ...shadow },
     link: { paddingVertical: 10, paddingHorizontal: 16 },
     linkText: { fontFamily: FONT, fontSize: 14, color: '#fff' },
     hr: { height: 1, backgroundColor: C.g2, marginVertical: 6 },
     mrow: { flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between', paddingVertical: 8, paddingHorizontal: 16, gap: 10 },
+    layers: { width: 340 },
+    rowSub: { fontFamily: FONT, fontSize: 12, color: C.g4, marginTop: 2 },
     rowText: { fontFamily: FONT, fontSize: 14, color: '#fff', flexShrink: 1 },
-    seg: { flexDirection: 'row', backgroundColor: C.dark, borderRadius: 16, padding: 3 },
-    segBtn: { paddingVertical: 5, paddingHorizontal: 10, borderRadius: 13 },
+    seg: { flexDirection: 'row', backgroundColor: C.dark, borderRadius: 999, padding: 3 },
+    segBtn: { paddingVertical: 5, paddingHorizontal: 10, borderRadius: 999 },
     segText: { fontFamily: FONT, fontSize: 12.5, fontWeight: '600', color: C.lg1 },
-    palette: { position: 'absolute', left: 70, top: 300, flexDirection: 'row', gap: 8, backgroundColor: C.g1, borderRadius: 24, padding: 8, zIndex: 46, ...shadow },
-    swatch: { width: 32, height: 32, borderRadius: 16, borderWidth: 2, borderColor: 'rgba(255,255,255,0.4)' },
     note: { position: 'absolute', zIndex: 40, minWidth: 220, height: 36, paddingHorizontal: 10, borderRadius: 8, backgroundColor: '#fff', color: C.dark, fontFamily: FONT, fontSize: 14, borderWidth: 2, borderColor: C.purple },
 });
 //# sourceMappingURL=Popovers.js.map

package/dist/react/Popovers.js.map

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

package/dist/react/Rail.d.ts

@@ -1,3 +1,27 @@
+export interface TabletRail {
+    size: number;
+    gap: number;
+    div: number;
+    pad: number;
+    icon: number;
+}
+/**
+ * The room a tablet's rail is sized for: its room in landscape — what it has when held that way, and in portrait less
+ * the difference between the window's sides. From one layout (the window read with the room): the same either way the
+ * tablet is held, so the rail doesn't change as it's turned.
+ */
+export declare function landscapeRoom(height: number, winW: number, winH: number): number;
+/** The tablet rail for `height` of room: 44 pt buttons an eighth apart, tighter gaps then smaller to fit. */
+export declare function tabletRailLayout(height: number, buttons: number, dividers: number): TabletRail;
+/**
+ * Buttons and the space between them for a rail `height` tall: on a computer GAP apart, closer on a short screen, and
+ * on a shorter one still the buttons shrink to fit before it has to scroll. Phones keep the compact rail, scrolling
+ * when it must.
+ */
+export declare function railLayout(height: number, buttons: number, dividers: number, phone: boolean): {
+    size: number;
+    gap: number;
+};
 /** The tool rail on the left: the current mode's tools, toggles and actions. */
 export declare function Rail({ phone, onAddImage }: {
     phone: boolean;

package/dist/react/Rail.js

@@ -1,47 +1,337 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Pressable, ScrollView, StyleSheet, View } from 'react-native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { toolTip } from '../editor/tooltips';
+import { notify, ui, useEditorKey } from './store';
+import { memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { Animated, Dimensions, Platform, ScrollView, StyleSheet, View } from 'react-native';
 import { redo, undo } from '../app/edit';
 import { ed } from '../app/state';
-import { RAIL, toggleConstr } from '../editor/mode';
-import { openPalette, toast } from '../editor/ports';
+import { groupTools, RAIL, railIcon, railItems, TOGGLES, TOOL_GROUPS, toolLabel } from '../editor/mode';
+import { markupTarget } from '../editor/markup';
+import { elevOpen } from '../editor/elevation';
+import { openPalette } from '../editor/ports';
 import { setTool } from '../tools/registry';
+import { addLinks, LINK_PLUS_LABEL, linkPlusVisible } from '../editor/linkActions';
+import { canLink } from '../editor/links';
 import { hovered } from './Buttons';
 import { Icon } from './Icon';
 import { C, shadow } from './theme';
+import { EASE, DURATION, Tap, TOGGLE_EASE, useEased } from './motion';
+import { NATIVE } from './easing';
+import { TweenView } from './Tween';
+import { createSheet } from './corners';
+/** A rail button's icon, fading from white to dark as it's selected (two icons, crossfaded). */
+const RailIcon = memo(function RailIcon({ name, size, on }) {
+    const t = useEased(on), off = useMemo(() => t.interpolate({ inputRange: [0, 1], outputRange: [1, 0] }), [t]);
+    return (_jsxs(View, { style: { width: size, height: size }, children: [_jsx(Animated.View, { style: [StyleSheet.absoluteFill, { opacity: off }], children: _jsx(Icon, { name: name, size: size, color: "#fff" }) }), _jsx(Animated.View, { style: [StyleSheet.absoluteFill, { opacity: t }], children: _jsx(Icon, { name: name, size: size, color: C.dark }) })] }));
+});
+/**
+ * The selected tool's white disc: it glides from tool to tool (and fades when the tool isn't on the rail), moved by a
+ * transform so the glide runs on the native driver. Where it goes is worked out from the rail's own layout, not
+ * measured: a button that moves without changing size reports no new layout (react-native-web), which left the disc
+ * between buttons.
+ */
+function useGlide(top) {
+    const y = useRef(new Animated.Value(0)).current, o = useRef(new Animated.Value(0)).current, seen = useRef(false);
+    useEffect(() => {
+        const go = (v, to) => Animated.timing(v, { toValue: to, duration: DURATION, easing: EASE, useNativeDriver: NATIVE }).start();
+        if (top == null) {
+            go(o, 0);
+            return;
+        }
+        if (!seen.current) {
+            y.setValue(top);
+            o.setValue(1);
+            seen.current = true;
+            return;
+        }
+        go(y, top);
+        go(o, 1);
+    }, [top]); // eslint-disable-line react-hooks/exhaustive-deps
+    return { y, o };
+}
+/**
+ * INSET: the space around the buttons, the same at the ends as at the sides, so the end buttons sit concentric in the
+ * pill. GAP: the space between buttons — kept, not spread to fill a tall screen (less only where the screen is short).
+ */
+const BTN = 40, MIN_BTN = 32, DIV = 11, INSET = 6, PAD = 2 * INSET, GAP = 5;
+/**
+ * On a tablet the rail is bigger than on a computer (44 pt buttons, easy to hit with a finger, the same eighth of a
+ * button apart) and keeps its proportions as it sizes: dividers, padding and icons follow the buttons. It's sized for
+ * the room it has in landscape and stays that size in portrait, so it looks the same whichever way the tablet is held:
+ * where landscape is short the space between buttons tightens first, to a twelfth of a button at least, and then the
+ * whole rail scales down — 44 pt buttons on a 13" iPad Pro, 41 pt on an 11" iPad, 36 pt on an iPad mini. A tablet's
+ * rail never scrolls: TABLET_MIN_BTN is below what the smallest iPad needs.
+ */
+const TABLET_BTN = 44, TABLET_MIN_BTN = 30;
+const PER_BTN = { gapMax: 0.12, gapMin: 0.08, div: 0.275, pad: (2 * INSET) / BTN, icon: 0.6 };
+/**
+ * The room a tablet's rail is sized for: its room in landscape — what it has when held that way, and in portrait less
+ * the difference between the window's sides. From one layout (the window read with the room): the same either way the
+ * tablet is held, so the rail doesn't change as it's turned.
+ */
+export function landscapeRoom(height, winW, winH) {
+    return height - Math.max(0, winH - Math.min(winW, winH));
+}
+/** The tablet rail for `height` of room: 44 pt buttons an eighth apart, tighter gaps then smaller to fit. */
+export function tabletRailLayout(height, buttons, dividers) {
+    const spaces = buttons + dividers - 1;
+    // height per point of button size, before the gaps: the buttons, the dividers and the padding
+    const base = buttons + dividers * PER_BTN.div + PER_BTN.pad;
+    let size = TABLET_BTN, gap = PER_BTN.gapMax;
+    if (height) {
+        const room = height / TABLET_BTN - base; // what's left for gaps at full size, per point of button
+        if (room < spaces * PER_BTN.gapMax) {
+            gap = Math.max(PER_BTN.gapMin, room / spaces);
+            if (room < spaces * PER_BTN.gapMin)
+                size = Math.floor(height / (base + spaces * gap));
+        }
+    }
+    size = Math.max(TABLET_MIN_BTN, Math.min(TABLET_BTN, size));
+    return {
+        size,
+        gap: Math.round(size * gap),
+        div: Math.round(size * PER_BTN.div),
+        pad: Math.round(size * PER_BTN.pad),
+        icon: Math.round(size * PER_BTN.icon),
+    };
+}
+/**
+ * Buttons and the space between them for a rail `height` tall: on a computer GAP apart, closer on a short screen, and
+ * on a shorter one still the buttons shrink to fit before it has to scroll. Phones keep the compact rail, scrolling
+ * when it must.
+ */
+export function railLayout(height, buttons, dividers, phone) {
+    if (phone || !height || buttons < 2)
+        return { size: BTN, gap: 0 };
+    const natural = buttons * BTN + dividers * DIV + PAD;
+    if (height < natural) {
+        return { size: Math.max(MIN_BTN, Math.floor((height - dividers * DIV - PAD) / buttons)), gap: 0 };
+    }
+    return { size: BTN, gap: Math.min(GAP, Math.floor((height - natural) / (buttons + dividers - 1))) };
+}
+/**
+ * The rail's room on a tablet or a computer: from 30 under the top bar's buttons (their 58) to 14 above the bottom.
+ * The rail hangs from the top of it, whatever its tools and whichever way a tablet is held: its first button (Select)
+ * never moves, and a shorter rail just ends sooner.
+ */
+const RAIL_TOP = 58 + 30, RAIL_BOTTOM = 14;
+/** How long the rail takes to change from one tool set to another (switching between Draft and Annotate). */
+const MORPH = 240, FADE_OUT = 130, FADE_IN_AT = 70;
+/** Annotate's + sits this far under the rail, as wide as the rail is. */
+const PLUS_GAP = 10;
+/** A value that follows `to`, easing to each new one (set at once the first time), on the native driver. */
+function useMorphed(to) {
+    const v = useRef(new Animated.Value(to)).current;
+    useEffect(() => { Animated.timing(v, { toValue: to, duration: MORPH, easing: EASE, useNativeDriver: NATIVE }).start(); }, [to, v]);
+    return v;
+}
+/**
+ * One place on the rail. As the tool set changes it glides to where it now sits; a place new to this tool set fades
+ * (and grows a touch) in, and one that's gone fades out — so switching modes, the rail morphs rather than redraws.
+ * It moves by a transform, on the native driver.
+ */
+const RailSlot = memo(function RailSlot(p) {
+    const top = useMorphed(p.y), vis = useRef(new Animated.Value(p.appear ? 0 : 1)).current;
+    const scale = useMemo(() => vis.interpolate({ inputRange: [0, 1], outputRange: [0.88, 1] }), [vis]);
+    // what goes clears quickly, and what comes fades in just behind it, so the two never sit on top of each other
+    useEffect(() => {
+        // (fades ease in and out: a fast start reads as a blink on something appearing or going)
+        Animated.timing(vis, p.leaving ? { toValue: 0, duration: FADE_OUT, easing: TOGGLE_EASE, useNativeDriver: NATIVE }
+            : { toValue: 1, duration: MORPH - FADE_IN_AT, delay: p.appear ? FADE_IN_AT : 0, easing: TOGGLE_EASE, useNativeDriver: NATIVE }).start();
+    }, [p.leaving, vis]); // eslint-disable-line react-hooks/exhaustive-deps
+    return (_jsx(Animated.View, { pointerEvents: p.leaving ? 'none' : 'box-none', "aria-hidden": p.leaving || undefined, style: [s.slot, { opacity: vis, transform: [{ translateY: top }, { scale }] }], children: p.id == null ? _jsx(View, { style: [s.div, { width: 28 * p.unit, marginVertical: (p.div - 1) / 2 }] }) : _jsx(RailEntry, { ...p }) }));
+});
+/**
+ * A tool, toggle or action on the rail, and what a press does. A place several tools share draws with the one it shows
+ * on a tap, and opens the menu of them all on a long press; with a mouse (a browser on a computer) a click opens the
+ * menu instead — a mouse has no long press to find. A browser on a phone or an iPad keeps the touch behaviour.
+ */
+const MENU_ON_CLICK = Platform.OS === 'web' && typeof matchMedia === 'function' && matchMedia('(hover: hover) and (pointer: fine)').matches;
+function RailEntry({ id, label, kind, tool, on, size, icon, unit, dot, menuX, menuY, onAddImage, leaving }) {
+    const group = kind === 'group';
+    const press = () => {
+        if (group && MENU_ON_CLICK) {
+            // a second click closes it again
+            if (ui.shapeMenu?.group === id) {
+                ui.shapeMenu = null;
+                notify();
+            }
+            else
+                openMenu();
+            return;
+        }
+        ui.shapeMenu = null;
+        if (kind === 'toggle')
+            TOGGLES[id]?.flip();
+        else if (kind === 'act') {
+            if (id === 'undo')
+                undo();
+            else if (id === 'redo')
+                redo();
+            else if (id === 'image')
+                onAddImage();
+            else if (id === 'color')
+                openPalette();
+        }
+        else
+            setTool(tool);
+        // what it does, in a line under the tabs (for a tool or a toggle; not Undo, a colour, an action)
+        const t = kind === 'act' ? null : toolTip(tool, label);
+        if (t)
+            ui.toolTip = { text: t, seq: (ui.toolTip?.seq ?? 0) + 1 };
+        notify();
+    };
+    // the menu of the place's tools, beside the rail level with it
+    const openMenu = () => {
+        setTool(tool);
+        ui.menu = false;
+        ui.palette = false;
+        ui.shapeMenu = { x: menuX, y: menuY, group: id };
+        notify();
+    };
+    return (_jsx(RailButton, { id: id, label: label, on: on, toggle: kind === 'toggle', size: size, onPress: press, testID: leaving ? undefined : 'tool-' + id, onLongPress: group ? openMenu : undefined, hint: group ? (MENU_ON_CLICK ? 'Opens the other shapes' : 'Touch and hold for the other shapes') : undefined, children: id === 'color'
+            ? _jsx(View, { style: [s.dot, { width: 20 * unit, height: 20 * unit, borderRadius: 10 * unit, backgroundColor: dot ?? undefined }] })
+            : _jsx(RailIcon, { name: railIcon(tool), size: icon, on: on }) }));
+}
+/** A rail item's place: a tool keeps its place across tool sets when it's the same tool (Select / Select markup). */
+const slotKey = (it, divider) => (it === '|' ? 'd' + divider : it[0] === 'aselect' ? 'select' : it[0]);
 /** The tool rail on the left: the current mode's tools, toggles and actions. */
 export function Rail({ phone, onAddImage }) {
-    const items = RAIL[ed.mode].filter(it => it === '|' || it[0] !== 'image' || onAddImage);
-    return (_jsx(View, { style: [s.rail, phone && { top: 162 }], children: _jsx(ScrollView, { contentContainerStyle: s.inner, showsVerticalScrollIndicator: false, children: items.map((it, i) => {
-                if (it === '|')
-                    return _jsx(View, { style: s.div }, 'd' + i);
-                const [id, label, , kind] = it;
-                const on = id === ed.tool || (id === 'constr' && ed.drawConstr);
-                const press = () => {
-                    if (kind === 'toggle') {
-                        toggleConstr();
-                        toast(ed.drawConstr ? 'New lines are construction lines — guides that never make spaces.' : 'New lines are regular lines.');
-                    }
-                    else if (kind === 'act') {
-                        if (id === 'undo')
-                            undo();
-                        else if (id === 'redo')
-                            redo();
-                        else if (id === 'image')
-                            onAddImage?.();
-                        else if (id === 'color')
-                            openPalette();
-                    }
-                    else
-                        setTool(id);
-                };
-                return (_jsx(Pressable, { accessibilityRole: "button", accessibilityLabel: label, accessibilityState: { selected: on }, testID: 'tool-' + id, onPress: press, style: st => [s.btn, on ? { backgroundColor: kind === 'toggle' ? C.lblue : '#fff' } : hovered(st) && { backgroundColor: 'rgba(255,255,255,0.08)' }], children: id === 'color' ? _jsx(View, { style: [s.dot, { backgroundColor: ed.noteColor }] }) : _jsx(Icon, { name: id, color: on ? C.dark : '#fff' }) }, id));
-            }) }) }));
-}
-const s = StyleSheet.create({
-    rail: { position: 'absolute', left: 12, top: 112, bottom: 84, zIndex: 22, alignItems: 'flex-start' },
-    inner: { backgroundColor: C.g2, borderRadius: 30, paddingVertical: 8, paddingHorizontal: 6, alignItems: 'center', ...shadow },
+    // its tools (the mode's or the wall view's), the one in use, the toggles, the markup colour, the shape
+    useEditorKey(() => [ed.mode, elevOpen(), ed.tool, ed.drawConstr, ed.drawWalls, markupTarget().color, JSON.stringify(ui.picked), canLink(), linkPlusVisible()].join('|'));
+    // (shapes share one place: Annotate's always, Draft's on a phone, which has no room for each)
+    const usable = (list) => groupTools(list.filter(it => it === '|' || it[0] !== 'image' || onAddImage), phone);
+    const items = usable(railItems());
+    // the room it has, as last laid out, and the window it was laid out in — read at that same moment. A tablet turned
+    // changes the window at once and the room a layout later: the two taken together (a portrait room in a landscape
+    // window) shrank the rail to nothing and grew it back as it turned.
+    const [room, setRoom] = useState({ height: 0, y: 0, winW: 0, winH: 0 });
+    const { height, y: railY } = room;
+    // the tool a shared place draws with: the one in use, or the last picked
+    const pickedIn = (g) => (TOOL_GROUPS[g].tools.includes(ed.tool) ? ed.tool : ui.picked[g]);
+    const tablet = Platform.OS !== 'web' && !phone;
+    // a tablet's rail keeps its proportions as it sizes; elsewhere the 40 pt rail closes up or shrinks to fit
+    // the rail's room in landscape: the same as now when held that way; in portrait, less by the difference between the sides
+    const landscapeHeight = landscapeRoom(height, room.winW, room.winH);
+    const layoutOf = (list, less = 0) => {
+        const dividers = list.filter(it => it === '|').length, buttons = list.length - dividers;
+        return tablet ? tabletRailLayout(landscapeHeight - less, buttons, dividers) : { ...railLayout(height - less, buttons, dividers, phone), div: DIV, pad: PAD, icon: 24 };
+    };
+    const tightest = (ls) => ls.reduce((a, b) => (b.size < a.size || (b.size === a.size && b.gap < a.gap) ? b : a));
+    const lengthOf = (list, l) => list.reduce((h, it) => h + (it === '|' ? l.div : l.size) + l.gap, 0) - l.gap + 2 * INSET * (l.size / BTN);
+    const pillWidth = (l) => l.size + 2 * INSET * (l.size / BTN);
+    // one spacing for every tool set — the one the longest rail (Draft's) can fit — so a shorter rail is just shorter
+    let L = tightest([items, usable(RAIL.draft), usable(RAIL.annotate)].map(l => layoutOf(l)));
+    // with a host that links, Annotate's rail leaves room under it for the + — or, where even a smaller rail wouldn't
+    // (a short window), the + floats in the corner instead
+    let plusUnder = false;
+    if (!phone && canLink() && height > 0) {
+        const annotate = usable(RAIL.annotate), withPlus = tightest([L, layoutOf(annotate, PLUS_GAP + pillWidth(L))]);
+        if (lengthOf(annotate, withPlus) + PLUS_GAP + pillWidth(withPlus) <= height + 0.5) {
+            L = withPlus;
+            plusUnder = true;
+        }
+    }
+    const fab = !phone && canLink() && height > 0 && !plusUnder;
+    useEffect(() => { if (ui.linkFab !== fab) {
+        ui.linkFab = fab;
+        notify();
+    } }, [fab]);
+    const { size, gap, icon } = L, unit = size / BTN;
+    // where each item sits: the rail's top padding, then each button or divider above it and the gap after it
+    // (the space above the first button is the space beside it: the pill's ends are concentric with the end buttons)
+    const inset = INSET * unit;
+    let y = inset, dn = 0;
+    const placed = items.map(it => { const p = { key: slotKey(it, dn), y, it }; if (it === '|')
+        dn++; y += (it === '|' ? L.div : size) + gap; return p; });
+    const total = y - gap + inset, width = size + 2 * inset, radius = size / 2 + inset;
+    // what was on the rail and isn't now fades out where it was — worked out in this same render, so it never drops
+    // out for a frame before fading (that read as a flicker)
+    const prev = useRef(placed), leaving = useRef({ items: [], seq: 0 }), mounted = useRef(false);
+    const keys = placed.map(p => p.key).join(), [, rerender] = useState(0);
+    if (keys !== prev.current.map(p => p.key).join()) {
+        const now = new Set(placed.map(p => p.key));
+        const gone = [...prev.current.filter(p => !now.has(p.key)), ...leaving.current.items.filter(p => !now.has(p.key))];
+        leaving.current = { items: gone.filter((p, i) => gone.findIndex(q => q.key === p.key) === i), seq: leaving.current.seq + 1 };
+        prev.current = placed;
+    }
+    const seq = leaving.current.seq;
+    useEffect(() => {
+        if (!leaving.current.items.length)
+            return;
+        const t = setTimeout(() => { if (leaving.current.seq === seq) {
+            leaving.current = { items: [], seq };
+            rerender(n => n + 1);
+        } }, MORPH + 20);
+        return () => clearTimeout(t);
+    }, [seq]);
+    // (what's on the rail when it's first shown is just there; what comes later fades in)
+    useEffect(() => { if (height)
+        mounted.current = true; }, [height]);
+    const isOn = (id) => id === ed.tool || !!TOOL_GROUPS[id]?.tools.includes(ed.tool);
+    const sel = placed.find(p => p.it !== '|' && (!p.it[3] || p.it[3] === 'group') && isOn(p.it[0]));
+    const glide = useGlide(sel ? sel.y : null);
+    // (one function for every render, so the places' props stay equal: the host's own may be new each time)
+    const addImage = useRef(onAddImage);
+    addImage.current = onAddImage;
+    const onAdd = useCallback(() => addImage.current?.(), []);
+    /** A place's props: plain values only (see SlotProps). */
+    const slot = (p, isLeaving) => {
+        const common = { y: p.y, appear: !isLeaving && mounted.current, leaving: isLeaving, size, icon, unit, div: L.div, onAddImage: onAdd };
+        if (p.it === '|')
+            return { ...common, id: null, label: '', tool: '', on: false, dot: null, menuX: 0, menuY: 0 };
+        const [id, rawLabel, , kind] = p.it, group = kind === 'group';
+        // a shared place stands for the tool it'll draw with
+        const tool = group ? pickedIn(id) : id;
+        return {
+            ...common, id, kind, tool, label: group ? toolLabel(tool) : rawLabel,
+            on: !isLeaving && (kind === 'toggle' ? !!TOGGLES[id]?.on() : isOn(id)),
+            dot: id === 'color' ? markupTarget().color : null,
+            // (the rail's own place, plus where this sits on it)
+            menuX: group ? 12 + width + 10 : 0, menuY: group ? railY + p.y : 0,
+        };
+    };
+    return (_jsxs(View, { style: [s.rail, phone && { top: 162, bottom: 84 }], onLayout: e => {
+            const { height: h, y: top } = e.nativeEvent.layout, w = Dimensions.get('window');
+            setRoom({ height: h, y: top, winW: w.width, winH: w.height });
+        }, children: [height > 0 && _jsx(TweenView, { testID: "railPill", to: { height: total }, duration: MORPH, style: [s.inner, { width, maxHeight: '100%', borderRadius: radius }], children: _jsxs(ScrollView, { style: { flex: 1, borderRadius: radius }, contentContainerStyle: { height: total }, showsVerticalScrollIndicator: false, scrollEnabled: !!height && total > height + 1, bounces: false, children: [sel && _jsx(Animated.View, { pointerEvents: "none", style: [s.disc, { left: inset, width: size, height: size, borderRadius: size / 2, opacity: glide.o, transform: [{ translateY: glide.y }] }] }), leaving.current.items.map(p => _jsx(RailSlot, { ...slot(p, true) }, 'gone-' + p.key)), placed.map(p => _jsx(RailSlot, { ...slot(p, false) }, p.key))] }) }), height > 0 && plusUnder && _jsx(RailPlus, { top: Math.min(total, height) + PLUS_GAP, size: width, shown: linkPlusVisible() })] }));
+}
+/**
+ * Annotate's +, under the rail: picks the job's files and measurements to put on the plan. It follows the rail's end as
+ * the rail changes length, and fades in and out with Annotate's tools (all on the native driver).
+ */
+const RailPlus = memo(function RailPlus({ top, size, shown }) {
+    const y = useMorphed(top), vis = useRef(new Animated.Value(shown ? 1 : 0)).current;
+    useEffect(() => {
+        Animated.timing(vis, shown ? { toValue: 1, duration: MORPH - FADE_IN_AT, delay: FADE_IN_AT, easing: TOGGLE_EASE, useNativeDriver: NATIVE }
+            : { toValue: 0, duration: FADE_OUT, easing: TOGGLE_EASE, useNativeDriver: NATIVE }).start();
+    }, [shown, vis]);
+    return (_jsx(Animated.View, { pointerEvents: shown ? 'box-none' : 'none', "aria-hidden": !shown || undefined, style: [s.plusAt, { opacity: vis, transform: [{ translateY: y }] }], children: _jsx(Tap, { accessibilityRole: "button", accessibilityLabel: LINK_PLUS_LABEL, testID: shown ? 'linkPlus' : undefined, onPress: () => { void addLinks(); }, style: [s.plus, { width: size, height: size, borderRadius: size / 2 }], children: _jsx(Icon, { name: "plus", size: Math.round(size * 0.5), color: C.dark }) }) }));
+});
+/**
+ * A rail button: a tool sits on the gliding disc when selected; a toggle fades its own blue in and out. One that opens
+ * a menu on a long press has a small nub on its right edge, pointing where the menu opens (as in BOLDR's annotation rail).
+ */
+function RailButton({ id, label, on, toggle, size, onPress, onLongPress, hint, children, testID }) {
+    const t = useEased(on && toggle);
+    const fill = useMemo(() => t.interpolate({ inputRange: [0, 1], outputRange: ['rgba(80,166,255,0)', C.lblue] }), [t]);
+    return (_jsxs(Tap, { accessibilityRole: "button", accessibilityLabel: label, accessibilityHint: hint, accessibilityState: { selected: on }, "aria-pressed": toggle ? on : undefined, testID: testID, onPress: onPress, onLongPress: onLongPress, style: st => [s.btn, { width: size, height: size, borderRadius: size / 2 },
+            toggle && { backgroundColor: fill },
+            !on && hovered(st) && { backgroundColor: 'rgba(255,255,255,0.08)' }], children: [children, onLongPress && _jsx(View, { pointerEvents: "none", style: [s.nub, { top: size / 2 - 4 }, on && { borderLeftColor: C.dark }] })] }));
+}
+const s = createSheet({
+    // (both moved by a transform from the top: see useGlide, RailSlot)
+    disc: { position: 'absolute', top: 0, backgroundColor: '#fff' },
+    rail: { position: 'absolute', left: 12, top: RAIL_TOP, bottom: RAIL_BOTTOM, zIndex: 22, alignItems: 'flex-start' },
+    inner: { backgroundColor: C.g2, ...shadow },
+    slot: { position: 'absolute', top: 0, left: 0, right: 0, alignItems: 'center' },
     btn: { width: 40, height: 40, borderRadius: 20, alignItems: 'center', justifyContent: 'center' },
     div: { width: 28, height: 1, backgroundColor: C.g3, marginVertical: 5 },
+    // a right-pointing triangle, 8 tall, hugging the right edge
+    nub: { position: 'absolute', right: 3, width: 0, height: 0, borderTopWidth: 4, borderBottomWidth: 4, borderLeftWidth: 5, borderTopColor: 'transparent', borderBottomColor: 'transparent', borderLeftColor: 'rgba(255,255,255,0.75)' },
     dot: { width: 20, height: 20, borderRadius: 10, borderWidth: 2, borderColor: 'rgba(255,255,255,0.85)' },
+    // (moved by a transform from the rail's top: see RailPlus)
+    plusAt: { position: 'absolute', top: 0, left: 0 },
+    plus: { backgroundColor: C.yellow, alignItems: 'center', justifyContent: 'center', ...shadow },
 });
 //# sourceMappingURL=Rail.js.map