@reekon-tools/boldr-cad 0.1.0 → 1.0.0

package/dist/react/CadEditor.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from 'react';
-import { StyleSheet, useColorScheme, useWindowDimensions, View } from 'react-native';
+import { useColorScheme, useWindowDimensions, View } from 'react-native';
 import { analyze } from '../app/edit';
 import { ed } from '../app/state';
 import { setPorts } from '../editor/ports';
@@ -12,50 +12,73 @@ import { setLengthFormatter } from '../units';
 import { CANVAS_THEMES, setCanvasTheme } from '../render/theme';
 import { requestDraw, setImageResolver } from '../render/view';
 import { registerTools } from '../tools';
-import { BottomBar, StatusPill } from './BottomBar';
+import { BottomBar, SpokenHint } from './BottomBar';
 import { ConflictSheet } from './ConflictSheet';
+import { ConfirmSheet } from './ConfirmSheet';
+import { confirmCancel, confirmOpen } from '../editor/confirm';
 import { Drawer } from './Drawer';
-import { ElevationSheet } from './ElevationSheet';
+import { Duck } from './Duck';
+import { elevOpen } from '../editor/elevation';
 import { LaserTray } from './LaserTray';
-import { Menu, NoteInput, Palette } from './Popovers';
+import { MarkupPanel } from './MarkupPanel';
+import { Menu, NoteInput } from './Popovers';
 import { KeypadSheet } from './KeypadSheet';
 import { PlanCanvas } from './PlanCanvas';
+import { View3D } from './View3D';
+import { Empty3D } from './Empty3D';
+import { is3d } from '../editor/view3dState';
 import { reactPorts, setFileSaver } from './ports';
 import { editorHost } from './host';
+import { checkChanges, startManualSave, stopManualSave } from './saving';
 import { PAGE_LOCK_ROOT, usePageLock } from './pageLock';
 import { setSkiaFonts } from '../skia/fonts';
 import { pickImage as pickImageInBrowser } from './files';
-import { placeUnderlay } from '../editor/project';
+import { placeUnderlay, restoreUnits } from '../editor/project';
+import { keypadSpec } from '../editor/keypad';
 import { Backdrop } from './Sheet';
-import { useEditorVersion, ui } from './store';
+import { useEditorKey, ui } from './store';
 import { Toast } from './Toast';
 import { ModeTabs, TopBar } from './TopBar';
+import { ToolTip } from './ToolTip';
 import { Rail } from './Rail';
+import { setHostKeypad } from './hostKeypad';
+import { setLinksHost } from '../editor/links';
+import { ShapeMenu } from './ShapeMenu';
 import { PHONE_MAX } from './theme';
+import { createSheet } from './corners';
 /**
  * The layout editor as a React Native component: the plan canvas with its chrome. One per screen: mounting starts a
  * new editing session (the drawing, tools and selection start fresh), unmounting saves.
  */
