cursedbelt 5.55.2 → 5.58.0

package/dist/react/components/editorPage.css

@@ -0,0 +1,421 @@
+/*
+ * The creation page's own look — `EditorPage`, `QuietForm` and `IconPicker`. Prefix `cbfk-`, and
+ * the same layering rules as `formKit.css`, which says why.
+ *
+ * 🔴 Its own file, imported only by `EditorPage.tsx` and `IconPicker.tsx`. It lived at the end of
+ * `formKit.css` for one unpublished version, and every component that imports that file
+ * (`KeyBadge`, `ExpandableRow`, …) carried it: station's DuplicatesView and music's TubeView
+ * — one KeyBadge each — grew 1.84 → 2.90 kB gzip of a page neither draws (forge task 2832,
+ * measured by tools/consumer-preflight.ts). `src/react/components/formKitStylesheets.spec.ts`
+ * keeps the split.
+ */
+
+/*
+ * ── EditorPage ─────────────────────────────────────────────────────────────
+ *
+ * A creation page: header, then form | divider | preview. Layered like the rest of this file.
+ */
+@layer base {
+	.cbfk-page {
+		position: relative;
+		container-type: inline-size;
+		box-sizing: border-box;
+		display: flex;
+		flex-direction: column;
+		min-width: 0;
+		min-height: 0;
+		background-color: var(--background);
+		color: var(--foreground);
+		outline: none;
+	}
+
+	.cbfk-page[data-presentation="overlay"] {
+		position: fixed;
+		inset: 0;
+		z-index: var(--z-overlay, 1000);
+	}
+
+	.cbfk-page[data-presentation="inline"] {
+		height: 100%;
+	}
+
+	.cbfk-page-head {
+		display: flex;
+		flex: none;
+		align-items: center;
+		gap: 0.5rem;
+		min-height: 3rem;
+		padding: 0.5rem max(0.75rem, env(safe-area-inset-right)) 0.5rem max(0.75rem, env(safe-area-inset-left));
+		padding-top: max(0.5rem, env(safe-area-inset-top));
+		border-bottom: 1px solid var(--border);
+	}
+
+	.cbfk-page-back {
+		display: inline-flex;
+		flex: none;
+		align-items: center;
+		gap: 0.375rem;
+		min-height: 2.25rem;
+		margin: 0;
+		padding: 0 0.5rem;
+		border: 0;
+		border-radius: var(--radius-sm, 0.375rem);
+		background: transparent;
+		color: var(--muted-foreground);
+		font: inherit;
+		font-size: 0.875rem;
+		cursor: pointer;
+	}
+
+	.cbfk-page-back:hover {
+		background-color: var(--muted);
+		color: var(--foreground);
+	}
+
+	.cbfk-page-back:focus-visible,
+	.cbfk-page-mode:focus-visible,
+	.cbfk-page-divider:focus-visible {
+		outline: 2px solid var(--ring);
+		outline-offset: -2px;
+	}
+
+	.cbfk-page-back svg {
+		width: 1rem;
+		height: 1rem;
+	}
+
+	.cbfk-page-sep {
+		flex: none;
+		color: var(--muted-foreground);
+		opacity: 0.6;
+	}
+
+	.cbfk-page-title {
+		flex: 1 1 auto;
+		min-width: 0;
+		margin: 0;
+		overflow: hidden;
+		font-size: 0.9375rem;
+		font-weight: 500;
+		white-space: nowrap;
+		text-overflow: ellipsis;
+	}
+
+	.cbfk-page-actions {
+		display: inline-flex;
+		flex: none;
+		align-items: center;
+		gap: 0.5rem;
+	}
+
+	/* The Edit / Preview switch is a phone's; wide, both sides are simply there. */
+	.cbfk-page-modes {
+		display: none;
+	}
+
+	.cbfk-page-split {
+		display: flex;
+		flex: 1 1 auto;
+		min-height: 0;
+	}
+
+	.cbfk-page-form,
+	.cbfk-page-preview {
+		box-sizing: border-box;
+		min-width: 0;
+		min-height: 0;
+		/* guardrails-ignore no-raw-overflow: task 2827 — each side scrolls on its own in a Tailwind-free host, where ScrollArea cannot draw; the keyboard inset below is ScrollArea's. */
+		overflow: auto;
+		overscroll-behavior: contain;
+		/* ScrollArea's keyboard clearance (a no-op 0px on desktop): a focused field is never
+		   parked under a phone's keyboard, and the last one can be scrolled above it. */
+		scroll-padding-bottom: calc(var(--keyboard-inset, 0px) + 1rem);
+		padding-bottom: var(--keyboard-inset, 0px);
+	}
+
+	.cbfk-page-form {
+		flex: 0 0 var(--cbfk-page-split, 50%);
+	}
+
+	.cbfk-page-form-inner {
+		display: flex;
+		flex-direction: column;
+		gap: 1.25rem;
+		box-sizing: border-box;
+		max-width: 46rem;
+		margin: 0 auto;
+		padding: 2rem 2rem 4rem;
+	}
+
+	.cbfk-page-preview {
+		flex: 1 1 0;
+		padding: 1.25rem 2rem 4rem;
+		background-color: var(--surface-sunken, var(--muted));
+	}
+
+	.cbfk-page-preview-head {
+		display: flex;
+		align-items: center;
+		gap: 0.75rem;
+		min-height: 2rem;
+		margin: 0 0 1rem;
+	}
+
+	.cbfk-page-preview-label {
+		flex: 1 1 auto;
+		margin: 0;
+		color: var(--muted-foreground);
+		font-size: 0.75rem;
+		font-weight: 500;
+	}
+
+	.cbfk-page-preview-tools {
+		display: inline-flex;
+		flex-wrap: wrap;
+		align-items: center;
+		gap: 0.75rem;
+	}
+
+	.cbfk-page-preview-body {
+		max-width: 40rem;
+		margin: 0 auto;
+	}
+
+	/* A 1px line with an 11px grab area either side of it; the line lights while dragged. */
+	.cbfk-page-divider {
+		position: relative;
+		flex: none;
+		width: 1px;
+		background-color: var(--border);
+		cursor: col-resize;
+		touch-action: none;
+	}
+
+	.cbfk-page-divider::before {
+		position: absolute;
+		inset: 0 -0.375rem;
+		content: "";
+	}
+
+	.cbfk-page-divider:hover,
+	.cbfk-page[data-dragging="true"] .cbfk-page-divider {
+		background-color: var(--ring, var(--accent));
+	}
+
+	.cbfk-page[data-dragging="true"] {
+		cursor: col-resize;
+		user-select: none;
+	}
+
+	/* Narrow: one side at a time, chosen in the header. */
+	@container (max-width: 48rem) {
+		/* The switch takes the title's place: Back, Edit | Preview, the actions. A title cut to
+		   one letter says nothing, and the page's own heading is still its accessible name. */
+		.cbfk-page-crumb,
+		.cbfk-page-sep {
+			display: none;
+		}
+
+		.cbfk-page-title {
+			position: absolute;
+			width: 1px;
+			height: 1px;
+			overflow: hidden;
+			clip: rect(0 0 0 0);
+			white-space: nowrap;
+		}
+
+		.cbfk-page-modes {
+			display: inline-flex;
+			flex: none;
+			margin-right: auto;
+			padding: 0.125rem;
+			border-radius: var(--radius-sm, 0.375rem);
+			background-color: var(--muted);
+		}
+
+		.cbfk-page-mode {
+			min-height: 2rem;
+			margin: 0;
+			padding: 0 0.75rem;
+			border: 0;
+			border-radius: calc(var(--radius-sm, 0.375rem) - 2px);
+			background: transparent;
+			color: var(--muted-foreground);
+			font: inherit;
+			font-size: 0.8125rem;
+			cursor: pointer;
+		}
+
+		.cbfk-page-mode[aria-selected="true"] {
+			background-color: var(--background);
+			color: var(--foreground);
+		}
+
+		.cbfk-page-divider {
+			display: none;
+		}
+
+		.cbfk-page-form {
+			flex: 1 1 auto;
+		}
+
+		.cbfk-page[data-mode="edit"] .cbfk-page-preview,
+		.cbfk-page[data-mode="preview"] .cbfk-page-form {
+			display: none;
+		}
+
+		.cbfk-page-form-inner {
+			padding: 1.25rem 1rem 4rem;
+		}
+
+		.cbfk-page-preview {
+			padding: 1rem 1rem 4rem;
+		}
+	}
+}
+
+/* ── IconPicker ─────────────────────────────────────────────────────────── */
+@layer base {
+	.cbfk-icons {
+		display: flex;
+		flex-direction: column;
+		gap: 0.625rem;
+		min-width: 0;
+	}
+
+	.cbfk-icons-sets {
+		display: flex;
+		flex-wrap: wrap;
+		gap: 0.25rem;
+		min-inline-size: 0;
+		margin: 0;
+		border: 0;
+		padding: 0;
+	}
+
+	.cbfk-icons-set {
+		min-height: 1.75rem;
+		margin: 0;
+		padding: 0 0.625rem;
+		border: 0;
+		border-radius: 999px;
+		background: transparent;
+		color: var(--muted-foreground);
+		font: inherit;
+		font-size: 0.75rem;
+		cursor: pointer;
+	}
+
+	.cbfk-icons-set:hover {
+		color: var(--foreground);
+	}
+
+	.cbfk-icons-set[aria-pressed="true"] {
+		background-color: var(--muted);
+		color: var(--foreground);
+	}
+
+	.cbfk-icons-grid {
+		display: grid;
+		grid-template-columns: repeat(auto-fill, minmax(2.5rem, 1fr));
+		gap: 0.25rem;
+	}
+
+	.cbfk-icons-cell {
+		display: inline-flex;
+		align-items: center;
+		justify-content: center;
+		aspect-ratio: 1;
+		margin: 0;
+		padding: 0;
+		border: 1px solid transparent;
+		border-radius: var(--radius-sm, 0.375rem);
+		background: transparent;
+		cursor: pointer;
+	}
+
+	.cbfk-icons-cell:hover {
+		background-color: var(--muted);
+	}
+
+	.cbfk-icons-cell:focus-visible {
+		outline: 2px solid var(--ring);
+		outline-offset: -2px;
+	}
+
+	.cbfk-icons-cell[aria-checked="true"] {
+		border-color: var(--ring, var(--accent));
+		background-color: var(--muted);
+	}
+
+	.cbfk-icons-note {
+		margin: 0;
+		color: var(--muted-foreground);
+		font-size: 0.75rem;
+	}
+}
+
+/*
+ * ── QuietForm (and EditorPage's form) ──────────────────────────────────────
+ *
+ * 🔴 UNLAYERED, unlike everything above, and on purpose: a quiet form must win over the border
+ * and fill an `Input`'s own utilities draw — in `@layer utilities` in a Tailwind app, and as
+ * `.cs-root .border` (two classes) in desk's compiled copy. Only an unlayered rule out-ranks a
+ * layered one, and `:is()` takes its most specific argument (`input:not(…)`, a class and an
+ * element), so `.cbfk-quiet :is(…)` out-ranks two classes as well. It is safe because it is
+ * opt-in — it reaches only what sits inside `.cbfk-quiet`.
+ */
+.cbfk-quiet
+	:is(
+		input:not([type="checkbox"], [type="radio"], [type="file"], [type="range"], [type="color"]),
+		textarea,
+		select
+	) {
+	border-color: transparent;
+	background-color: transparent;
+	box-shadow: none;
+	transition:
+		border-color 120ms ease,
+		background-color 120ms ease;
+}
+
+.cbfk-quiet
+	:is(
+		input:not([type="checkbox"], [type="radio"], [type="file"], [type="range"], [type="color"]),
+		textarea,
+		select
+	):is(:hover, :focus-visible, :focus) {
+	border-color: var(--border);
+	background-color: var(--background);
+}
+
+.cbfk-quiet [data-cb-field-label][data-cb-field-label] {
+	color: var(--muted-foreground);
+	font-size: 0.8125rem;
+	font-weight: 450;
+}
+
+/* A page title in a quiet form: an input marked `data-cb-quiet-title` reads as the heading. */
+.cbfk-quiet input[data-cb-quiet-title][data-cb-quiet-title] {
+	height: auto;
+	min-height: 2.75rem;
+	padding-inline: 0.25rem;
+	font-size: 1.5rem;
+	font-weight: 600;
+	letter-spacing: -0.01em;
+}
+
+/* The preview's tools are a row of small switches, not full-width settings rows. Unlayered for
+   the reason above: a `Switch` label is `w-full justify-between` in its own utilities. */
+.cbfk-page-preview-tools > label[data-cb-tap-target] {
+	width: auto;
+	min-height: 2rem;
+	padding-block: 0;
+	gap: 0.5rem;
+}
+
+.cbfk-page-preview-tools > label[data-cb-tap-target] > span:first-child {
+	color: var(--muted-foreground);
+	font-size: 0.8125rem;
+}

