@gjermundgaraba-designs/pixel-paper 0.18.0 → 0.20.0

package/dist/src/sortable/sortable.d.ts

@@ -245,6 +245,8 @@ export declare const update: (model: Model, message: Message) => Readonly<{
         }>;
     };
     commands?: Update.Commands<{
+        readonly _tag: "PressedEscape";
+    } | {
         readonly _tag: "CancelledPointer";
     } | {
         readonly _tag: "CompletedAnnounceReorder";
@@ -253,6 +255,9 @@ export declare const update: (model: Model, message: Message) => Readonly<{
     } | {
         readonly _tag: "GotDragAndDropMessage";
         readonly message: {
+            readonly _tag: "PressedArrowKey";
+            readonly direction: "Down" | "Left" | "NextContainer" | "PreviousContainer" | "Right" | "Up";
+        } | {
             readonly _tag: "ActivatedKeyboardDrag";
             readonly itemId: string;
             readonly containerId: string;
@@ -279,9 +284,6 @@ export declare const update: (model: Model, message: Message) => Readonly<{
                 readonly containerId: string;
                 readonly index: number;
             }>;
-        } | {
-            readonly _tag: "PressedArrowKey";
-            readonly direction: "Down" | "Left" | "NextContainer" | "PreviousContainer" | "Right" | "Up";
         } | {
             readonly _tag: "PressedDraggable";
             readonly itemId: string;
@@ -299,8 +301,6 @@ export declare const update: (model: Model, message: Message) => Readonly<{
         readonly clientX: number;
         readonly clientY: number;
         readonly maybeIndex: Option.Option<number>;
-    } | {
-        readonly _tag: "PressedEscape";
     } | {
         readonly _tag: "PressedGripKey";
         readonly itemId: string;
@@ -413,6 +413,8 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
             }>;
         }>;
     }, {
+        readonly _tag: "PressedEscape";
+    } | {
         readonly _tag: "CancelledPointer";
     } | {
         readonly _tag: "CompletedAnnounceReorder";
@@ -421,6 +423,9 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
     } | {
         readonly _tag: "GotDragAndDropMessage";
         readonly message: {
+            readonly _tag: "PressedArrowKey";
+            readonly direction: "Down" | "Left" | "NextContainer" | "PreviousContainer" | "Right" | "Up";
+        } | {
             readonly _tag: "ActivatedKeyboardDrag";
             readonly itemId: string;
             readonly containerId: string;
@@ -447,9 +452,6 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
                 readonly containerId: string;
                 readonly index: number;
             }>;
-        } | {
-            readonly _tag: "PressedArrowKey";
-            readonly direction: "Down" | "Left" | "NextContainer" | "PreviousContainer" | "Right" | "Up";
         } | {
             readonly _tag: "PressedDraggable";
             readonly itemId: string;
@@ -467,8 +469,6 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
         readonly clientX: number;
         readonly clientY: number;
         readonly maybeIndex: Option.Option<number>;
-    } | {
-        readonly _tag: "PressedEscape";
     } | {
         readonly _tag: "PressedGripKey";
         readonly itemId: string;
@@ -559,6 +559,8 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
             }>;
         }>;
     }, {
+        readonly _tag: "PressedEscape";
+    } | {
         readonly _tag: "CancelledPointer";
     } | {
         readonly _tag: "CompletedAnnounceReorder";
@@ -567,6 +569,9 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
     } | {
         readonly _tag: "GotDragAndDropMessage";
         readonly message: {
+            readonly _tag: "PressedArrowKey";
+            readonly direction: "Down" | "Left" | "NextContainer" | "PreviousContainer" | "Right" | "Up";
+        } | {
             readonly _tag: "ActivatedKeyboardDrag";
             readonly itemId: string;
             readonly containerId: string;
@@ -593,9 +598,6 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
                 readonly containerId: string;
                 readonly index: number;
             }>;
-        } | {
-            readonly _tag: "PressedArrowKey";
-            readonly direction: "Down" | "Left" | "NextContainer" | "PreviousContainer" | "Right" | "Up";
         } | {
             readonly _tag: "PressedDraggable";
             readonly itemId: string;
@@ -613,8 +615,6 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
         readonly clientX: number;
         readonly clientY: number;
         readonly maybeIndex: Option.Option<number>;
-    } | {
-        readonly _tag: "PressedEscape";
     } | {
         readonly _tag: "PressedGripKey";
         readonly itemId: string;
@@ -710,6 +710,8 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
             }>;
         }>;
     }, {
+        readonly _tag: "PressedEscape";
+    } | {
         readonly _tag: "CancelledPointer";
     } | {
         readonly _tag: "CompletedAnnounceReorder";
@@ -718,6 +720,9 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
     } | {
         readonly _tag: "GotDragAndDropMessage";
         readonly message: {
+            readonly _tag: "PressedArrowKey";
+            readonly direction: "Down" | "Left" | "NextContainer" | "PreviousContainer" | "Right" | "Up";
+        } | {
             readonly _tag: "ActivatedKeyboardDrag";
             readonly itemId: string;
             readonly containerId: string;
@@ -744,9 +749,6 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
                 readonly containerId: string;
                 readonly index: number;
             }>;
-        } | {
-            readonly _tag: "PressedArrowKey";
-            readonly direction: "Down" | "Left" | "NextContainer" | "PreviousContainer" | "Right" | "Up";
         } | {
             readonly _tag: "PressedDraggable";
             readonly itemId: string;
@@ -764,8 +766,6 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
         readonly clientX: number;
         readonly clientY: number;
         readonly maybeIndex: Option.Option<number>;
-    } | {
-        readonly _tag: "PressedEscape";
     } | {
         readonly _tag: "PressedGripKey";
         readonly itemId: string;
@@ -857,6 +857,8 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
             }>;
         }>;
     }, {
+        readonly _tag: "PressedEscape";
+    } | {
         readonly _tag: "CancelledPointer";
     } | {
         readonly _tag: "CompletedAnnounceReorder";
@@ -865,6 +867,9 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
     } | {
         readonly _tag: "GotDragAndDropMessage";
         readonly message: {
+            readonly _tag: "PressedArrowKey";
+            readonly direction: "Down" | "Left" | "NextContainer" | "PreviousContainer" | "Right" | "Up";
+        } | {
             readonly _tag: "ActivatedKeyboardDrag";
             readonly itemId: string;
             readonly containerId: string;
@@ -891,9 +896,6 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
                 readonly containerId: string;
                 readonly index: number;
             }>;
-        } | {
-            readonly _tag: "PressedArrowKey";
-            readonly direction: "Down" | "Left" | "NextContainer" | "PreviousContainer" | "Right" | "Up";
         } | {
             readonly _tag: "PressedDraggable";
             readonly itemId: string;
@@ -911,8 +913,6 @@ export declare const subscriptions: <Prefix extends string>(keyPrefix: Prefix) =
         readonly clientX: number;
         readonly clientY: number;
         readonly maybeIndex: Option.Option<number>;
-    } | {
-        readonly _tag: "PressedEscape";
     } | {
         readonly _tag: "PressedGripKey";
         readonly itemId: string;
@@ -1055,6 +1055,8 @@ export declare const view: import("foldkit/submodel").View<{
         }>;
     }>;
 }, {
+    readonly _tag: "PressedEscape";
+} | {
     readonly _tag: "CancelledPointer";
 } | {
     readonly _tag: "CompletedAnnounceReorder";
@@ -1063,6 +1065,9 @@ export declare const view: import("foldkit/submodel").View<{
 } | {
     readonly _tag: "GotDragAndDropMessage";
     readonly message: {
+        readonly _tag: "PressedArrowKey";
+        readonly direction: "Down" | "Left" | "NextContainer" | "PreviousContainer" | "Right" | "Up";
+    } | {
         readonly _tag: "ActivatedKeyboardDrag";
         readonly itemId: string;
         readonly containerId: string;
@@ -1089,9 +1094,6 @@ export declare const view: import("foldkit/submodel").View<{
             readonly containerId: string;
             readonly index: number;
         }>;
-    } | {
-        readonly _tag: "PressedArrowKey";
-        readonly direction: "Down" | "Left" | "NextContainer" | "PreviousContainer" | "Right" | "Up";
     } | {
         readonly _tag: "PressedDraggable";
         readonly itemId: string;
@@ -1109,8 +1111,6 @@ export declare const view: import("foldkit/submodel").View<{
     readonly clientX: number;
     readonly clientY: number;
     readonly maybeIndex: Option.Option<number>;
-} | {
-    readonly _tag: "PressedEscape";
 } | {
     readonly _tag: "PressedGripKey";
     readonly itemId: string;

package/dist/src/sortable/sortable.d.ts.map

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

package/dist/src/sortable/sortable.js

@@ -10,7 +10,7 @@ import * as Subscription from "foldkit/subscription";
 import * as Update from "foldkit/update";
 import * as Announcer from "../announcer/announcer.js";
 import * as Button from "../button/button.js";
-import { LEFT_BUTTON, activatedKeyboardDrag, cancelledDrag, escapeKeys, insertionIndex, isCarrying, markDragging, measureLift, movedPointer, phaseOf, pressedDraggable, releasedPointer, } from "../drag/drag.js";
+import { LEFT_BUTTON, activatedKeyboardDrag, cancelledDrag, escapeKeys, insertionIndex, isCarrying, markDragging, measureLift, movedPointer, phaseOf, pressedDraggable, pressingPointer, releasedPointer, } from "../drag/drag.js";
 import * as Glyph from "../glyph/glyph.js";
 import * as IconButton from "../iconButton/iconButton.js";
 import { LOCALE } from "../locale/locale.js";
@@ -289,15 +289,7 @@ const pointerAt = (hold, event) => (__foldkitBrandViewResult(({
     maybeIndex: pointerIndex(hold.listId, hold.heldHook, event.clientX, event.clientY),
 }), "@gjermundgaraba-designs/pixel-paper/src/sortable/sortable.js#pointerAt"));
 /** The pressing pointer's moves, release and cancel; another pointer's are not the list's. */
-export const pointerMessages = (hold) => {
-    const fromPressing = (type) => __foldkitBrandViewResult((Stream.fromEventListener(document, type).pipe(Stream.filter((event) => __foldkitBrandViewResult((event.pointerId === hold.pointerId), "@gjermundgaraba-designs/pixel-paper/src/sortable/sortable.js#anonymous~25")))), "@gjermundgaraba-designs/pixel-paper/src/sortable/sortable.js#fromPressing");
-    const streams = [
-        Stream.map(fromPressing("pointermove"), (event) => __foldkitBrandViewResult((Message.MovedPointer(pointerAt(hold, event))), "@gjermundgaraba-designs/pixel-paper/src/sortable/sortable.js#anonymous~26")),
-        Stream.map(fromPressing("pointerup"), (event) => __foldkitBrandViewResult((Message.ReleasedPointer(pointerAt(hold, event))), "@gjermundgaraba-designs/pixel-paper/src/sortable/sortable.js#anonymous~27")),
-        Stream.map(fromPressing("pointercancel"), () => __foldkitBrandViewResult((Message.CancelledPointer()), "@gjermundgaraba-designs/pixel-paper/src/sortable/sortable.js#anonymous~28")),
-    ];
-    return __foldkitBrandViewResult((Stream.mergeAll(streams, { concurrency: "unbounded" })), "@gjermundgaraba-designs/pixel-paper/src/sortable/sortable.js#pointerMessages");
-};
+export const pointerMessages = (hold) => __foldkitBrandViewResult((Stream.map(pressingPointer(hold.pointerId), (event) => __foldkitBrandViewResult((Match.value(event.type).pipe(Match.when("pointermove", () => __foldkitBrandViewResult((Message.MovedPointer(pointerAt(hold, event))), "@gjermundgaraba-designs/pixel-paper/src/sortable/sortable.js#anonymous~26")), Match.when("pointerup", () => __foldkitBrandViewResult((Message.ReleasedPointer(pointerAt(hold, event))), "@gjermundgaraba-designs/pixel-paper/src/sortable/sortable.js#anonymous~27")), Match.orElse(() => __foldkitBrandViewResult((Message.CancelledPointer()), "@gjermundgaraba-designs/pixel-paper/src/sortable/sortable.js#anonymous~28")))), "@gjermundgaraba-designs/pixel-paper/src/sortable/sortable.js#anonymous~25"))), "@gjermundgaraba-designs/pixel-paper/src/sortable/sortable.js#pointerMessages");
 const ownSubscriptions = Subscription.make()((entry) => (__foldkitBrandViewResult(({
     pointer: entry({ maybeHold: Schema.Option(PointerHold) }, {
         modelToDependencies: (model) => (__foldkitBrandViewResult(({

package/dist/src/toast/toast.d.ts

@@ -326,8 +326,6 @@ export declare const update: (model: Model, message: Message) => Readonly<{
                 readonly pendingDismissVersion: number;
                 readonly isHovered: boolean;
                 readonly swipeState: {
-                    readonly _tag: "Idle";
-                } | {
                     readonly _tag: "Dismissing";
                     readonly offsetX: number;
                     readonly direction: "Left" | "Right";
@@ -336,6 +334,8 @@ export declare const update: (model: Model, message: Message) => Readonly<{
                     readonly pointerId: number;
                     readonly startX: number;
                     readonly currentX: number;
+                } | {
+                    readonly _tag: "Idle";
                 } | {
                     readonly _tag: "Settling";
                     readonly offsetX: number;
@@ -371,15 +371,15 @@ export declare const update: (model: Model, message: Message) => Readonly<{
             readonly _tag: "GotAnimationMessage";
             readonly entryId: string;
             readonly message: {
-                readonly _tag: "Hid";
-            } | {
-                readonly _tag: "Showed";
-            } | {
                 readonly _tag: "CompletedWaitForPaint";
                 readonly generation: number;
             } | {
                 readonly _tag: "EndedAnimation";
                 readonly generation: number;
+            } | {
+                readonly _tag: "Hid";
+            } | {
+                readonly _tag: "Showed";
             };
         } | {
             readonly _tag: "HoveredEntry";
@@ -557,8 +557,6 @@ export declare const view: import("foldkit/submodel").View<{
             readonly pendingDismissVersion: number;
             readonly isHovered: boolean;
             readonly swipeState: {
-                readonly _tag: "Idle";
-            } | {
                 readonly _tag: "Dismissing";
                 readonly offsetX: number;
                 readonly direction: "Left" | "Right";
@@ -567,6 +565,8 @@ export declare const view: import("foldkit/submodel").View<{
                 readonly pointerId: number;
                 readonly startX: number;
                 readonly currentX: number;
+            } | {
+                readonly _tag: "Idle";
             } | {
                 readonly _tag: "Settling";
                 readonly offsetX: number;
@@ -602,15 +602,15 @@ export declare const view: import("foldkit/submodel").View<{
         readonly _tag: "GotAnimationMessage";
         readonly entryId: string;
         readonly message: {
-            readonly _tag: "Hid";
-        } | {
-            readonly _tag: "Showed";
-        } | {
             readonly _tag: "CompletedWaitForPaint";
             readonly generation: number;
         } | {
             readonly _tag: "EndedAnimation";
             readonly generation: number;
+        } | {
+            readonly _tag: "Hid";
+        } | {
+            readonly _tag: "Showed";
         };
     } | {
         readonly _tag: "HoveredEntry";

package/dist/src/window/window.d.ts

@@ -6,6 +6,8 @@ export type ViewConfig<Message> = Readonly<{
     id: string;
     /** Pixel caps in the inverted title bar. */
     title: string;
+    /** A quiet IconButton before the kind glyph: a Reel's grip. */
+    lead?: ReadonlyArray<Html>;
     /** What kind of thing it is: a terminal, a note, a machine. */
     glyph?: GlyphName;
     /** A chip in the title bar: its state. */

package/dist/src/window/window.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"window.d.ts","sourceRoot":"","sources":["../../../src/window/window.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAGtD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAOpD,wDAAwD;AACxD,MAAM,MAAM,UAAU,CAAC,OAAO,IAAI,QAAQ,CAAC;IACzC,oFAAoF;IACpF,EAAE,EAAE,MAAM,CAAC;IACX,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,+DAA+D;IAC/D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,aAAa,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;IACtC,sDAAsD;IACtD,KAAK,CAAC,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC;IAC5B,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,aAAa,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;IACnC,iEAAiE;IACjE,IAAI,CAAC,EAAE,aAAa,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;IACpC,8DAA8D;IAC9D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC,CAAC;AAEH;;6DAE6D;AAC7D,eAAO,MAAM,IAAI,GAAI,OAAO,UAAU,UAAU,CAAC,OAAO,CAAC,KAAK,WAAW,CAAC,OAAO,CAAC,KAAG,IAoCpF,CAAC"}
+{"version":3,"file":"window.d.ts","sourceRoot":"","sources":["../../../src/window/window.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAGtD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAOpD,wDAAwD;AACxD,MAAM,MAAM,UAAU,CAAC,OAAO,IAAI,QAAQ,CAAC;IACzC,oFAAoF;IACpF,EAAE,EAAE,MAAM,CAAC;IACX,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,+DAA+D;IAC/D,IAAI,CAAC,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC;IAC3B,+DAA+D;IAC/D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,aAAa,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;IACtC,sDAAsD;IACtD,KAAK,CAAC,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC;IAC5B,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,aAAa,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;IACnC,iEAAiE;IACjE,IAAI,CAAC,EAAE,aAAa,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;IACpC,8DAA8D;IAC9D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC,CAAC;AAEH;;6DAE6D;AAC7D,eAAO,MAAM,IAAI,GAAI,OAAO,UAAU,UAAU,CAAC,OAAO,CAAC,KAAK,WAAW,CAAC,OAAO,CAAC,KAAG,IAsCpF,CAAC"}

package/dist/src/window/window.js

@@ -7,13 +7,14 @@ import { slotView } from "../slot/slot.js";
  *  its body scrolls inside, and its title bar carries its kind, its state and its tools. A
  *  region landmark (`<section>`) named by its `h2` title. */
 export const view = (config, h) => {
-    const { id, title, glyph, status = [], tools = [], onClose, body, foot = [], isFlush = false, } = config;
+    const { id, title, lead = [], glyph, status = [], tools = [], onClose, body, foot = [], isFlush = false, } = config;
     return __foldkitBrandViewResult((h.section([
         h.Id(id),
         h.AriaLabelledBy(titleId(id)),
         h.Class(isFlush ? "panel window flush" : "panel window"),
     ], [
         h.header([h.Class("panel-tb")], [
+            ...slotView("span", "panel-lead", lead, h),
             ...(glyph === undefined ? [] : [Glyph.view({ name: glyph }, h)]),
             h.h2([h.Id(titleId(id))], [title]),
             ...status,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gjermundgaraba-designs/pixel-paper",
-  "version": "0.18.0",
+  "version": "0.20.0",
   "license": "MIT",
   "repository": {
     "type": "git",

package/src/commandPalette/commandPalette.ts

@@ -1,5 +1,5 @@
 import { Input as UiInput } from "@foldkit/ui";
-import { Array, Effect, Match, Option, Schema, Stream, String, pipe } from "effect";
+import { Array, Effect, HashSet, Match, Option, Schema, Stream, String, pipe } from "effect";
 import * as FoldkitCommand from "foldkit/command";
 import * as Dom from "foldkit/dom";
 import type { Attribute, Html, HtmlBuilder, KeyboardModifiers } from "foldkit/html";
@@ -27,7 +27,7 @@ import {
   earlyKeys,
   shownPageOf,
 } from "./keys.ts";
-import { findChoices, findCommands } from "./match.ts";
+import { findCommands, pageChoices } from "./match.ts";
 import type { Choice, Command, Page } from "./match.ts";
 import { Message } from "./message.ts";
 import type { ArrowKey, ShownRow } from "./message.ts";
@@ -571,6 +571,8 @@ type ShownPageState = Readonly<{ commandId: string; page: Page; state: OpenPage
 type Shown = Readonly<{
   maybePage: Option.Option<ShownPageState>;
   rows: ReadonlyArray<Choice | Command>;
+  /** The rows a page's query keeps only to show where a row it finds sits in the tree. */
+  contextIds: HashSet.HashSet<string>;
   maybeCursorId: Option.Option<string>;
 }>;
 
@@ -581,16 +583,17 @@ const pageOf = (commands: ReadonlyArray<Command>, state: OpenPage): Option.Optio
     Option.map((page) => ({ commandId: state.commandId, page, state })),
   );
 
-const cursorOn = (
+const isListed = (rows: ReadonlyArray<Choice | Command>, rowId: string): boolean =>
+  Array.some(rows, (row) => row.id === rowId);
+
+const firstListed = (
   rows: ReadonlyArray<Choice>,
   candidates: ReadonlyArray<Option.Option<string>>,
 ): Option.Option<string> =>
-  Option.orElse(
-    Array.findFirst(Array.getSomes(candidates), (cursorId) =>
-      Array.some(rows, (row) => row.id === cursorId),
-    ),
-    () => Option.map(Array.head(rows), (row) => row.id),
-  );
+  Array.findFirst(Array.getSomes(candidates), (cursorId) => isListed(rows, cursorId));
+
+const firstId = (rows: ReadonlyArray<Choice | Command>): Option.Option<string> =>
+  Option.map(Array.head(rows), (row) => row.id);
 
 const shifted = (shown: Shown, shift: number): Shown => ({
   ...shown,
@@ -610,34 +613,51 @@ const shownOf = (model: Model, commands: ReadonlyArray<Command>): Shown => {
 };
 
 // What the view shows of the Model with `commands`: the open page while its command is
-// listed, the rows its query finds, 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;
-// none when nothing is listed.
+// 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: Model, commands: ReadonlyArray<Command>): Shown => {
   const maybePage = Option.flatMap(model.maybePage, (state) => pageOf(commands, state));
   return Option.match(maybePage, {
     onNone: () => {
       const rows = findCommands(commands, model.query);
-      return { maybePage, rows, maybeCursorId: cursorOn(rows, [model.maybeCursor]) };
+      return {
+        maybePage,
+        rows,
+        contextIds: HashSet.empty(),
+        maybeCursorId: pipe(
+          Option.filter(model.maybeCursor, (rowId) => isListed(rows, rowId)),
+          Option.orElse(() => firstId(rows)),
+        ),
+      };
     },
     onSome: ({ page, state }) => {
-      const rows = findChoices(page, state.query);
+      const { rows, found } = pageChoices(page, state.query);
+      const idsOf = (choices: ReadonlyArray<Choice>) =>
+        HashSet.fromIterable(Array.map(choices, ({ id }) => id));
       return {
         maybePage,
         rows,
-        maybeCursorId: cursorOn(rows, [
-          state.maybeCursor,
-          Option.fromNullishOr(page.start),
-          Option.fromNullishOr(page.current),
-        ]),
+        contextIds: HashSet.difference(idsOf(rows), idsOf(found)),
+        maybeCursorId: pipe(
+          Option.filter(state.maybeCursor, (rowId) => isListed(rows, rowId)),
+          Option.orElse(() =>
+            firstListed(found, [
+              Option.fromNullishOr(page.start),
+              Option.fromNullishOr(page.current),
+            ]),
+          ),
+          Option.orElse(() => firstId(found)),
+        ),
       };
     },
   });
 };
 
 /** 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`, else the first row; none
- *  when nothing is listed. Compare it before and after the caller's commands change to know
+ *  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 = (
@@ -650,6 +670,12 @@ const isCommand = (row: Choice | Command): row is Command => "group" in row;
 const isCurrentRow = (shown: Shown, row: Choice | Command): boolean =>
   Option.exists(shown.maybePage, ({ page }) => page.current === row.id);
 
+const isContextRow = (shown: Shown, row: Choice | Command): boolean =>
+  HashSet.has(shown.contextIds, row.id);
+
+const levelOf = (row: Choice | Command): Option.Option<number> =>
+  "level" in row ? Option.fromNullishOr(row.level) : Option.none();
+
 // What a row is as this render shows it, which Enter acts on as a click would.
 const shownRowFor = (shown: Shown, row: Choice | Command): ShownRow => ({
   id: row.id,
@@ -718,7 +744,13 @@ const rowPartsView = (
     ...(row.glyph === undefined
       ? []
       : [h.span([h.Class("glyph")], [Glyph.view({ name: row.glyph }, h)])]),
-    h.span([h.Class("palette-label")], [row.label]),
+    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)])]
       : []),
@@ -745,7 +777,20 @@ const rowView = (
       ...(shownRow.isHeld ? [h.AriaDisabled(true)] : []),
       h.DataAttribute(ROW_ATTRIBUTE, row.id),
       ...(shownRow.hasPage ? [h.DataAttribute(OPENS_PAGE_ATTRIBUTE, "")] : []),
-      h.Class(row.isAuthored === true ? "palette-row authored" : "palette-row"),
+      h.Class(
+        Array.join(
+          [
+            "palette-row",
+            ...(row.isAuthored === true ? ["authored"] : []),
+            ...(isContextRow(shown, row) ? ["context"] : []),
+          ],
+          " ",
+        ),
+      ),
+      ...Option.match(levelOf(row), {
+        onNone: () => [],
+        onSome: (level) => [h.Style({ "--palette-level": `${level}` })],
+      }),
       ...(shownRow.isHeld || isPicking(model)
         ? []
         : [h.OnClick(Message.ClickedRow({ row: shownRow, maybeShownPage: shownPageIdOf(shown) }))]),
@@ -898,7 +943,9 @@ const countView = (model: Model, shown: Shown, h: HtmlBuilder<Message>): Html =>
   const shownQuery = shownQueryOf(model, shown);
   return h.div(
     [h.Role("status"), h.Class("sr-only")],
-    String.isEmpty(shownQuery) ? [] : [countWords(shown.rows.length)],
+    String.isEmpty(shownQuery)
+      ? []
+      : [countWords(shown.rows.length - HashSet.size(shown.contextIds))],
   );
 };
 

package/src/commandPalette/match.ts

@@ -1,4 +1,4 @@
-import { Array, Option, Order, String, pipe } from "effect";
+import { Array, HashSet, Option, Order, String, pipe } from "effect";
 
 import type { GlyphName } from "../glyph/glyphs.ts";
 
@@ -19,6 +19,9 @@ export type Choice = Readonly<{
   isDisabled?: boolean;
   /** Why it cannot run now (`"No item open"`), printed in place of the hint while held. */
   reason?: string;
+  /** On a page, its depth in the page's tree, from 1 at the roots: it sits under the nearest
+   *  choice before it one level up, and indents by its depth. A page without levels is flat. */
+  level?: number;
 }>;
 
 /** A page of choices a command opens in place (a status, a date, a destination). */
@@ -30,15 +33,15 @@ export type Page = Readonly<{
   find?: string;
   /** The choice in force now: tagged current, and not picked again. */
   current?: string;
-  /** Where the cursor starts while the reader has not moved it: this choice while it is
-   *  listed, else `current`, else the first choice (the next status after the current one; the
-   *  first a typed query finds). */
+  /** Where the cursor starts while the reader has not moved it: this choice while the query
+   *  finds it, else `current` while the query finds it, else the first choice the query finds
+   *  (the next status after the current one; the first a typed query finds). */
   start?: string;
 }>;
 
 /** One command, under its group's heading. With a `page` it opens that page in place instead
  *  of being selected. */
-export type Command = Choice & Readonly<{ group: string; page?: Page }>;
+export type Command = Omit<Choice, "level"> & Readonly<{ group: string; page?: Page }>;
 
 // MATCHING
 
@@ -75,8 +78,34 @@ export const findCommands = (
   return Array.sort(ordered, Order.mapInput(Order.Number, groupIndex));
 };
 
-/** The choices a page shows for its query. */
+/** The choices a page's query finds. */
 export const findChoices = (page: Page, query: string): ReadonlyArray<Choice> =>
   String.isEmpty(String.trim(query))
     ? page.choices
     : Array.filter(page.choices, (choice) => matches(query, choice.label));
+
+type Walk = Readonly<{ chain: ReadonlyArray<Choice>; keptIds: HashSet.HashSet<string> }>;
+
+const WALK_START: Walk = { chain: [], keptIds: HashSet.empty() };
+
+/** What a page shows for its query: the choices it finds, and the rows, which are those
+ *  choices each with the choices it sits under in the page's tree, in the page's order. */
+export type PageChoices = Readonly<{
+  rows: ReadonlyArray<Choice>;
+  found: ReadonlyArray<Choice>;
+}>;
+
+export const pageChoices = (page: Page, query: string): PageChoices => {
+  const found = findChoices(page, query);
+  const foundIds = HashSet.fromIterable(Array.map(found, ({ id }) => id));
+  const { keptIds } = Array.reduce(page.choices, WALK_START, ({ chain, keptIds }, choice): Walk => {
+    const nextChain = Array.append(Array.take(chain, (choice.level ?? 1) - 1), choice);
+    return {
+      chain: nextChain,
+      keptIds: HashSet.has(foundIds, choice.id)
+        ? HashSet.union(keptIds, HashSet.fromIterable(Array.map(nextChain, ({ id }) => id)))
+        : keptIds,
+    };
+  });
+  return { rows: Array.filter(page.choices, ({ id }) => HashSet.has(keptIds, id)), found };
+};