-export function CadEditor({ onBack, headerRight, pickImage = pickImageInBrowser, theme: hostTheme, sync, units, devTools = true, readOnly = false, fonts, saveFile }) {
+export function CadEditor({ onBack, headerRight, pickImage = pickImageInBrowser, pickTextFile, theme: hostTheme, sync, units, devTools = true, readOnly = false, fonts, saveFile, manualSave, onSaveState, keypad, links, measurementList }) {
     const system = useColorScheme();
     // start the session before the canvas mounts (children's effects run before this component's)
     useState(() => {
         setPorts(reactPorts);
         resetSession();
-        setPersistence(sync ? (readOnly ? { load: sync.persistence.load, save: () => true } : sync.persistence) : null);
+        const manual = !!(manualSave && sync && !readOnly);
+        // read-only saves nothing; manual saving only notes the edits until Save (see saving.ts)
+        setPersistence(sync
+            ? (readOnly ? { load: sync.persistence.load, save: () => true }
+                : manual ? { load: sync.persistence.load, save: () => { checkChanges(); return true; } }
+                    : sync.persistence)
+            : null);
         if (units) {
             settings.unit = units.metric ? 'mm' : 'ftin';
             if (units.denom)
                 settings.denom = units.denom;
         }
-        setLengthFormatter(units ? units.format : null);
+        setLengthFormatter(units ? units.format : null, { unit: settings.unit, denom: settings.denom });
         setSkiaFonts(fonts ?? null);
         setFileSaver(saveFile ?? null);
         setImageResolver(sync?.imageUrl ?? null);
         registerTools();
         ed.readOnly = readOnly;
         load();
+        restoreUnits(); // the units the person picked last time, over the host's
         analyze();
+        if (manual)
+            startManualSave(sync, onSaveState ?? null);
         return null;
     });
     const closing = useRef(undefined);
@@ -64,26 +87,60 @@ export function CadEditor({ onBack, headerRight, pickImage = pickImageInBrowser,
         setPorts(reactPorts);
         editorHost.open = true;
         return () => {
-            saveNow();
-            if (sync && !readOnly && store.project) {
-                const t = renderThumbnail(store.project.pages[0]);
-                if (t)
-                    sync.saveThumbnail(t);
+            // saving as they draw: the last edits and the preview go now. Saving manually: unsaved edits are dropped.
+            if (!manualSave) {
+                saveNow();
+                if (sync && !readOnly && store.project) {
+                    const t = renderThumbnail(store.project.pages[0]);
+                    if (t)
+                        sync.saveThumbnail(t);
+                }
             }
             // React's StrictMode unmounts and remounts at once: only let go of the drawing if it stays unmounted
-            closing.current = setTimeout(() => { editorHost.open = false; sync?.stop(); setPersistence(null); setLengthFormatter(null); setFileSaver(null); setSkiaFonts(null); setImageResolver(null); setPorts(null); }, 0);
+            closing.current = setTimeout(() => { editorHost.open = false; sync?.stop(); setPersistence(null); setLengthFormatter(null); setFileSaver(null); setSkiaFonts(null); setImageResolver(null); stopManualSave(); setPorts(null); }, 0);
         };
     }, []);
-    useEditorVersion();
+    // (only what this level decides: which sheets are open, the wall view, the theme — each part of the interface
+    // follows the editor itself, see useEditorKey)
+    useEditorKey(() => [ui.keypad, keypadSpec()?.modeless ?? '', !!ui.conflict, confirmOpen(), elevOpen(), is3d(), settings.theme].join('|'));
     usePageLock();
     const theme = hostTheme ?? (settings.theme === 'system' ? (system === 'dark' ? 'dark' : 'light') : settings.theme);
     // the canvases read their colors when they draw: set them before this render's children draw
     setCanvasTheme(theme);
     useEffect(() => { requestDraw(); }, [theme]);
     const { width } = useWindowDimensions(), phone = width < PHONE_MAX, wide = width >= 900;
-    const sheet = ui.keypad || !!ui.conflict;
-    return (_jsxs(View, { nativeID: PAGE_LOCK_ROOT, style: [s.root, { backgroundColor: CANVAS_THEMES[theme].bg }], children: [_jsx(PlanCanvas, {}), _jsx(TopBar, { onBack: onBack, headerRight: headerRight, phone: phone, readOnly: readOnly }), !readOnly && _jsx(ModeTabs, { phone: phone }), _jsx(StatusPill, { phone: phone }), !readOnly && _jsx(Rail, { phone: phone, onAddImage: () => { pickImage().then(img => { if (img)
-                    placeUnderlay(img.dataUrl, img.w, img.h); }); } }), !readOnly && _jsx(BottomBar, { phone: phone }), _jsx(LaserTray, { phone: phone }), _jsx(NoteInput, {}), _jsx(Palette, {}), _jsx(Menu, { themeChoice: !hostTheme, units: !units, devTools: devTools }), _jsx(Drawer, {}), _jsx(ElevationSheet, {}), _jsx(Toast, { phone: phone }), sheet && _jsx(Backdrop, { wide: wide, onClose: () => (ui.keypad ? reactPorts.closeKeypad() : reactPorts.dismissConflict()) }), ui.keypad && _jsx(KeypadSheet, { wide: wide }), ui.conflict && !ui.keypad && _jsx(ConflictSheet, { wide: wide })] }));
+    // (asked about once the drawing's loaded: what it links to)
+    useEffect(() => {
+        setLinksHost(links ?? null);
+        return () => setLinksHost(null);
+    }, [links]);
+    // (a phone asks with the host's keypad, when it has one)
+    useEffect(() => {
+        setHostKeypad(phone && keypad ? keypad : null);
+        return () => setHostKeypad(null);
+    }, [phone, keypad]);
+    // (a modeless keypad leaves the drawing live: no backdrop. On a tablet or a computer the drawing stays in reach
+    // around a sheet too — it pans and zooms, and a tap on it (or the chrome over it) closes the sheet: see
+    // editor/gestures.ts sheetUp. A phone's sheet covers most of it: there a backdrop closes it.)
+    const sheet = (ui.keypad && !keypadSpec()?.modeless) || !!ui.conflict || confirmOpen(), threeD = is3d();
+    // the 3D view: made as its tab first opens and kept, hidden, while it's left — coming back, it's there at once (made
+    // again each time, its GL context, renderer and shaders were a pause every time). Let go after a while away: on a
+    // device it holds its GL buffers (a phone's screen, four times over for antialiasing).
+    const [kept3d, setKept3d] = useState(false);
+    useEffect(() => {
+        if (threeD) {
+            setKept3d(true);
+            return;
+        }
+        if (!kept3d)
+            return;
+        const t = setTimeout(() => setKept3d(false), KEEP_3D_MS);
+        return () => clearTimeout(t);
+    }, [threeD, kept3d]);
+    return (_jsxs(View, { nativeID: PAGE_LOCK_ROOT, style: [s.root, { backgroundColor: CANVAS_THEMES[theme].bg }], children: [_jsx(PlanCanvas, {}), (threeD || kept3d) && _jsx(View3D, { theme: theme, active: threeD }), threeD && _jsx(Empty3D, {}), _jsxs(Duck, { active: phone, held: sheet && !phone, children: [_jsx(TopBar, { onBack: onBack, headerRight: headerRight, phone: phone, readOnly: readOnly }), !readOnly && !elevOpen() && _jsx(ModeTabs, { phone: phone }), !readOnly && _jsx(ToolTip, { phone: phone }), _jsx(SpokenHint, {}), !readOnly && !threeD && _jsx(Rail, { phone: phone, onAddImage: () => { pickImage().then(img => { if (img)
+                            placeUnderlay(img.dataUrl, img.w, img.h); }); } }), !readOnly && _jsx(BottomBar, { phone: phone }), !threeD && _jsx(LaserTray, { phone: phone }), !threeD && _jsx(MarkupPanel, { phone: phone })] }), !readOnly && !elevOpen() && !threeD && _jsx(ShapeMenu, {}), _jsx(NoteInput, {}), _jsx(Menu, { themeChoice: !hostTheme, accountUnits: !!units, devTools: devTools, pickText: pickTextFile, readOnly: readOnly, phone: phone }), _jsx(Drawer, { phone: phone }), _jsx(Toast, { phone: phone }), sheet && phone && _jsx(Backdrop, { wide: wide, onClose: () => (ui.keypad ? reactPorts.closeKeypad() : confirmOpen() ? confirmCancel() : reactPorts.dismissConflict()) }), _jsx(KeypadSheet, { wide: wide, open: ui.keypad, measurementList: measurementList }), _jsx(ConflictSheet, { wide: wide, open: !!ui.conflict && !ui.keypad }), _jsx(ConfirmSheet, { wide: wide })] }));
 }
-const s = StyleSheet.create({ root: { flex: 1, overflow: 'hidden' } });
+/** How long the 3D view is kept after its tab is left (ms). */
+const KEEP_3D_MS = 60_000;
+const s = createSheet({ root: { flex: 1, overflow: 'hidden' } });
 //# sourceMappingURL=CadEditor.js.map

package/dist/react/CadEditor.js.map

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

package/dist/react/ConfirmSheet.d.ts

@@ -0,0 +1,4 @@
+/** A question before the editor does something past the drawing (editor/confirm.ts): its choices, as pills. */
+export declare function ConfirmSheet({ wide }: {
+    wide: boolean;
+}): import("react").JSX.Element | null;

package/dist/react/ConfirmSheet.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+import { Text, View } from 'react-native';
+import { confirmChoose, confirmSeq, confirmSpec } from '../editor/confirm';
+import { Pill } from './Buttons';
+import { Sheet, useSheetMotion } from './Sheet';
+import { ui, useEditorKey } from './store';
+import { C, FONT } from './theme';
+import { createSheet } from './corners';
+/** A question before the editor does something past the drawing (editor/confirm.ts): its choices, as pills. */
+export function ConfirmSheet({ wide }) {
+    useEditorKey(() => (confirmSpec() ? String(confirmSeq()) : ''));
+    // in and out as the other sheets come and go, still saying what it said as it goes
+    const now = confirmSpec(), last = useRef(now), { present, motion } = useSheetMotion(!!now, wide);
+    if (now)
+        last.current = now;
+    // (taps on the backdrop just after it opens are the opening tap's ghost)
+    const seq = now ? confirmSeq() : 0;
+    useEffect(() => { if (seq)
+        ui.sheetOpenedAt = Date.now(); }, [seq]);
+    const c = last.current;
+    if (!present || !c)
+        return null;
+    return (_jsxs(Sheet, { wide: wide, label: c.title, testID: now ? 'confirm' : undefined, motion: motion, live: !!now, children: [_jsx(Text, { style: s.title, children: c.title }), c.msg ? _jsx(Text, { style: s.msg, children: c.msg }) : null, _jsx(View, { style: s.actions, children: c.choices.map((ch, i) => (_jsx(Pill, { label: ch.label, kind: ch.kind ?? (i === 0 ? 'yellow' : 'grey'), testID: 'confirm-' + i, onPress: () => confirmChoose(i) }, i + ch.label))) })] }));
+}
+const s = createSheet({
+    title: { fontFamily: FONT, fontSize: 18, fontWeight: '600', color: '#fff', marginBottom: 6 },
+    msg: { fontFamily: FONT, fontSize: 14, lineHeight: 20, color: C.lg1, marginBottom: 12 },
+    actions: { flexDirection: 'row', gap: 10, marginTop: 6, flexWrap: 'wrap' },
+});
+//# sourceMappingURL=ConfirmSheet.js.map

package/dist/react/ConfirmSheet.js.map

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

package/dist/react/ConflictSheet.d.ts

@@ -1,4 +1,5 @@
 /** What fights a new constraint: the culprits, each with Remove; hovering a row highlights it on the drawing. */
-export declare function ConflictSheet({ wide }: {
+export declare function ConflictSheet({ wide, open }: {
     wide: boolean;
+    open: boolean;
 }): import("react").JSX.Element | null;

package/dist/react/ConflictSheet.js

@@ -1,19 +1,27 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Pressable, StyleSheet, Text, View } from 'react-native';
+import { useRef } from 'react';
+import { Text, View } from 'react-native';
 import { conflictHover, conflictRemove } from '../editor/conflict';
 import { Pill } from './Buttons';
 import { reactPorts } from './ports';
-import { Sheet } from './Sheet';
-import { ui } from './store';
+import { Sheet, useSheetMotion } from './Sheet';
+import { editorVersion, ui, useEditorKey } from './store';
 import { C, FONT } from './theme';
+import { Tap } from './motion';
+import { createSheet } from './corners';
 /** What fights a new constraint: the culprits, each with Remove; hovering a row highlights it on the drawing. */
-export function ConflictSheet({ wide }) {
-    const cf = ui.conflict;
-    if (!cf)
+export function ConflictSheet({ wide, open }) {
+    useEditorKey(() => (open ? String(editorVersion()) : ''));
+    // in from the side (a phone: up from the bottom) as the keypad comes, and out again still saying what it said
+    const now = open ? ui.conflict : null, last = useRef(now), { present, motion } = useSheetMotion(!!now, wide);
+    if (now)
+        last.current = now;
+    const cf = last.current;
+    if (!present || !cf)
         return null;
-    return (_jsxs(Sheet, { wide: wide, label: "Constraint conflict", testID: "cf", children: [_jsx(Text, { style: s.title, children: cf.spec.title }), _jsx(Text, { style: s.msg, children: cf.spec.msg }), cf.rows.length === 0 && _jsx(Text, { style: s.msg, children: "Try a different value, or undo the last step." }), cf.rows.map(r => (_jsxs(Pressable, { onHoverIn: () => conflictHover(r.id), onHoverOut: () => conflictHover(null), style: s.item, children: [_jsx(Text, { style: s.itemText, children: r.label }), _jsx(Pressable, { accessibilityRole: "button", accessibilityLabel: 'Remove ' + r.label, onPress: () => conflictRemove(r.id), children: _jsx(Text, { style: s.remove, children: "Remove" }) })] }, r.id))), _jsx(View, { style: s.actions, children: _jsx(Pill, { label: "Keep the drawing as is", onPress: () => reactPorts.dismissConflict() }) })] }));
+    return (_jsxs(Sheet, { wide: wide, label: "Constraint conflict", testID: now ? 'cf' : undefined, motion: motion, live: !!now, children: [_jsx(Text, { style: s.title, children: cf.spec.title }), _jsx(Text, { style: s.msg, children: cf.spec.msg }), cf.rows.length === 0 && _jsx(Text, { style: s.msg, children: "Try a different value, or undo the last step." }), cf.rows.map(r => (_jsxs(Tap, { feel: "dim", onHoverIn: () => conflictHover(r.id), onHoverOut: () => conflictHover(null), style: s.item, children: [_jsx(Text, { style: s.itemText, children: r.label }), _jsx(Tap, { accessibilityRole: "button", accessibilityLabel: 'Remove ' + r.label, onPress: () => conflictRemove(r.id), children: _jsx(Text, { style: s.remove, children: "Remove" }) })] }, r.id))), _jsx(View, { style: s.actions, children: _jsx(Pill, { label: "Keep the drawing as is", onPress: () => reactPorts.dismissConflict() }) })] }));
 }
-const s = StyleSheet.create({
+const s = createSheet({
     title: { fontFamily: FONT, fontSize: 18, fontWeight: '600', color: '#fff', marginBottom: 6 },
     msg: { fontFamily: FONT, fontSize: 14, lineHeight: 20, color: C.lg1, marginBottom: 12 },
     item: { flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between', gap: 10, backgroundColor: C.g2, borderRadius: 10, paddingVertical: 10, paddingHorizontal: 12, marginBottom: 8 },

package/dist/react/ConflictSheet.js.map

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

package/dist/react/Drawer.d.ts

@@ -1,2 +1,8 @@
-/** The project panel: pages, layers and the spaces schedule. */
-export declare function Drawer(): import("react").JSX.Element | null;
+/**
+ * The project panel: pages and the spaces schedule. On a tablet or computer it slides in from the right; on a phone
+ * it's a bottom sheet the way BOLDR's are (a grey-1 sheet with a grey-4 handle over a dimmed drawing, closed by a drag
+ * down or a tap outside). Either way it slides back out when closed.
+ */
+export declare function Drawer({ phone }: {
+    phone?: boolean;
+}): import("react").JSX.Element | null;

package/dist/react/Drawer.js

@@ -1,23 +1,127 @@
 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, useWindowDimensions, View } from 'react-native';
-import { addPage, calibrateUnderlay, deletePage, deletePending, duplicatePage, focusSpace, LAYER_ROWS, layerOn, removeUnderlay, renamePage, renameProject, renameSpace, setUnderlayOpacity, spaceSchedule, switchPage, toggleLayer, toggleUnderlayLock, } from '../editor/project';
-import { settings } from '../model/settings';
+import { useEffect, useMemo, useRef, useState } from 'react';
+import { Animated, Easing, Keyboard, PanResponder, Platform, Pressable, ScrollView, StyleSheet, Text, TextInput, useWindowDimensions, View, } from 'react-native';
+import { addPage, deletePage, deletePending, duplicatePage, focusSpace, renamePage, renameSpace, spaceSchedule, switchPage, } from '../editor/project';
+import { ed } from '../app/state';
 import { page, store } from '../model/store';
 import { fmtArea, fmtLen } from '../units';
-import { Icon } from './Icon';
+import { Icon, RawSvg } from './Icon';
+import { PLUS_SIZE, PLUS_SVG, TRASH_SIZE, TRASH_SVG } from '../render/figmaIcons';
 import { PageThumb } from './PageThumb';
 import { notify, ui, useEditorVersion } from './store';
 import { C, FONT } from './theme';
-const TABS = [['pages', 'Pages'], ['layers', 'Layers'], ['rooms', 'Spaces']];
+import { EASE, Segmented, Tap } from './motion';
+import { NATIVE } from './easing';
+import { createSheet } from './corners';
+/**
+ * The Pages frame's sizes, scaled to the panel: Figma draws it 515 wide, the panel's content is about 370 (K). Its
+ * tiles are 180 tall there, with the name in a band at their foot below the drawing.
+ */
+const K = 0.72, TILE_H = Math.round(180 * K), NAME_BAND = 34, THUMB_H = TILE_H - NAME_BAND - 2;
+/** Pages and Spaces, tabs of one panel (Layers is a menu of its own in the top bar). */
+const TABS = [['pages', 'Pages'], ['rooms', 'Spaces']];
 const close = () => { ui.drawer = null; ui.renameRoom = null; notify(); };
-/** The project panel: pages, layers and the spaces schedule. */
-export function Drawer() {
-    const version = useEditorVersion(), { width } = useWindowDimensions();
-    const tab = ui.drawer;
-    if (!tab)
+/** Sliding in it eases to a stop; sliding out it gathers pace as it goes. */
+const SLIDE_IN = 240, SLIDE_OUT = 200, EASE_OUT = Easing.bezier(0.4, 0, 1, 1);
+/** A phone's sheet rises the way iOS's own sheets do: quick off the mark, a long soft landing. */
+const SHEET_IN = 320, SHEET_EASE = Easing.bezier(0.32, 0.72, 0, 1), SHEET_OUT = 220;
+/** Taps on the scrim right after the sheet opens are the opening tap's ghost click (touch screens): ignore them. */
+const GHOST_MS = 450;
+/** A drag down the sheet's top that closes it: this far, or a flick. */
+const CLOSE_DRAG = 80, CLOSE_FLICK = 0.5;
+/**
+ * The project panel: pages and the spaces schedule. On a tablet or computer it slides in from the right; on a phone
+ * it's a bottom sheet the way BOLDR's are (a grey-1 sheet with a grey-4 handle over a dimmed drawing, closed by a drag
+ * down or a tap outside). Either way it slides back out when closed.
+ */
+export function Drawer({ phone = false }) {
+    const version = useEditorVersion(), { width, height } = useWindowDimensions(), w = Math.min(400, width);
+    const open = !!ui.drawer;
+    // what it showed last stays while it slides away
+    const last = useRef('pages');
+    if (ui.drawer)
+        last.current = ui.drawer;
+    const [present, setPresent] = useState(open);
+    // the phone's sheet slides its own height (measured as it opens), not the screen's: from a screen's height away the
+    // first part of the slide happened below the screen, and what showed rushed by in a few frames. While it slides,
+    // what's costly in it (the pages' thumbnails) waits: `settled`
+    const [travel, setTravel] = useState(null), [settled, setSettled] = useState(open);
+    const measuring = phone && open && travel == null;
+    const x = useRef(new Animated.Value(open ? 0 : 1)).current;
+    // made once for its size, which only changes while it's still: a new one each render would detach the old, and a
+    // value with nothing attached stops its animation — the slide would end before it began
+    const slide = useMemo(() => x.interpolate({ inputRange: [0, 1], outputRange: [0, (phone ? travel ?? height : w) + 40] }), [x, w, height, phone, travel]);
+    const fade = useMemo(() => x.interpolate({ inputRange: [0, 1], outputRange: [1, 0] }), [x]);
+    // the phone's sheet: how far it's dragged down, when it opened, and how far the keyboard lifts it
+    const drag = useRef(new Animated.Value(0)).current, openedAt = useRef(0), sheet = useRef(null), [lift, setLift] = useState(0);
+    const dropped = useMemo(() => Animated.add(slide, drag), [slide, drag]);
+    useEffect(() => {
+        if (open) {
+            setPresent(true);
+            openedAt.current = Date.now();
+        }
+    }, [open]);
+    useEffect(() => {
+        // (a phone's sheet first lays out below the screen, so it knows how far to come)
+        if (measuring)
+            return;
+        // started on the next frame: a panel just put on screen is taken off and put back once more by React's strict
+        // mode as it mounts, and its animation stops when that leaves nothing attached to it
+        const frame = requestAnimationFrame(() => {
+            if (open) {
+                Animated.timing(x, { toValue: 0, duration: phone ? SHEET_IN : SLIDE_IN, easing: phone ? SHEET_EASE : EASE, useNativeDriver: NATIVE })
+                    .start(({ finished }) => { if (finished)
+                    setSettled(true); });
+            }
+            else {
+                Animated.timing(x, { toValue: 1, duration: phone ? SHEET_OUT : SLIDE_OUT, easing: EASE_OUT, useNativeDriver: NATIVE })
+                    // (the thumbnails stay as they slide away; they're held back again the next time it opens)
+                    .start(({ finished }) => { if (finished) {
+                    setPresent(false);
+                    setTravel(null);
+                    setSettled(false);
+                    drag.setValue(0);
+                } });
+            }
+        });
+        return () => cancelAnimationFrame(frame);
+    }, [open, measuring, phone, x, drag]);
+    const pan = useMemo(() => {
+        const back = () => Animated.timing(drag, { toValue: 0, duration: SLIDE_IN, easing: EASE, useNativeDriver: NATIVE }).start();
+        return PanResponder.create({
+            // a drag down (not a tap on a tab, nor a sideways swipe) moves the sheet with the finger
+            onMoveShouldSetPanResponder: (_, g) => g.dy > 4 && Math.abs(g.dy) > Math.abs(g.dx),
+            onPanResponderMove: (_, g) => drag.setValue(Math.max(0, g.dy)),
+            onPanResponderRelease: (_, g) => { if (g.dy > CLOSE_DRAG || g.vy > CLOSE_FLICK)
+                close();
+            else
+                back(); },
+            onPanResponderTerminate: back,
+        });
+    }, [drag]);
+    // iOS doesn't resize the window for the keyboard (Android does): lift the sheet clear of it to rename a space
+    useEffect(() => {
+        if (!phone || Platform.OS !== 'ios')
+            return;
+        const show = Keyboard.addListener('keyboardWillShow', e => {
+            sheet.current?.measureInWindow((_x, y, _w, h) => setLift(l => Math.max(0, y + h + l - e.endCoordinates.screenY)));
+        });
+        const hide = Keyboard.addListener('keyboardWillHide', () => setLift(0));
+        return () => { show.remove(); hide.remove(); };
+    }, [phone]);
+    if (!open && !present)
         return null;
-    return (_jsxs(View, { style: [s.drawer, { width: Math.min(350, width) }], accessibilityLabel: "Project panel", testID: "drawer", children: [_jsxs(View, { style: s.head, children: [_jsx(View, { style: s.tabs, accessibilityRole: "tablist", children: TABS.map(([t, label]) => (_jsx(Pressable, { accessibilityRole: "tab", accessibilityState: { selected: tab === t }, onPress: () => { ui.drawer = t; notify(); }, style: [s.tab, tab === t && { backgroundColor: '#fff' }], children: _jsx(Text, { style: [s.tabText, tab === t && { color: C.dark }], children: label }) }, t))) }), _jsx(Pressable, { accessibilityRole: "button", accessibilityLabel: "Close panel", onPress: close, style: s.close, children: _jsx(Icon, { name: "close" }) })] }), _jsxs(ScrollView, { contentContainerStyle: s.body, children: [tab === 'pages' && _jsx(Pages, { version: version }), tab === 'layers' && _jsx(Layers, {}), tab === 'rooms' && _jsx(Spaces, {})] })] }));
+    const tab = last.current;
+    const body = (_jsxs(ScrollView, { style: phone && s.sheetScroll, contentContainerStyle: s.body, keyboardShouldPersistTaps: "handled", children: [tab === 'pages' && _jsx(Pages, { version: version, thumbs: settled || !phone }), tab === 'rooms' && _jsx(Spaces, {})] }));
+    const tabs = (_jsx(Segmented, { role: "tab", value: tab, options: TABS, onPick: t => { ui.drawer = t; notify(); }, style: s.tabs, optionStyle: s.tab, textStyle: s.tabText, onText: C.dark, offText: C.lg1 }));
+    if (phone) {
+        return (_jsxs(_Fragment, { children: [_jsx(Animated.View, { pointerEvents: open ? 'auto' : 'none', style: [StyleSheet.absoluteFill, s.scrim, { opacity: fade }], children: _jsx(Pressable, { accessibilityRole: "button", accessibilityLabel: "Close panel", testID: "drawerScrim", style: StyleSheet.absoluteFill, onPress: () => { if (Date.now() - openedAt.current > GHOST_MS)
+                            close(); } }) }), _jsxs(Animated.View, { ref: sheet, pointerEvents: open ? 'auto' : 'none', accessibilityLabel: "Project panel", accessibilityViewIsModal: true, testID: open ? 'drawer' : undefined, style: [s.sheet, { bottom: lift, transform: [{ translateY: dropped }] }], 
+                    // its height: how far it slides (taken while it's still — opening, or open and settled — never mid-slide)
+                    onLayout: e => { const h = e.nativeEvent.layout.height; if (travel == null || (settled && open))
+                        setTravel(t => (t != null && Math.abs(t - h) < 1 ? t : h)); }, children: [_jsxs(View, { ...pan.panHandlers, children: [_jsx(View, { style: s.handleWrap, children: _jsx(View, { style: [s.handle, { width: Math.round(width * 0.075) }] }) }), _jsx(View, { style: [s.head, s.sheetHead], children: tabs })] }), body] })] }));
+    }
+    return (_jsxs(Animated.View, { pointerEvents: open ? 'auto' : 'none', accessibilityLabel: "Project panel", testID: open ? 'drawer' : undefined, style: [s.drawer, { width: w, transform: [{ translateX: slide }] }], children: [_jsxs(View, { style: s.head, children: [tabs, _jsx(Tap, { accessibilityRole: "button", accessibilityLabel: "Close panel", onPress: close, style: s.close, children: _jsx(Icon, { name: "close" }) })] }), body] }));
 }
 /** A name field that commits when editing ends (and shows the latest name otherwise). */
 function NameField({ value, onCommit, style, label, autoFocus, onFocus }) {
@@ -29,19 +133,20 @@ function NameField({ value, onCommit, style, label, autoFocus, onFocus }) {
     return (_jsx(TextInput, { ref: ref, accessibilityLabel: label, value: text, onChangeText: setText, style: [s.field, style], selectTextOnFocus: autoFocus, onFocus: () => { editing.current = true; onFocus?.(); }, onBlur: () => { editing.current = false; if (text !== value)
             onCommit(text); }, onSubmitEditing: () => ref.current?.blur() }));
 }
-function SmallButton({ label, onPress, danger }) {
-    return (_jsx(Pressable, { accessibilityRole: "button", accessibilityLabel: label, onPress: onPress, style: s.small, children: _jsx(Text, { style: [s.smallText, danger && { color: C.softRed }], children: label }) }));
-}
-function Pages({ version }) {
-    const project = store.project, cur = page();
-    return (_jsxs(_Fragment, { children: [_jsx(NameField, { label: "Project name", value: project.name, onCommit: renameProject, style: { fontSize: 18 } }), _jsx(Text, { style: s.sec, children: "This page" }), _jsx(NameField, { label: "Page name", value: cur.name, onCommit: renamePage, style: { fontSize: 15 } }), _jsxs(View, { style: s.buttons, children: [_jsx(SmallButton, { label: "Duplicate", onPress: duplicatePage }), _jsx(SmallButton, { label: deletePending() ? 'Tap again to delete' : 'Delete page', onPress: deletePage, danger: true })] }), _jsxs(View, { style: s.space, children: [_jsxs(View, { style: s.spaceHead, children: [_jsx(Text, { style: [s.sec, { margin: 0, flex: 1 }], children: "Pages" }), _jsx(SmallButton, { label: "+ Page", onPress: addPage })] }), _jsx(View, { style: s.grid, children: project.pages.map(p => (_jsxs(Pressable, { accessibilityRole: "button", accessibilityLabel: p.name, onPress: () => switchPage(p.id), style: [s.card, p.id === cur.id && { borderColor: C.yellow }], children: [_jsx(PageThumb, { page: p, version: version }), _jsx(Text, { numberOfLines: 1, style: s.cardText, children: p.name })] }, p.id))) })] })] }));
-}
-function SwitchRow({ label, sub, value, onChange }) {
-    return (_jsxs(View, { style: s.row, children: [_jsxs(View, { style: { flex: 1 }, children: [_jsx(Text, { style: s.rowText, children: label }), sub ? _jsx(Text, { style: s.rowSub, children: sub }) : null] }), _jsx(Switch, { accessibilityLabel: label, value: value, onValueChange: onChange, trackColor: { true: C.blue, false: C.g3 }, thumbColor: "#fff" })] }));
-}
-function Layers() {
-    const ul = page().underlay, op = Math.round((ul?.opacity ?? 0.6) * 100);
-    return (_jsxs(_Fragment, { children: [_jsx(SwitchRow, { label: "Photo or plan underlay", sub: ul ? 'Traced image under the drawing' : 'None on this page', value: settings.layers.underlay, onChange: () => toggleLayer('underlay') }), ul && (_jsxs(_Fragment, { children: [_jsxs(View, { style: s.row, children: [_jsx(Text, { style: s.rowText, children: "Image opacity" }), _jsxs(View, { style: s.stepper, children: [_jsx(SmallButton, { label: "\u2212", onPress: () => setUnderlayOpacity(Math.max(0.1, (op - 10) / 100)) }), _jsxs(Text, { style: [s.rowText, { width: 44, textAlign: 'center' }], children: [op, "%"] }), _jsx(SmallButton, { label: "+", onPress: () => setUnderlayOpacity(Math.min(1, (op + 10) / 100)) })] })] }), _jsxs(View, { style: s.buttons, children: [_jsx(SmallButton, { label: ul.locked ? 'Unlock image' : 'Lock image', onPress: toggleUnderlayLock }), _jsx(SmallButton, { label: "Set scale", onPress: () => { close(); calibrateUnderlay(); } }), _jsx(SmallButton, { label: "Remove image", onPress: removeUnderlay, danger: true })] })] })), LAYER_ROWS.map(([k, label, sub]) => _jsx(SwitchRow, { label: label, sub: sub, value: layerOn(k), onChange: () => toggleLayer(k) }, k))] }));
+/**
+ * The pages (Figma 2548:101990): the current page's name, then the pages — Duplicate and Delete for the current one
+ * (greyed out while it's the only page), + Page, and a tile for each, its drawing above its name, the current one
+ * ringed in yellow. A tablet's or a browser's
+ * side panel and a phone's bottom sheet show the same.
+ */
+function Pages({ version, thumbs }) {
+    const project = store.project, cur = page(), pending = deletePending();
+    // a project keeps at least one page: nothing to delete while there's only one
+    const lone = project.pages.length <= 1;
+    return (_jsxs(View, { style: s.cards, children: [_jsxs(View, { style: s.current, children: [_jsx(Text, { style: s.pcardLabel, children: "Current Page:" }), _jsx(NameField, { label: "Page name", value: cur.name, onCommit: renamePage, style: s.curName })] }), _jsxs(View, { style: s.pcard, children: [_jsxs(View, { style: s.pageBar, children: [_jsxs(View, { style: s.pageBarLeft, children: [_jsx(Tap, { accessibilityRole: "button", accessibilityLabel: "Duplicate", onPress: duplicatePage, style: [s.pill, s.pillGrey], children: _jsx(Text, { style: [s.pillText, { color: '#fff' }], children: "Duplicate" }) }), _jsxs(Tap, { accessibilityRole: "button", accessibilityLabel: pending ? 'Tap again to delete' : 'Delete page', accessibilityState: { disabled: lone }, disabled: lone, onPress: deletePage, style: [s.pill, s.pillRed, pending && s.pillArmed, lone && s.pillOff], children: [_jsx(View, { style: lone && s.iconOff, children: _jsx(RawSvg, { xml: TRASH_SVG, width: TRASH_SIZE.width * K, height: TRASH_SIZE.height * K }) }), pending && _jsx(Text, { style: [s.pillText, { color: '#fff' }], children: "Delete?" })] })] }), _jsxs(Tap, { accessibilityRole: "button", accessibilityLabel: "+ Page", onPress: addPage, style: [s.pill, s.pillYellow], children: [_jsx(RawSvg, { xml: PLUS_SVG, width: PLUS_SIZE.width * K, height: PLUS_SIZE.height * K }), _jsx(Text, { style: [s.pillText, { color: C.dark }], children: "Page" })] })] }), project.pages.map(p => {
+                        const on = p.id === cur.id;
+                        return (_jsxs(Tap, { accessibilityRole: "button", accessibilityLabel: p.name, accessibilityState: { selected: on }, onPress: () => switchPage(p.id), style: [s.tile, on && s.tileOn], testID: "pageTile", children: [thumbs ? _jsx(PageThumb, { page: p, version: on ? ed.editSeq : 0, height: THUMB_H }) : _jsx(View, { style: { height: THUMB_H } }), _jsx(Text, { numberOfLines: 1, style: s.tileName, children: p.name })] }, p.id));
+                    })] })] }));
 }
 function Spaces() {
     const sched = spaceSchedule();
@@ -49,24 +154,25 @@ function Spaces() {
         return _jsx(Text, { style: s.empty, children: "No spaces on this page yet. Close a loop of walls or lines, or pick the Space tool and tap inside a closed shape." });
     return (_jsxs(_Fragment, { children: [sched.rows.map(r => (_jsxs(View, { style: s.roomRow, children: [_jsx(NameField, { label: "Space name", value: r.name, onCommit: v => renameSpace(r.id, v), autoFocus: ui.renameRoom === r.id, onFocus: () => focusSpace(r.id), style: { fontSize: 14 } }), _jsxs(View, { style: s.nums, children: [_jsxs(Text, { style: s.num, children: [_jsx(Text, { style: s.numB, children: fmtArea(r.area) }), " floor"] }), _jsxs(Text, { style: s.num, children: [_jsx(Text, { style: s.numB, children: fmtLen(r.per) }), " perimeter"] })] })] }, r.id))), _jsxs(View, { style: s.row, children: [_jsxs(View, { style: { flex: 1 }, children: [_jsx(Text, { style: [s.rowText, { fontWeight: '700' }], children: "Total" }), _jsx(Text, { style: s.rowSub, children: "Measured to inside wall faces" })] }), _jsx(Text, { style: [s.rowText, { fontWeight: '700' }], children: fmtArea(sched.total) })] })] }));
 }
-const s = StyleSheet.create({
-    drawer: { position: 'absolute', top: 0, right: 0, bottom: 0, backgroundColor: C.g1, zIndex: 50, boxShadow: '-8px 0px 30px rgba(0, 0, 0, 0.3)' },
+const s = createSheet({
+    // (a hairline along its top and left: it doesn't run into the page's header, the same grey, above it)
+    drawer: { position: 'absolute', top: 0, right: 0, bottom: 0, backgroundColor: C.g1, borderTopWidth: 1, borderLeftWidth: 1, borderColor: C.g2, zIndex: 50, boxShadow: '-8px 0px 30px rgba(0, 0, 0, 0.3)' },
+    // BOLDR's bottom sheet (AnimatedBottomSheet, surface="card"): gorhom's 15 pt corners and handle, over a 50% scrim
+    scrim: { backgroundColor: 'rgba(0,0,0,0.5)', zIndex: 49 },
+    sheet: { position: 'absolute', left: 0, right: 0, maxHeight: '85%', backgroundColor: C.g1, borderTopLeftRadius: 15, borderTopRightRadius: 15, zIndex: 50 },
+    handleWrap: { padding: 10 },
+    handle: { alignSelf: 'center', height: 4, borderRadius: 4, backgroundColor: C.g4 },
+    sheetHead: { paddingTop: 0 },
+    // (as tall as what's in it, up to the sheet's limit, then it scrolls)
+    sheetScroll: { flexGrow: 0, flexShrink: 1 },
     head: { flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between', paddingTop: 16, paddingBottom: 10, paddingLeft: 16, paddingRight: 14, gap: 10 },
-    tabs: { flexDirection: 'row', backgroundColor: C.dark, borderRadius: 20, padding: 3 },
-    tab: { paddingVertical: 8, paddingHorizontal: 14, borderRadius: 17 },
+    title: { fontFamily: FONT, fontSize: 17, fontWeight: '700', color: '#fff', paddingLeft: 2 },
+    tabs: { flexDirection: 'row', backgroundColor: C.dark, borderRadius: 999, padding: 3 },
+    tab: { paddingVertical: 8, paddingHorizontal: 14, borderRadius: 999 },
     tabText: { fontFamily: FONT, fontSize: 13, fontWeight: '600', color: C.lg1 },
     close: { width: 38, height: 38, borderRadius: 19, backgroundColor: C.g2, alignItems: 'center', justifyContent: 'center' },
     body: { paddingTop: 6, paddingHorizontal: 16, paddingBottom: 30 },
     field: { fontFamily: FONT, color: '#fff', fontWeight: '600', paddingVertical: 6, paddingHorizontal: 8, marginLeft: -8, borderRadius: 8, borderWidth: 1, borderColor: 'transparent' },
-    sec: { fontFamily: FONT, fontSize: 13, fontWeight: '600', color: C.g4, marginTop: 18, marginBottom: 8 },
-    buttons: { flexDirection: 'row', flexWrap: 'wrap', gap: 8, marginTop: 10 },
-    small: { height: 32, paddingHorizontal: 12, borderRadius: 16, backgroundColor: C.dark, justifyContent: 'center' },
-    smallText: { fontFamily: FONT, fontSize: 12.5, fontWeight: '600', color: C.lg2 },
-    space: { marginTop: 16, backgroundColor: C.g2, borderWidth: 1, borderColor: C.g3, borderRadius: 12, padding: 10 },
-    spaceHead: { flexDirection: 'row', alignItems: 'center', gap: 6, marginBottom: 8 },
-    grid: { flexDirection: 'row', flexWrap: 'wrap', gap: 8 },
-    card: { width: '48%', flexGrow: 1, backgroundColor: C.dark, borderRadius: 9, padding: 6, borderWidth: 2, borderColor: 'transparent', gap: 5 },
-    cardText: { fontFamily: FONT, fontSize: 12.5, fontWeight: '500', color: C.lg2, paddingHorizontal: 2 },
     row: { flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between', gap: 12, paddingVertical: 10, borderBottomWidth: 1, borderBottomColor: C.g2 },
     rowText: { fontFamily: FONT, fontSize: 14, color: '#fff' },
     rowSub: { fontFamily: FONT, fontSize: 12, color: C.g4, marginTop: 2 },
@@ -75,6 +181,29 @@ const s = StyleSheet.create({
     nums: { flexDirection: 'row', gap: 16, marginTop: 2 },
     num: { fontFamily: FONT, fontSize: 13, color: C.lg1 },
     numB: { color: '#fff', fontWeight: '600' },
+    // the Pages frame (Figma 2548:101989), at K: two cards of grey-3-ringed #3A3B3C, 20 corners, 15 inside
+    cards: { gap: 20 * K },
+    pcard: { backgroundColor: C.card, borderWidth: 1, borderColor: C.g3, borderRadius: 20 * K, padding: 15 * K, gap: 15 * K },
+    pcardLabel: { fontFamily: FONT, fontSize: 18 * K, fontWeight: '600', color: C.g4 },
+    // the current page's name: its label over a dark field, 60 tall, editable in place — straight on the panel, no card
+    current: { gap: 15 * K },
+    curName: { fontSize: 21 * K, backgroundColor: C.dark, borderRadius: 15 * K, minHeight: 60 * K, paddingVertical: 0, paddingHorizontal: 15 * K, marginLeft: 0 },
+    pageBar: { flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between', gap: 10 * K },
+    pageBarLeft: { flexDirection: 'row', alignItems: 'center', gap: 10 * K },
+    // 50-tall pills: Duplicate 125 wide, Delete 70, + Page 125
+    pill: { height: 50 * K, borderRadius: 100, flexDirection: 'row', alignItems: 'center', justifyContent: 'center', gap: 10 * K, paddingHorizontal: 20 * K },
+    pillGrey: { backgroundColor: C.g3, minWidth: 125 * K },
+    pillRed: { backgroundColor: C.red, minWidth: 70 * K },
+    pillArmed: { paddingHorizontal: 15 * K },
+    // Delete with nothing to delete (the only page): grey-3 like Duplicate, its can faded
+    pillOff: { backgroundColor: C.g3 },
+    iconOff: { opacity: 0.45 },
+    pillYellow: { backgroundColor: C.yellow, minWidth: 125 * K },
+    pillText: { fontFamily: FONT, fontSize: 18 * K, fontWeight: '600' },
+    // a page: its drawing, its name at the foot; dark grey, ringed grey-3 (the current one 3 wide in yellow)
+    tile: { height: TILE_H, backgroundColor: C.dark, borderRadius: 10 * K, borderWidth: 1, borderColor: C.g3, overflow: 'hidden' },
+    tileOn: { borderWidth: 3, borderColor: C.yellow },
+    tileName: { fontFamily: FONT, fontSize: 18 * K, fontWeight: '600', color: '#fff', position: 'absolute', left: 15 * K, right: 15 * K, bottom: 15 * K - 2 },
     empty: { fontFamily: FONT, color: C.g4, fontSize: 13, lineHeight: 20, paddingVertical: 8 },
 });
 //# sourceMappingURL=Drawer.js.map