@gjermundgaraba-designs/pixel-paper 0.26.0 → 0.27.0

package/dist/src/commandPalette/commandPalette.js

@@ -1,611 +0,0 @@
-import { brandViewResult as __foldkitBrandViewResult } from 'foldkit/brand'
-import { Input as UiInput } from "@foldkit/ui";
-import { Array, Effect, Equal, HashSet, Match, Option, Schema, Stream, String, pipe } from "effect";
-import * as FoldkitCommand from "foldkit/command";
-import * as Dom from "foldkit/dom";
-import { defineMessageUnion } from "foldkit/message";
-import * as Render from "foldkit/render";
-import { modifyFields } from "foldkit/struct";
-import { defineView } from "foldkit/submodel";
-import * as Subscription from "foldkit/subscription";
-import * as Update from "foldkit/update";
-import * as Dialog from "../dialog/dialog.js";
-import { foldDialog } from "../dialog/fold.js";
-import { Focus } from "../focus/focus.js";
-import * as Glyph from "../glyph/glyph.js";
-import * as IconButton from "../iconButton/iconButton.js";
-import { isPlain } from "../keys/keys.js";
-import { LOCALE } from "../locale/locale.js";
-import { slotView } from "../slot/slot.js";
-import { prefixKeys } from "../subscription/prefixKeys.js";
-import { BindPaletteKeys, FIELD_ATTRIBUTE, OPTION_SELECTOR, PAGE_ATTRIBUTE, earlyKeys, shownPageOf, } from "./keys.js";
-import { findCommands, pageChoices } from "./match.js";
-import { Message } from "./message.js";
-// MODEL
-/** An open page: its command, its own query, and its cursor once the reader moved it. */
-const OpenPage = Schema.Struct({
-    commandId: Schema.String,
-    query: Schema.String,
-    maybeCursor: Schema.Option(Schema.String),
-});
-/** Schema for a command palette: its Dialog, the commands' query and cursor (kept while a
- *  page is open, so Back restores them), the open page, and the choice being picked. A cursor
- *  is a row's id, so it holds to its row while the list changes. The rows are the view's
- *  (built from its `commands`), so ↑, ↓ and Enter carry what their render showed: its rows,
- *  the row it showed the cursor on, and the query and waiting arrows it was rendered with.
- *  When that query is the Model's and the render had applied the waiting arrows, those rows
- *  are the list, and update steps among them from the Model's cursor. A key pressed before the
- *  view caught up (as the palette opens, or just after typing, while the list still shows the
- *  last query's rows) cannot name a row yet: `cursorShift` counts the arrows, which the next
- *  render applies from the cursor's row, and `isEnterPending` an Enter. Such a key returns
- *  `ReportPendingKeys`, which reads the row the next render shows the cursor on: it becomes
- *  the cursor, and a waiting Enter acts on it. */
-export const Model = Schema.Struct({
-    dialog: Dialog.Model,
-    query: Schema.String,
-    maybeCursor: Schema.Option(Schema.String),
-    cursorShift: Schema.Number,
-    isEnterPending: Schema.Boolean,
-    maybePage: Schema.Option(OpenPage),
-    maybePicking: Schema.Option(Schema.String),
-});
-// OUT MESSAGE
-/** Union of OutMessages a command palette reports. `SelectedCommand`: run this command; the
- *  palette has closed first, so what it opens takes focus. `SelectedChoice`: apply this choice
- *  of that command's page; the page holds, the row printing the working cursor, until the
- *  caller reports back with `pickSucceeded` or `pickFailed`. `Closed`: the reader dismissed
- *  the palette (Escape, a press on the veil), even while a pick was out; a write already
- *  running keeps running, and its answer no longer changes the palette. */
-export const OutMessage = defineMessageUnion({
-    SelectedCommand: { id: Schema.String },
-    SelectedChoice: { commandId: Schema.String, choiceId: Schema.String },
-    Closed: {},
-});
-const fieldId = (paletteId) => __foldkitBrandViewResult((`${paletteId}-field`), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#fieldId");
-const listIdOf = (paletteId) => __foldkitBrandViewResult((`${paletteId}-list`), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#listIdOf");
-/** Creates a closed command palette. */
-export const init = (config) => (__foldkitBrandViewResult(({
-    dialog: Dialog.init({ id: config.id }),
-    query: "",
-    maybeCursor: Option.none(),
-    cursorShift: 0,
-    isEnterPending: false,
-    maybePage: Option.none(),
-    maybePicking: Option.none(),
-}), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#init"));
-// ACCESSORS
-/** The palette's id, unique in the document. */
-export const id = (model) => __foldkitBrandViewResult((Dialog.id(model.dialog)), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#id");
-/** Whether the palette is open. */
-export const isOpen = (model) => __foldkitBrandViewResult((Dialog.isOpen(model.dialog)), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#isOpen");
-/** The words in the field: the open page's, or the commands'. A page whose choices are a
- *  function of what is typed reads it here. */
-export const query = (model) => __foldkitBrandViewResult((Option.match(model.maybePage, { onNone: () => __foldkitBrandViewResult((model.query), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#onNone"), onSome: (page) => __foldkitBrandViewResult((page.query), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#onSome") })), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#query");
-/** The command whose page is open. */
-export const maybePageId = (model) => __foldkitBrandViewResult((Option.map(model.maybePage, (page) => __foldkitBrandViewResult((page.commandId), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#anonymous"))), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#maybePageId");
-/** Whether a picked choice is waiting for the caller's answer. */
-export const isPicking = (model) => __foldkitBrandViewResult((Option.isSome(model.maybePicking)), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#isPicking");
-// COMMAND
-/** The data attribute on a row: its id. */
-const ROW_ATTRIBUTE = "value";
-/** The data attribute on a command's row that opens a page. */
-const OPENS_PAGE_ATTRIBUTE = "pixel-paper-palette-opens-page";
-/**
- * Scrolls the cursor's row of the palette `paletteId` (its `id`) into view by the least
- * distance, once the view has rendered. The palette returns it itself as the cursor moves, the
- * query changes or a page opens; an application returns it too when the rows change under an
- * open palette (see `maybeCursorId`), or as it opens one on a page whose cursor may be far
- * down, and resolves it with `Message.CompletedScrollToCursor` in a Scene.
- */
-export const ScrollToCursor = FoldkitCommand.define("ScrollToCursor", {
-    args: { paletteId: Schema.String },
-    messages: [Message.CompletedScrollToCursor],
-    execute: ({ paletteId }) => __foldkitBrandViewResult((Effect.suspend(() => __foldkitBrandViewResult((Dom.scrollIntoView(`#${CSS.escape(listIdOf(paletteId))} [aria-selected="true"]`)), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#anonymous~2")).pipe(Effect.ignore, Effect.as(Message.CompletedScrollToCursor()))), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#execute"),
-});
-const shownRowOf = (row) => __foldkitBrandViewResult((Option.map(Option.fromNullishOr(row.getAttribute(`data-${ROW_ATTRIBUTE}`)), (rowId) => (__foldkitBrandViewResult(({
-    id: rowId,
-    isHeld: row.getAttribute("aria-disabled") === "true",
-    hasPage: row.hasAttribute(`data-${OPENS_PAGE_ATTRIBUTE}`),
-}), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#anonymous~3")))), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#shownRowOf");
-// The page the palette's render shows and the row it shows the cursor on, from its markup.
-const shownCursorOf = (paletteId) => {
-    const find = (selector) => __foldkitBrandViewResult((Option.fromNullishOr(document.querySelector(selector))), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#find");
-    return __foldkitBrandViewResult(({
-        maybeShownPage: Option.flatMap(find(`#${CSS.escape(paletteId)} [data-${PAGE_ATTRIBUTE}]`), shownPageOf),
-        maybeRow: Option.flatMap(find(`#${CSS.escape(listIdOf(paletteId))} ${OPTION_SELECTOR}[aria-selected="true"]`), shownRowOf),
-    }), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#shownCursorOf");
-};
-/** Reads, once the next render has committed, the row it shows the cursor on while keys wait
- *  for it (see `Model`), with the query and waiting arrows the Model had as they waited, so
- *  update knows whether that render is still the list. The palette's update returns it as a
- *  key waits; in a Scene, resolve it with `Message.CompletedReportPendingKeys`. */
-export const ReportPendingKeys = FoldkitCommand.define("ReportPendingKeys", {
-    args: { paletteId: Schema.String, shownQuery: Schema.String, shownShift: Schema.Number },
-    messages: [Message.CompletedReportPendingKeys],
-    execute: ({ paletteId, shownQuery, shownShift }) => __foldkitBrandViewResult((Effect.gen(function* () {
-        yield* Render.afterCommit;
-        const shown = yield* Effect.sync(() => __foldkitBrandViewResult((shownCursorOf(paletteId)), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#anonymous~5"));
-        return __foldkitBrandViewResult((Message.CompletedReportPendingKeys({ shownQuery, shownShift, ...shown })), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#anonymous~4");
-    })), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#execute~2"),
-});
-const scrollPaletteToCursor = (model) => __foldkitBrandViewResult((ScrollToCursor({ paletteId: id(model) })), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#scrollPaletteToCursor");
-const reportPendingKeys = (model) => __foldkitBrandViewResult((ReportPendingKeys({
-    paletteId: id(model),
-    shownQuery: query(model),
-    shownShift: model.cursorShift,
-})), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#reportPendingKeys");
-// Focus goes back to the field as the view changes between the commands and a page (the Back
-// button that had it is gone).
-const focusField = (model) => __foldkitBrandViewResult((Focus({ id: fieldId(id(model)) })), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#focusField");
-const toClosed = Dialog.OutMessage.match({
-    Closed: () => __foldkitBrandViewResult((OutMessage.Closed()), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#Closed"),
-});
-const dialogFold = foldDialog(Dialog, {
-    read: (model) => __foldkitBrandViewResult((model.dialog), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#read"),
-    write: (model, nextDialog) => __foldkitBrandViewResult((modifyFields(model, { dialog: () => __foldkitBrandViewResult((nextDialog), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#dialog") })), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#write"),
-    toParentMessage: (message) => __foldkitBrandViewResult((Message.GotDialogMessage({ message })), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#toParentMessage"),
-    toParentOutMessage: toClosed,
-});
-const freshPage = (commandId) => (__foldkitBrandViewResult(({
-    commandId,
-    query: "",
-    maybeCursor: Option.none(),
-}), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#freshPage"));
-/** No key waits for the next render (see `Model`). */
-const clearPendingKeys = (model) => __foldkitBrandViewResult((modifyFields(model, { cursorShift: () => __foldkitBrandViewResult((0), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#cursorShift"), isEnterPending: () => __foldkitBrandViewResult((false), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#isEnterPending") })), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#clearPendingKeys");
-const fresh = (model, maybePage) => __foldkitBrandViewResult((clearPendingKeys(modifyFields(model, {
-    query: () => __foldkitBrandViewResult((""), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#query~2"),
-    maybeCursor: () => __foldkitBrandViewResult((Option.none()), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#maybeCursor"),
-    maybePage: () => __foldkitBrandViewResult((maybePage), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#maybePage"),
-    maybePicking: () => __foldkitBrandViewResult((Option.none()), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#maybePicking"),
-}))), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#fresh");
-/** Makes the Model follow what the view showed: a page whose command is gone is dropped (with
- *  a pick out on it), so the commands' query and cursor take the reader's input again. */
-const followShown = (model, maybeShownPage) => __foldkitBrandViewResult((Equal.equals(maybePageId(model), maybeShownPage)
-    ? model
-    : clearPendingKeys(modifyFields(model, {
-        maybePage: () => __foldkitBrandViewResult((Option.map(maybeShownPage, freshPage)), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#maybePage~2"),
-        maybePicking: () => __foldkitBrandViewResult((Option.none()), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#maybePicking~2"),
-    }))), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#followShown");
-const modifyPage = (model, modifyOpenPage) => __foldkitBrandViewResult((modifyFields(model, { maybePage: Option.map(modifyOpenPage) })), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#modifyPage");
-const unlessPicking = (model, next) => __foldkitBrandViewResult((isPicking(model) ? { model } : next(model)), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#unlessPicking");
-const leavePage = (model) => __foldkitBrandViewResult((isPicking(model) || Option.isNone(model.maybePage)
-    ? { model }
-    : {
-        model: clearPendingKeys(modifyFields(model, { maybePage: () => __foldkitBrandViewResult((Option.none()), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#maybePage~3") })),
-        commands: [focusField(model), scrollPaletteToCursor(model)],
-    }), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#leavePage");
-const openPage = (model, commandId) => (__foldkitBrandViewResult(({
-    model: clearPendingKeys(modifyFields(model, { maybePage: () => __foldkitBrandViewResult((Option.some(freshPage(commandId))), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#maybePage~4") })),
-    commands: [focusField(model), scrollPaletteToCursor(model)],
-}), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#openPage"));
-const selectCommand = (model, commandId) => __foldkitBrandViewResult((pipe(dialogFold.close(model), Update.withOutMessage(OutMessage.SelectedCommand({ id: commandId })))), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#selectCommand");
-const moveCursor = (model, cursorId) => __foldkitBrandViewResult((modifyFields(Option.match(model.maybePage, {
-    onNone: () => __foldkitBrandViewResult((modifyFields(model, { maybeCursor: () => __foldkitBrandViewResult((Option.some(cursorId)), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#maybeCursor~2") })), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#onNone~2"),
-    onSome: () => __foldkitBrandViewResult((modifyPage(model, (page) => __foldkitBrandViewResult((modifyFields(page, { maybeCursor: () => __foldkitBrandViewResult((Option.some(cursorId)), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#maybeCursor~3") })), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#anonymous~6"))), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#onSome~2"),
-}), { cursorShift: () => __foldkitBrandViewResult((0), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#cursorShift~2") })), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#moveCursor");
-// A pick drops the keys waiting for the next render: the row picked is the one acted on.
-const pick = (model, commandId, choiceId) => (__foldkitBrandViewResult(({
-    model: clearPendingKeys(modifyFields(moveCursor(model, choiceId), { maybePicking: () => __foldkitBrandViewResult((Option.some(choiceId)), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#maybePicking~3") })),
-    outMessage: OutMessage.SelectedChoice({ commandId, choiceId }),
-}), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#pick"));
-// What a click on a row or Enter on the cursor's does: nothing when it is held, else pick it
-// on a page, open its page, or select it. Never while a pick is out: the click and the keys
-// come through `unlessPicking`, and a pick clears the waiting Enter `settlePending` runs.
-const runRow = (model, row) => {
-    if (row.isHeld) {
-        return __foldkitBrandViewResult(({ model }), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#runRow");
-    }
-    return __foldkitBrandViewResult((Option.match(maybePageId(model), {
-        onSome: (commandId) => __foldkitBrandViewResult((pick(model, commandId, row.id)), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#onSome~3"),
-        onNone: () => (__foldkitBrandViewResult((row.hasPage ? openPage(model, row.id) : selectCommand(model, row.id)), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#onNone~3")),
-    })), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#runRow");
-};
-const maybeCurrentCursor = (model) => __foldkitBrandViewResult((Option.match(model.maybePage, {
-    onNone: () => __foldkitBrandViewResult((model.maybeCursor), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#onNone~4"),
-    onSome: (page) => __foldkitBrandViewResult((page.maybeCursor), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#onSome~4"),
-})), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#maybeCurrentCursor");
-const ARROW_STEP = { ArrowUp: -1, ArrowDown: 1 };
-const isListed = (rows, rowId) => __foldkitBrandViewResult((Array.some(rows, (row) => __foldkitBrandViewResult((row.id === rowId), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#anonymous~7"))), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#isListed");
-// NOTE: where the cursor is among the rows a key carries (see `Model`). With no arrows waiting
-// it is the Model's cursor while that row is listed, else the shown one, so each key acts from
-// where the last left it, also when several come before the next render; with arrows waiting,
-// the shown row once the render has applied them. Rows that are not the list: none, and the
-// key waits for the next render.
-const cursorAsShown = (model, shown) => {
-    const { rows, maybeShownCursor, shownQuery, shownShift } = shown;
-    const isTheList = shownQuery === query(model);
-    if (isTheList && model.cursorShift === 0) {
-        return __foldkitBrandViewResult((Option.some(Option.orElse(Option.filter(maybeCurrentCursor(model), (rowId) => __foldkitBrandViewResult((isListed(rows, rowId)), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#anonymous~8")), () => __foldkitBrandViewResult((maybeShownCursor), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#anonymous~9")))), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#cursorAsShown");
-    }
-    else if (isTheList && shownShift === model.cursorShift) {
-        return __foldkitBrandViewResult((Option.some(maybeShownCursor)), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#cursorAsShown");
-    }
-    else {
-        return __foldkitBrandViewResult((Option.none()), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#cursorAsShown");
-    }
-};
-// The cursor moves to a row and the waiting arrows are spent; a waiting Enter asks for the
-// next render again, which shows the cursor on that row.
-const stepTo = (model, rowId) => {
-    const moved = moveCursor(model, rowId);
-    return __foldkitBrandViewResult(({
-        model: moved,
-        commands: [
-            scrollPaletteToCursor(model),
-            ...(moved.isEnterPending ? [reportPendingKeys(moved)] : []),
-        ],
-    }), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#stepTo");
-};
-// The row `steps` rows on from the cursor's, held at the ends. Update's arrows, one at a time,
-// and the view's waiting arrows, all at once, both land through this, so they land alike.
-const rowAfter = (rows, maybeFrom, steps) => __foldkitBrandViewResult((pipe(maybeFrom, Option.flatMap((rowId) => __foldkitBrandViewResult((Array.findFirstIndex(rows, (row) => __foldkitBrandViewResult((row.id === rowId), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#anonymous~11"))), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#anonymous~10")), Option.flatMap((index) => __foldkitBrandViewResult((Array.get(rows, Math.min(Math.max(index + steps, 0), rows.length - 1))), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#anonymous~12")))), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#rowAfter");
-const stepFrom = (model, key, rows, maybeFrom) => __foldkitBrandViewResult((Option.match(rowAfter(rows, maybeFrom, ARROW_STEP[key]), {
-    onNone: () => (__foldkitBrandViewResult(({ model }), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#onNone~5")),
-    onSome: (row) => __foldkitBrandViewResult((stepTo(model, row.id)), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#onSome~5"),
-})), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#stepFrom");
-// An arrow that cannot name a row yet waits for the next render, which applies it from the
-// cursor's row (see `Model`).
-const pendArrow = (model, key) => {
-    const pending = modifyFields(model, { cursorShift: (shift) => __foldkitBrandViewResult((shift + ARROW_STEP[key]), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#cursorShift~3") });
-    return __foldkitBrandViewResult(({ model: pending, commands: [scrollPaletteToCursor(model), reportPendingKeys(pending)] }), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#pendArrow");
-};
-// An arrow steps one row from the cursor as its render showed it, and stops at the ends.
-const pressArrow = (model, key, shown) => __foldkitBrandViewResult((Option.match(cursorAsShown(model, shown), {
-    onNone: () => __foldkitBrandViewResult((pendArrow(model, key)), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#onNone~6"),
-    onSome: (maybeFrom) => __foldkitBrandViewResult((stepFrom(model, key, shown.rows, maybeFrom)), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#onSome~6"),
-})), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#pressArrow");
-const pendEnter = (model) => {
-    const pending = modifyFields(model, { isEnterPending: () => __foldkitBrandViewResult((true), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#isEnterPending~2") });
-    return __foldkitBrandViewResult(({ model: pending, commands: [reportPendingKeys(pending)] }), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#pendEnter");
-};
-// An Enter acts on the cursor's row as its render showed it, or waits for the next render.
-const pressEnter = (model, shown) => __foldkitBrandViewResult((Option.match(cursorAsShown(model, shown), {
-    onNone: () => __foldkitBrandViewResult((pendEnter(model)), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#onNone~7"),
-    onSome: (maybeRowId) => __foldkitBrandViewResult((pipe(maybeRowId, Option.flatMap((rowId) => __foldkitBrandViewResult((Array.findFirst(shown.rows, (row) => __foldkitBrandViewResult((row.id === rowId), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#anonymous~14"))), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#anonymous~13")), Option.match({ onNone: () => (__foldkitBrandViewResult(({ model }), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#onNone~8")), onSome: (row) => __foldkitBrandViewResult((runRow(model, row)), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#onSome~8") }))), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#onSome~7"),
-})), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#pressEnter");
-const isPending = (model) => __foldkitBrandViewResult((model.cursorShift !== 0 || model.isEnterPending), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#isPending");
-// A report settles the waiting keys (see `Model`) only from the render the Model is at. One from
-// a render it has moved on from (another page, query or count of arrows) is left: the key that
-// moved it on cleared the waiting keys or asked again.
-const settlePending = (model, report) => {
-    const { maybeShownPage, shownQuery, shownShift, maybeRow } = report;
-    const isCurrent = Equal.equals(maybePageId(model), maybeShownPage) &&
-        shownShift === model.cursorShift &&
-        shownQuery === query(model);
-    if (!isPending(model) || !isCurrent) {
-        return __foldkitBrandViewResult(({ model }), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#settlePending");
-    }
-    const settled = clearPendingKeys(model);
-    return __foldkitBrandViewResult((Option.match(maybeRow, {
-        onNone: () => (__foldkitBrandViewResult(({ model: settled }), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#onNone~9")),
-        onSome: (row) => {
-            const moved = moveCursor(settled, row.id);
-            const ran = model.isEnterPending ? runRow(moved, row) : { model: moved };
-            return __foldkitBrandViewResult(({ ...ran, commands: [scrollPaletteToCursor(model), ...(ran.commands ?? [])] }), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#onSome~9");
-        },
-    })), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#settlePending");
-};
-const updateQuery = (model, value) => __foldkitBrandViewResult((clearPendingKeys(Option.match(model.maybePage, {
-    onNone: () => __foldkitBrandViewResult((modifyFields(model, { query: () => __foldkitBrandViewResult((value), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#query~3"), maybeCursor: () => __foldkitBrandViewResult((Option.none()), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#maybeCursor~4") })), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#onNone~10"),
-    onSome: () => __foldkitBrandViewResult((modifyPage(model, (page) => __foldkitBrandViewResult((modifyFields(page, { query: () => __foldkitBrandViewResult((value), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#query~4"), maybeCursor: () => __foldkitBrandViewResult((Option.none()), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#maybeCursor~5") })), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#anonymous~15"))), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#onSome~10"),
-}))), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#updateQuery");
-/** Processes a command palette Message and returns the next Model, Commands and OutMessage. */
-export const update = (model, message) => __foldkitBrandViewResult((Message.match(message, {
-    GotDialogMessage: ({ message: dialogMessage }) => __foldkitBrandViewResult((dialogFold.update(model, dialogMessage)), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#GotDialogMessage"),
-    UpdatedQuery: ({ value, maybeShownPage }) => __foldkitBrandViewResult((unlessPicking(followShown(model, maybeShownPage), (shown) => (__foldkitBrandViewResult(({
-        model: updateQuery(shown, value),
-        commands: [scrollPaletteToCursor(shown)],
-    }), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#anonymous~16")))), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#UpdatedQuery"),
-    PressedArrowKey: ({ key, maybeShownPage, ...shown }) => __foldkitBrandViewResult((unlessPicking(followShown(model, maybeShownPage), (current) => __foldkitBrandViewResult((pressArrow(current, key, shown)), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#anonymous~17"))), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#PressedArrowKey"),
-    PressedEarlyArrowKey: ({ key }) => __foldkitBrandViewResult((unlessPicking(model, (current) => __foldkitBrandViewResult((pendArrow(current, key)), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#anonymous~18"))), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#PressedEarlyArrowKey"),
-    CompletedReportPendingKeys: (report) => __foldkitBrandViewResult((settlePending(model, report)), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#CompletedReportPendingKeys"),
-    PressedEnter: ({ maybeShownPage, ...shown }) => __foldkitBrandViewResult((unlessPicking(followShown(model, maybeShownPage), (current) => __foldkitBrandViewResult((pressEnter(current, shown)), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#anonymous~19"))), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#PressedEnter"),
-    PressedEarlyEnter: () => __foldkitBrandViewResult((unlessPicking(model, pendEnter)), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#PressedEarlyEnter"),
-    PressedBackspace: ({ maybeShownPage }) => __foldkitBrandViewResult((leavePage(followShown(model, maybeShownPage))), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#PressedBackspace"),
-    ClickedRow: ({ row, maybeShownPage }) => __foldkitBrandViewResult((unlessPicking(followShown(model, maybeShownPage), (current) => __foldkitBrandViewResult((runRow(current, row)), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#anonymous~20"))), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#ClickedRow"),
-    ClickedBack: () => __foldkitBrandViewResult((leavePage(model)), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#ClickedBack"),
-    CompletedScrollToCursor: () => (__foldkitBrandViewResult(({ model }), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#CompletedScrollToCursor")),
-    CompletedFocus: () => (__foldkitBrandViewResult(({ model }), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#CompletedFocus")),
-})), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#update");
-/** Opens the palette on the commands, with an empty field and the cursor on the first row.
- *  Snapshot what the commands act on (the selected item, its title for `scope`) in the
- *  caller's Model as it opens, and build `commands` from that snapshot until it closes. */
-export const open = (model) => __foldkitBrandViewResult((dialogFold.open(fresh(model, Option.none()))), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#open");
-/** Opens the palette straight on a command's page. Back still leads to the commands. */
-export const openAt = (model, config) => __foldkitBrandViewResult((dialogFold.open(fresh(model, Option.some(freshPage(config.commandId))))), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#openAt");
-/** The caller applied the choice: the palette closes. An answer for a pick that is no longer
- *  out (the palette was dismissed, its page left, or a newer pick replaced it) changes
- *  nothing; the caller keeps the write it made. */
-export const pickSucceeded = (model, choiceId) => __foldkitBrandViewResult((Option.contains(model.maybePicking, choiceId)
-    ? dialogFold.close(fresh(model, Option.none()))
-    : { model }), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#pickSucceeded");
-/** The caller refused the choice: the page stays with its query, focus and the cursor on that
- *  choice; say why in the view's `toDetailView`. An answer for a pick that is no longer out
- *  changes nothing. */
-export const pickFailed = (model, choiceId) => __foldkitBrandViewResult((Option.contains(model.maybePicking, choiceId)
-    ? { model: modifyFields(model, { maybePicking: () => __foldkitBrandViewResult((Option.none()), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#maybePicking~4") }) }
-    : { model }), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#pickFailed");
-// SUBSCRIPTIONS
-const earlyKeySubscriptions = Subscription.make()((entry) => (__foldkitBrandViewResult(({
-    earlyKeys: entry({ maybeOpenId: Schema.Option(Schema.String) }, {
-        modelToDependencies: (model) => (__foldkitBrandViewResult(({
-            maybeOpenId: isOpen(model) ? Option.some(id(model)) : Option.none(),
-        }), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#modelToDependencies")),
-        dependenciesToStream: ({ maybeOpenId }) => __foldkitBrandViewResult((Option.match(maybeOpenId, { onNone: () => __foldkitBrandViewResult((Stream.empty), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#onNone~11"), onSome: earlyKeys })), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#dependenciesToStream"),
-    }),
-}), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#anonymous~21")));
-/** While the palette is open, takes ↑ ↓ and Enter pressed before its field has focus (the
- *  field's own are the view's), on the window, before the page's own key bindings see them,
- *  so the keys pressed straight after the one that opened it are not lost. Lift it into the
- *  application's Subscriptions, once per palette, with a key prefix of the parent's that no
- *  other record on the page uses: `subscriptions("palette")` is keyed `paletteEarlyKeys`. */
-export const subscriptions = (keyPrefix) => __foldkitBrandViewResult((prefixKeys(keyPrefix, earlyKeySubscriptions)), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#subscriptions");
-const pageOf = (commands, state) => __foldkitBrandViewResult((pipe(Array.findFirst(commands, (command) => __foldkitBrandViewResult((command.id === state.commandId), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#anonymous~22")), Option.flatMap((command) => __foldkitBrandViewResult((Option.fromNullishOr(command.page)), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#anonymous~23")), Option.map((page) => (__foldkitBrandViewResult(({ page, state }), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#anonymous~24"))))), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#pageOf");
-const firstListed = (rows, candidates) => __foldkitBrandViewResult((Array.findFirst(Array.getSomes(candidates), (cursorId) => __foldkitBrandViewResult((isListed(rows, cursorId)), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#anonymous~25"))), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#firstListed");
-const firstId = (rows) => __foldkitBrandViewResult((Option.map(Array.head(rows), (row) => __foldkitBrandViewResult((row.id), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#anonymous~26"))), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#firstId");
-const shifted = (shown, shift) => (__foldkitBrandViewResult(({
-    ...shown,
-    maybeCursorId: Option.map(rowAfter(shown.rows, shown.maybeCursorId, shift), (row) => __foldkitBrandViewResult((row.id), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#anonymous~27")),
-}), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#shifted"));
-// NOTE: arrows waiting for the view count from the cursor's row. When that row has left the
-// list (the application changed it in between), they are dropped rather than counted from
-// another row.
-const shownOf = (model, commands) => {
-    const unshifted = unshiftedOf(model, commands);
-    const isAnchored = Option.match(maybeCurrentCursor(model), {
-        onNone: () => __foldkitBrandViewResult((true), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#onNone~12"),
-        onSome: (rowId) => __foldkitBrandViewResult((Option.contains(unshifted.maybeCursorId, rowId)), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#onSome~11"),
-    });
-    return __foldkitBrandViewResult((isAnchored ? shifted(unshifted, model.cursorShift) : unshifted), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#shownOf");
-};
-// What the view shows of the Model with `commands`: the open page while its command is
-// listed, the rows its query finds (on a tree page, with the rows they sit under), and the
-// cursor's row: the row the reader moved it to while that row is listed, else the page's
-// `start`, else its `current`, else the first row, these three only among the rows the query
-// finds; none when nothing is listed.
-const unshiftedOf = (model, commands) => {
-    const maybePage = Option.flatMap(model.maybePage, (state) => __foldkitBrandViewResult((pageOf(commands, state)), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#anonymous~28"));
-    return __foldkitBrandViewResult((Option.match(maybePage, {
-        onNone: () => {
-            const rows = findCommands(commands, model.query);
-            return __foldkitBrandViewResult(({
-                maybePage,
-                rows,
-                contextIds: HashSet.empty(),
-                maybeCursorId: pipe(Option.filter(model.maybeCursor, (rowId) => __foldkitBrandViewResult((isListed(rows, rowId)), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#anonymous~29")), Option.orElse(() => __foldkitBrandViewResult((firstId(rows)), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#anonymous~30"))),
-            }), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#onNone~13");
-        },
-        onSome: ({ page, state }) => {
-            const { rows, found, contextIds } = pageChoices(page, state.query);
-            return __foldkitBrandViewResult(({
-                maybePage,
-                rows,
-                contextIds,
-                maybeCursorId: pipe(Option.filter(state.maybeCursor, (rowId) => __foldkitBrandViewResult((isListed(rows, rowId)), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#anonymous~31")), Option.orElse(() => __foldkitBrandViewResult((firstListed(found, [
-                    Option.fromNullishOr(page.start),
-                    Option.fromNullishOr(page.current),
-                ])), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#anonymous~32")), Option.orElse(() => __foldkitBrandViewResult((firstId(found)), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#anonymous~33"))),
-            }), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#onSome~12");
-        },
-    })), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#unshiftedOf");
-};
-/** The row the cursor is on as the view shows it with `commands`: the row the reader moved it
- *  to while that row is listed, else the page's `start` or `current` while the query finds it,
- *  else the first row the query finds; none when nothing is listed. Compare it before and after
- *  the caller's commands change to know when the cursor fell to another row (its row left) and
- *  should be scrolled into view with `ScrollToCursor`; a cursor whose row is still listed keeps
- *  it, and the list its scroll. */
-export const maybeCursorId = (model, commands) => __foldkitBrandViewResult((shownOf(model, commands).maybeCursorId), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#maybeCursorId");
-const isCommand = (row) => __foldkitBrandViewResult(("group" in row), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#isCommand");
-const isCurrentRow = (shown, row) => __foldkitBrandViewResult((Option.exists(shown.maybePage, ({ page }) => __foldkitBrandViewResult((page.current === row.id), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#anonymous~34"))), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#isCurrentRow");
-const isContextRow = (shown, row) => __foldkitBrandViewResult((HashSet.has(shown.contextIds, row.id)), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#isContextRow");
-const levelOf = (row) => __foldkitBrandViewResult(("level" in row ? Option.fromNullishOr(row.level) : Option.none()), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#levelOf");
-// What a row is as this render shows it, which Enter acts on as a click would.
-const shownRowFor = (shown, row) => (__foldkitBrandViewResult(({
-    id: row.id,
-    isHeld: row.isDisabled === true || isCurrentRow(shown, row),
-    hasPage: isCommand(row) && row.page !== undefined,
-}), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#shownRowFor"));
-// The query the shown rows were found by: the open page's, or the commands' when the view
-// shows them (also for a page whose command left).
-const shownQueryOf = (model, shown) => __foldkitBrandViewResult((Option.match(shown.maybePage, { onNone: () => __foldkitBrandViewResult((model.query), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#onNone~14"), onSome: ({ state }) => __foldkitBrandViewResult((state.query), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#onSome~13") })), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#shownQueryOf");
-// The command whose page the view shows.
-const shownPageIdOf = (shown) => __foldkitBrandViewResult((Option.map(shown.maybePage, ({ state }) => __foldkitBrandViewResult((state.commandId), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#anonymous~35"))), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#shownPageIdOf");
-// NOTE: the field's keys that act on the rows are taken here, where the rows are known, as a
-// Mount on the document cannot know them: ↑, ↓ and Enter carry what this render shows (see
-// `Model`), and each is taken from the field (its default prevented). A modified key and every
-// key while a pick is out are left to the field.
-const fieldKeyDown = (model, shown) => __foldkitBrandViewResult(((key, modifiers) => {
-    const list = {
-        rows: Array.map(shown.rows, (row) => __foldkitBrandViewResult((shownRowFor(shown, row)), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#anonymous~37")),
-        maybeShownCursor: shown.maybeCursorId,
-        maybeShownPage: shownPageIdOf(shown),
-        shownQuery: shownQueryOf(model, shown),
-        shownShift: model.cursorShift,
-    };
-    return __foldkitBrandViewResult((isPicking(model) || !isPlain(modifiers)
-        ? Option.none()
-        : Match.value(key).pipe(Match.withReturnType(), Match.whenOr("ArrowDown", "ArrowUp", (arrow) => __foldkitBrandViewResult((Option.some(Message.PressedArrowKey({ key: arrow, ...list }))), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#anonymous~38")), Match.when("Enter", () => __foldkitBrandViewResult((Option.some(Message.PressedEnter(list))), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#anonymous~39")), Match.orElse(() => __foldkitBrandViewResult((Option.none()), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#anonymous~40")))), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#anonymous~36");
-}), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#fieldKeyDown");
-const optionId = (paletteId, index) => __foldkitBrandViewResult((`${paletteId}-option-${index}`), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#optionId");
-const NOTHING_FOUND = "nothing matches · try fewer letters";
-const COMMANDS_FOOT = "↑ ↓ move · enter runs · esc closes";
-const PAGE_FOOT = "↑ ↓ move · enter picks · ⌫ back · esc closes";
-const resultWord = (count) => (__foldkitBrandViewResult((count === 1 ? "result" : "results"), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#resultWord"));
-const countWords = (count) => __foldkitBrandViewResult((count === 0 ? "Nothing matches." : `${count.toLocaleString(LOCALE)} ${resultWord(count)}.`), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#countWords");
-const rowPartsView = (model, shown, row, h) => {
-    const hint = row.isDisabled === true ? (row.reason ?? row.hint) : row.hint;
-    const opens = h.span([h.Class("glyph opens"), h.AriaHidden(true)], [Glyph.view({ name: "caret-right" }, h)]);
-    return __foldkitBrandViewResult(([
-        ...(row.glyph === undefined
-            ? []
-            : [h.span([h.Class("glyph")], [Glyph.view({ name: row.glyph }, h)])]),
-        h.span([h.Class("palette-label")], [
-            row.label,
-            ...(isContextRow(shown, row) ? [h.span([h.Class("sr-only")], [" (context)"])] : []),
-        ]),
-        ...(Option.contains(model.maybePicking, row.id)
-            ? [h.span([h.Class("cursor"), h.AriaHidden(true)])]
-            : []),
-        ...(isCurrentRow(shown, row) ? [h.span([h.Class("tag")], ["current"])] : []),
-        ...(hint === undefined ? [] : [h.span([h.Class("hint")], [hint])]),
-        ...(shownRowFor(shown, row).hasPage ? [opens] : []),
-    ]), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#rowPartsView");
-};
-const rowView = (model, shown, row, index, h) => {
-    const shownRow = shownRowFor(shown, row);
-    return __foldkitBrandViewResult((h.keyed("div")(row.id, [
-        h.Id(optionId(id(model), index)),
-        h.Role("option"),
-        h.AriaSelected(Option.contains(shown.maybeCursorId, row.id)),
-        ...(shownRow.isHeld ? [h.AriaDisabled(true)] : []),
-        h.DataAttribute(ROW_ATTRIBUTE, row.id),
-        ...(shownRow.hasPage ? [h.DataAttribute(OPENS_PAGE_ATTRIBUTE, "")] : []),
-        h.Class(Array.join([
-            "palette-row",
-            ...(row.isAuthored === true ? ["authored"] : []),
-            ...(isContextRow(shown, row) ? ["context"] : []),
-        ], " ")),
-        ...Option.match(levelOf(row), {
-            onNone: () => __foldkitBrandViewResult(([]), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#onNone~15"),
-            onSome: (level) => __foldkitBrandViewResult(([h.Style({ "--palette-level": `${level}` })]), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#onSome~14"),
-        }),
-        ...(shownRow.isHeld || isPicking(model)
-            ? []
-            : [h.OnClick(Message.ClickedRow({ row: shownRow, maybeShownPage: shownPageIdOf(shown) }))]),
-    ], rowPartsView(model, shown, row, h))), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#rowView");
-};
-const groupedRows = (model, shown, h) => {
-    const indexed = Array.map(shown.rows, (row, index) => (__foldkitBrandViewResult(({ row, index }), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#anonymous~41")));
-    return __foldkitBrandViewResult((Option.match(shown.maybePage, {
-        onSome: () => __foldkitBrandViewResult((Array.map(indexed, ({ row, index }) => __foldkitBrandViewResult((rowView(model, shown, row, index, h)), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#anonymous~42"))), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#onSome~15"),
-        onNone: () => {
-            const groups = Array.dedupe(Array.map(shown.rows, (row) => (__foldkitBrandViewResult((isCommand(row) ? row.group : ""), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#anonymous~43"))));
-            return __foldkitBrandViewResult((Array.map(groups, (group, groupIndex) => {
-                const headingId = `${id(model)}-group-${groupIndex}`;
-                return __foldkitBrandViewResult((h.keyed("div")(`group-${group}`, [h.Role("group"), h.AriaLabelledBy(headingId)], [
-                    h.div([h.Id(headingId), h.Role("presentation"), h.Class("palette-group")], [group]),
-                    ...Array.map(Array.filter(indexed, ({ row }) => __foldkitBrandViewResult((isCommand(row) && row.group === group), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#anonymous~45")), ({ row, index }) => __foldkitBrandViewResult((rowView(model, shown, row, index, h)), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#anonymous~46")),
-                ])), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#anonymous~44");
-            })), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#onNone~16");
-        },
-    })), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#groupedRows");
-};
-const comboboxAttributes = (model, shown, noun, h) => {
-    const paletteId = id(model);
-    const maybeCursorIndex = Option.flatMap(shown.maybeCursorId, (cursorId) => __foldkitBrandViewResult((Array.findFirstIndex(shown.rows, (row) => __foldkitBrandViewResult((row.id === cursorId), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#anonymous~48"))), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#anonymous~47"));
-    return __foldkitBrandViewResult(([
-        h.OnKeyDownPreventDefault(fieldKeyDown(model, shown)),
-        h.Role("combobox"),
-        h.AriaExpanded(true),
-        h.AriaControls(listIdOf(paletteId)),
-        h.AriaAutocomplete("list"),
-        ...Option.toArray(Option.map(maybeCursorIndex, (index) => __foldkitBrandViewResult((h.AriaActiveDescendant(optionId(paletteId, index))), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#anonymous~49"))),
-        h.AriaLabel(Option.match(shown.maybePage, {
-            onNone: () => __foldkitBrandViewResult((`Command or ${noun}`), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#onNone~17"),
-            onSome: ({ page }) => __foldkitBrandViewResult((page.title), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#onSome~16"),
-        })),
-        h.Autocomplete("off"),
-        h.DataAttribute(FIELD_ATTRIBUTE, ""),
-    ]), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#comboboxAttributes");
-};
-const fieldView = (model, shown, noun, render, h) => {
-    const maybeShownPage = shownPageIdOf(shown);
-    return __foldkitBrandViewResult((UiInput.view({
-        id: fieldId(id(model)),
-        value: shownQueryOf(model, shown),
-        onInput: (value) => __foldkitBrandViewResult((Message.UpdatedQuery({ value, maybeShownPage })), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#onInput"),
-        isReadOnly: isPicking(model),
-        placeholder: Option.match(shown.maybePage, {
-            onNone: () => __foldkitBrandViewResult((`type a command or a ${noun}`), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#onNone~18"),
-            onSome: ({ page }) => __foldkitBrandViewResult((page.find ?? "type to narrow"), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#onSome~17"),
-        }),
-        toView: (groups) => __foldkitBrandViewResult((h.input([
-            ...render.initialFocus,
-            ...groups.input,
-            ...comboboxAttributes(model, shown, noun, h),
-        ])), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#toView"),
-    }, h)), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#fieldView");
-};
-const headView = (model, shown, scope, field, h) => __foldkitBrandViewResult((h.div([h.Class("palette-q field")], [
-    ...Option.toArray(Option.map(shown.maybePage, () => __foldkitBrandViewResult((IconButton.view({
-        glyph: "arrow-left",
-        label: "Back",
-        isQuiet: true,
-        isDisabled: isPicking(model),
-        onClick: Message.ClickedBack(),
-    }, h)), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#anonymous~50"))),
-    h.span([h.Class("palette-scope")], [scope]),
-    ...Option.toArray(Option.map(shown.maybePage, ({ page }) => __foldkitBrandViewResult((h.span([h.Class("palette-title")], [page.title])), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#anonymous~51"))),
-    field,
-])), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#headView");
-const listView = (model, shown, h) => __foldkitBrandViewResult((h.div([
-    h.Id(listIdOf(id(model))),
-    h.Role("listbox"),
-    h.AriaLabel(Option.match(shown.maybePage, {
-        onNone: () => __foldkitBrandViewResult(("Results"), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#onNone~19"),
-        onSome: ({ page }) => __foldkitBrandViewResult((page.title), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#onSome~18"),
-    })),
-    ...(isPicking(model) ? [h.AriaBusy(true)] : []),
-    h.Class("palette-list"),
-], Array.match(shown.rows, {
-    onEmpty: () => __foldkitBrandViewResult(([h.div([h.Role("presentation"), h.Class("palette-group")], [NOTHING_FOUND])]), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#onEmpty"),
-    onNonEmpty: () => __foldkitBrandViewResult((groupedRows(model, shown, h)), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#onNonEmpty"),
-}))), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#listView");
-// The count is said once a query is typed: the status is mounted empty as the card opens (a
-// status mounted holding its words goes unheard), and the rows an empty field lists need no
-// count.
-const countView = (model, shown, h) => {
-    const shownQuery = shownQueryOf(model, shown);
-    return __foldkitBrandViewResult((h.div([h.Role("status"), h.Class("sr-only")], String.isEmpty(shownQuery)
-        ? []
-        : [countWords(shown.rows.length - HashSet.size(shown.contextIds))])), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#countView");
-};
-const cardView = (model, viewInputs, render, h) => {
-    const { commands, scope = "commands", noun = "title", toDetailView = () => __foldkitBrandViewResult(([]), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#anonymous~52") } = viewInputs;
-    const shown = shownOf(model, commands);
-    return __foldkitBrandViewResult((h.div([
-        ...Option.toArray(Option.map(shownPageIdOf(shown), (commandId) => __foldkitBrandViewResult((h.DataAttribute(PAGE_ATTRIBUTE, commandId)), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#anonymous~53"))),
-        h.OnMount(BindPaletteKeys()),
-        h.Class("card palette"),
-    ], [
-        headView(model, shown, scope, fieldView(model, shown, noun, render, h), h),
-        ...slotView("div", "palette-detail", toDetailView(), h),
-        listView(model, shown, h),
-        countView(model, shown, h),
-        h.div([h.Class("palette-more")], [Option.match(shown.maybePage, { onNone: () => __foldkitBrandViewResult((COMMANDS_FOOT), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#onNone~20"), onSome: () => __foldkitBrandViewResult((PAGE_FOOT), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#onSome~19") })]),
-    ])), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#cardView");
-};
-/**
- * Type to find a command or a title; one inverted cursor row, moved by ↑ and ↓ only
- * (stopping at the ends; the pointer shades a row but never moves the cursor); Enter or a
- * click selects it, and the palette closes first so what the command opens takes focus. A
- * command with a page opens that page in place: Back, or Backspace in an empty field, returns
- * to the commands with their query and cursor as they were. The choice in force is tagged
- * current and cannot be picked; a picked choice holds the page until the caller answers. Once
- * a query is typed, a polite status says how many rows it finds. Escape closes the whole
- * palette.
- *
- * A pixel-paper Dialog (named "Commands", hung near the top) holding a field built on
- * `@foldkit/ui`'s Input as an ARIA combobox (`aria-activedescendant` on the cursor's row) over
- * an always open `role="listbox"` of `role="option"` rows, grouped under their headings.
- */
-// NOTE: @foldkit/ui gap: Combobox's popup does not fit an always open list in a card, so the
-// palette is not built on it. Its list is a popup anchored under the field (portaled
-// unless told not to) behind a press-catcher, hidden until positioned; its cursor is an index
-// that wraps and passes disabled rows; pointer movement moves it; leaving the field closes
-// it; and its Escape is handled (default prevented), so the Dialog never sees the Escape that
-// must close the whole palette.
-export const view = defineView((model, viewInputs, h) => __foldkitBrandViewResult((h.submodel({
-    slotId: id(model),
-    model: model.dialog,
-    view: Dialog.view,
-    viewInputs: {
-        label: "Commands",
-        placement: "Top",
-        toLiveRegionView: viewInputs.toLiveRegionView,
-        toView: (render) => __foldkitBrandViewResult((cardView(model, viewInputs, render, h)), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#toView~2"),
-    },
-    toParentMessage: (message) => __foldkitBrandViewResult((Message.GotDialogMessage({ message })), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#toParentMessage~2"),
-})), "@gjermundgaraba-designs/pixel-paper/src/commandPalette/commandPalette.js#anonymous~54"));