package/dist/react/components/formKit.d.ts

@@ -1,9 +1,11 @@
 /**
  * `cursedbelt/react/form-kit` — the builder-form pieces that draw from their own plain
  * stylesheet (`formKit.css`), so an app with no Tailwind and no `./react` barrel (desk) can
- * mount them. A Tailwind app gets the same five from `cursedbelt/react`.
+ * mount them. A Tailwind app gets the same pieces from `cursedbelt/react`.
  */
+export { EditorPage, type EditorPageProps, QuietForm, type QuietFormProps } from './EditorPage.js';
 export { ExpandableRow, type ExpandableRowProps } from './ExpandableRow.js';
+export { ICON_SETS, IconPicker, type IconPickerProps, type IconSet, iconDataUrl, type PickedIcon, } from './IconPicker.js';
 export { FormPreviewLayout, type FormPreviewLayoutProps } from './FormPreviewLayout.js';
 export { KeyBadge, type KeyBadgeProps } from './KeyBadge.js';
 export { RevealAction, type RevealActionProps } from './RevealAction.js';

package/dist/react/components/formKit.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"formKit.d.ts","sourceRoot":"","sources":["../../../src/react/components/formKit.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AACxF,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACzE,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAG5E,OAAO,EACL,sBAAsB,EACtB,iBAAiB,EACjB,KAAK,UAAU,EACf,cAAc,EACd,iBAAiB,GAClB,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"formKit.d.ts","sourceRoot":"","sources":["../../../src/react/components/formKit.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACnG,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC5E,OAAO,EACL,SAAS,EACT,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,OAAO,EACZ,WAAW,EACX,KAAK,UAAU,GAChB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AACxF,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AACzE,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAG5E,OAAO,EACL,sBAAsB,EACtB,iBAAiB,EACjB,KAAK,UAAU,EACf,cAAc,EACd,iBAAiB,GAClB,MAAM,iBAAiB,CAAC"}

package/dist/react/components/formKit.js

@@ -1,9 +1,11 @@
 /**
  * `cursedbelt/react/form-kit` — the builder-form pieces that draw from their own plain
  * stylesheet (`formKit.css`), so an app with no Tailwind and no `./react` barrel (desk) can
- * mount them. A Tailwind app gets the same five from `cursedbelt/react`.
+ * mount them. A Tailwind app gets the same pieces from `cursedbelt/react`.
  */
+export { EditorPage, QuietForm } from './EditorPage.js';
 export { ExpandableRow } from './ExpandableRow.js';
+export { ICON_SETS, IconPicker, iconDataUrl, } from './IconPicker.js';
 export { FormPreviewLayout } from './FormPreviewLayout.js';
 export { KeyBadge } from './KeyBadge.js';
 export { RevealAction } from './RevealAction.js';

package/dist/react/components/formKit.js.map

@@ -1 +1 @@
-{"version":3,"file":"formKit.js","sourceRoot":"","sources":["../../../src/react/components/formKit.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,aAAa,EAA2B,MAAM,oBAAoB,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAA+B,MAAM,wBAAwB,CAAC;AACxF,OAAO,EAAE,QAAQ,EAAsB,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,YAAY,EAA0B,MAAM,mBAAmB,CAAC;AACzE,OAAO,EAAE,aAAa,EAA2B,MAAM,oBAAoB,CAAC;AAC5E,gGAAgG;AAChG,8DAA8D;AAC9D,OAAO,EACL,sBAAsB,EACtB,iBAAiB,EAEjB,cAAc,EACd,iBAAiB,GAClB,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"formKit.js","sourceRoot":"","sources":["../../../src/react/components/formKit.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,UAAU,EAAwB,SAAS,EAAuB,MAAM,iBAAiB,CAAC;AACnG,OAAO,EAAE,aAAa,EAA2B,MAAM,oBAAoB,CAAC;AAC5E,OAAO,EACL,SAAS,EACT,UAAU,EAGV,WAAW,GAEZ,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,iBAAiB,EAA+B,MAAM,wBAAwB,CAAC;AACxF,OAAO,EAAE,QAAQ,EAAsB,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,YAAY,EAA0B,MAAM,mBAAmB,CAAC;AACzE,OAAO,EAAE,aAAa,EAA2B,MAAM,oBAAoB,CAAC;AAC5E,gGAAgG;AAChG,8DAA8D;AAC9D,OAAO,EACL,sBAAsB,EACtB,iBAAiB,EAEjB,cAAc,EACd,iBAAiB,GAClB,MAAM,iBAAiB,CAAC"}

package/dist/react/file-tree/FileTree.d.ts.map

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

package/dist/react/file-tree/FileTree.js

@@ -8,6 +8,7 @@ import { draggedIdsOf, nodesByIds, planWrap, refuseCopy, refuseWrap, resolveMult
 import { useInView } from '../media/previewGate.js';
 import { lazyPart } from '../components/DataTable/lazyPart.js';
 import { applyFolderView, tagFilterActive } from './folderView.js';
+import { useLongPressContextMenu } from '../hooks/useLongPressContextMenu.js';
 import { FolderViewStrip, folderTargets, folderViewMenuItems, RowTagDots, withFolderItems, } from './FolderViewMenus.js';
 import './fileTree.css';
 import { cn, RAW_BUTTON } from '../lib/cn.js';
@@ -942,6 +943,12 @@ export function FileTree({ nodes, selectedId, onSelect, selectedIds, onSelection
     }, [wantsBlankMenu, openViewMenu]);
     /** Fetch the panels once the page is idle, if this tree has any menu to open. */
     const hasMenus = wantsBlankMenu || Boolean(rowMenu);
+    /*
+     * A finger held on a row or on the blank space opens the same menu a right-click does —
+     * iOS has no right-click and never fires `contextmenu` for a hold (owner, 2026-10-04). The
+     * grip is excluded: a finger held there is about to drag. See `longPressContextMenu.ts`.
+     */
+    useLongPressContextMenu(scrollRef, hasMenus || Boolean(onRowMenu), '[data-cbft-grip]');
     useEffect(() => {
         if (!hasMenus)
             return;