@neta-art/cohub 11.3.3 → 11.4.0

package/README.md

@@ -218,6 +218,12 @@ editor.addItem("acme.order", { at: editor.viewCenter(), props: { orderId: "o-1",
 // React: const selection = useSyncExternalStore((fn) => editor.subscribe("selection", fn), () => editor.selection);
 ```
 
+For draggable DOM item views, use `createBoardPointerGestures(element, { move, end })`
+from `board/stage`: call `start(event)` for accepted pointer downs and `cancel()`
+on unmount. It follows active pointers outside the element, preserves mouse gestures
+when capture is lost, and cancels on window blur or page hide. Forward events through
+`context.toPointerEvent` to the editor; keep hover handling separate from active gestures.
+
 Items of a type the client does not know still render as a placeholder, move
 and keep every field, so documents written by newer clients are never
 rewritten by older ones. For a canvas look instead of DOM, pass renderers to
@@ -257,6 +263,25 @@ const stop = session.subscribe({
 stop();
 ```
 
+## Space wallets
+
+```ts
+const wallet = client.space(spaceId).wallet;
+const balance = await wallet.get();
+const catalog = await wallet.catalog();
+const activity = await wallet.activities(1);
+const { checkout, orderId } = await wallet.createOrder({
+  id: crypto.randomUUID(), // Persist and reuse this ID when retrying.
+  productKey,
+});
+const confirmation = await wallet.confirmOrder(orderId);
+```
+
+Open `checkout.checkoutUrl` to pay. Confirmation requires the contributor's
+session; a payment redirect is not proof of settlement. Space funds pay whole
+usage charges when sufficient, otherwise the original user's balance is used.
+Personal balance transfers and withdrawals are not supported.
+
 ## Apps and the App runtime
 
 An **App** (previously *Work*) is a published, shareable web page hosted by

package/dist/board/editor/clipboard.js

@@ -1,6 +1,6 @@
 import { parseBoardItem } from "../../protocol/dist/board-model.js";
-import { arrowBindings, isArrowBinding } from "../../protocol/dist/board-layout.js";
 import { BOARD_CLIPBOARD_KIND, BOARD_CLIPBOARD_MIME } from "../../protocol/dist/board.js";
+import { arrowBindings, isArrowBinding } from "../../protocol/dist/board-layout.js";
 import { createBoardItemId } from "../model/items/id.js";
 //#region src/board/editor/clipboard.ts
 /** How far a duplicate or repeated paste lands from its source. */

package/dist/board/editor/creation.js

@@ -1,6 +1,6 @@
 import { IDENTITY_MATRIX, applyMatrix, invertMatrix } from "../../protocol/dist/board-layout.js";
-import { rectCenter } from "../model/geometry.js";
 import { buildBoardScene } from "../model/scene.js";
+import { rectCenter } from "../model/geometry.js";
 import { isShapeKind } from "../model/shape-types.js";
 import { createBoardItemId } from "../model/items/id.js";
 import { createAppBoardItem, createArrowBoardItem, createDrawBoardItem, createFileNodeForPath, createFrameBoardItem, createMediaBoardItem, createShapeBoardItem, createTaskBoardItem, createTextBoardItem } from "../model/items/create.js";

package/dist/board/editor/editor.js

@@ -1,8 +1,8 @@
 import { clampBoardStrokeSize } from "../../protocol/dist/board-constants.js";
-import { hasBoardScripts } from "../model/script-index.js";
-import { normalizeViewport } from "../model/geometry.js";
 import { buildBoardScene } from "../model/scene.js";
+import { normalizeViewport } from "../model/geometry.js";
 import { isBoardColorId } from "../model/palette.js";
+import { hasBoardScripts } from "../model/script-index.js";
 import { isShapeKind } from "../model/shape-types.js";
 import { createBoardToolStyles } from "../model/tool-styles.js";
 import { titleForBoardItem } from "../model/items/create.js";

package/dist/board/editor/selection.js

@@ -1,5 +1,5 @@
-import { selectionBounds } from "../model/geometry.js";
 import { sceneItemToItem } from "../model/scene.js";
+import { selectionBounds } from "../model/geometry.js";
 import { alignFrames, distributeFrames } from "./align.js";
 import { resolveSelectionTransform } from "./selection-transform.js";
 import { memo } from "./state.js";

package/dist/board/export/index.js

@@ -1,9 +1,9 @@
 import { buildBoardScene } from "../model/scene.js";
 import { resolveBoardAnimationCamera } from "../model/sampling.js";
-import { normalizeBoardDocument, planBoardExport } from "../model/export-plan.js";
 import { parseBoardCssColor } from "../render/css-color.js";
 import { defaultBoardPalette } from "../render/palette.js";
 import { createBoardRenderSampler } from "../render/sampling.js";
+import { normalizeBoardDocument, planBoardExport } from "../model/export-plan.js";
 import { ensureBoardTextMeasurement } from "../render/text-measurement.js";
 import { createBoardExportScene } from "./scene.js";
 import { Rectangle, RendererType } from "pixi.js";

package/dist/board/export/node/scripts.js

@@ -1,5 +1,5 @@
-import { boardScriptScope, composeBoardScriptItems } from "../../model/script-scene.js";
 import { buildBoardScene } from "../../model/scene.js";
+import { boardScriptScope, composeBoardScriptItems } from "../../model/script-scene.js";
 import { createBoardScriptModuleReader, loadBoardScriptSources } from "../../../protocol/dist/board-script-modules.js";
 import { createScriptRuntime } from "../../render/script-runtime.js";
 import { initializeBoardFonts } from "./fonts.js";

package/dist/board/export/scene.js

@@ -1,9 +1,9 @@
 import { buildFallbackShapeColors } from "../model/palette.js";
-import { imageAssetKey } from "../model/image-key.js";
 import { defaultBoardPalette } from "../render/palette.js";
 import { clippingAncestor, isClippingFrame, syncClipGroup } from "../render/clip.js";
 import { DEFAULT_BOARD_RENDER_LABELS, getBoardCardRenderer } from "../render/renderers/board-renderer-registry.js";
 import { resolveBoardRenderStyle } from "../render/style.js";
+import { imageAssetKey } from "../model/image-key.js";
 import { Container, Graphics, Sprite, TilingSprite } from "pixi.js";
 //#region src/board/export/scene.ts
 function buildContext(input) {

package/dist/board/model/index.js

@@ -1,36 +1,36 @@
 import { BOARD_STROKE_MAX_SIZE, BOARD_STROKE_MIN_SIZE, clampBoardStrokeSize } from "../../protocol/dist/board-constants.js";
 import { isPublicBoardRemoteAddress, normalizeBoardRemoteUrl } from "../../protocol/dist/board-url.js";
 import { BOARD_ANCHOR_SIDES, BOARD_ARROW_ROUTES, BOARD_CAMERA_TARGET, BOARD_COLOR_TOKENS, BOARD_DASHES, BOARD_DERIVED_SIZE_TYPES, BOARD_EFFECT_KINDS, BOARD_EFFECT_KIND_INFO, BOARD_ENTER_PRESETS, BOARD_EXTENSION_TYPE_PATTERN, BOARD_GRID_DEFAULT_SIZE, BOARD_GRID_MAX_SIZE, BOARD_GRID_MIN_SIZE, BOARD_ID_MAX_LENGTH, BOARD_ITEM_SCHEMAS, BOARD_ITEM_TYPES, BOARD_PLAY_MODES, BOARD_SHAPE_GEOMETRIES, BOARD_TASK_ARTIFACT_LIMIT, BOARD_TEXT_ALIGNS, BoardAnimationHeaderSchema, BoardAnimationSchema, BoardArrowAnchorSchema, BoardArrowBindingSchema, BoardArrowEndSchema, BoardArrowItemSchema, BoardAudioItemSchema, BoardBackgroundSchema, BoardColorSchema, BoardCropSchema, BoardCustomItemSchema, BoardDrawItemSchema, BoardDrawPointSchema, BoardEaseSchema, BoardEffectItemSchema, BoardExtensionItemSchema, BoardFileItemSchema, BoardFrameItemSchema, BoardIdSchema, BoardImageItemSchema, BoardKeySchema, BoardKeyframeSchema, BoardMarkerSchema, BoardMediaOriginSchema, BoardMediaSnapshotSchema, BoardMediaSourceSchema, BoardPatchSchema, BoardScriptSchema, BoardSettingsSchema, BoardShapeItemSchema, BoardSizeSchema, BoardStyleSchema, BoardTaskArtifactSchema, BoardTaskItemSchema, BoardTaskSnapshotSchema, BoardTextItemSchema, BoardTrackSchema, BoardVec2Schema, BoardVideoItemSchema, boardItemSchema, emptyBoardDocument, hasAuthoredSize, isBoardColorString, isBoardEase, isBuiltinItem, isBuiltinItemType, isEmptyBoardDelta, isFileBackedItem, isMediaItem, isSafeBoardSourcePath, parseBoardItem, parseBoardMediaSource } from "../../protocol/dist/board-model.js";
+import { isBoardPath, parseBoardManifest, serializeBoardManifest } from "../../protocol/dist/board.js";
 import { IDENTITY_MATRIX, anchorPoint, applyMatrix, arrowBindings, autoAnchorSide, bendControl, clampBoardFontSize, createBoardLayout, createDocumentLayout, drawPointsBounds, drawSampleRadius, estimateTextWidth, framePoint, invertMatrix, isArrowBinding, layoutBoardText, multiplyMatrix, pointsRect, rotateAround, scaleVector, setBoardTextMeasurer, sideAnchor } from "../../protocol/dist/board-layout.js";
 import { applyBoardDelta, applyBoardPatch, applyBoardPatchToDocument, boardPatchTouches, createDocumentState, diffBoardDocuments, diffMergePatch, isEmptyBoardPatch, listBoardProperties, mergePatch, parseBoardDocument, pruneBoardTrack, resolveBoardProperty, trackReferences } from "../../protocol/dist/board-patch.js";
-import { isBoardPath, parseBoardManifest, serializeBoardManifest } from "../../protocol/dist/board.js";
 import { BOARD_SCHEMA_TARGETS, boardJsonSchema, boardSchemaOverview } from "../../protocol/dist/board-schema.js";
 import { BOARD_TASK_SOURCE_PREFIX, boardTaskSource, featuredTaskArtifact, rankedTaskArtifacts, taskArtifactPreviewUrl, taskArtifacts, taskRunArtifacts, taskRunToBoardTaskSnapshot, withObservedArtifactFacts } from "../../protocol/dist/board-task.js";
-import { placeBoardOverlay } from "./overlay-placement.js";
-import { boardScriptItems, hasBoardScripts } from "./script-index.js";
+import { applyBoardEvaluation, boardAnimationTime, boardDocumentAt, boardEase, compileBoardAnimations, evaluateBoardAnimations, parseHexColor, sampleBoardTrack } from "./animation.js";
+import { buildBoardScene, orderBoardItems, placeItem, refreshBoardScene, sceneItemToItem, sceneItemsToRecord, toSceneItem } from "./scene.js";
 import { CORNER_RESIZE_HANDLES, CORNER_ROTATION_ZONE_WIDTH, EDGE_RESIZE_HANDLES, FIT_PADDING, HANDLE_DIRECTION, HANDLE_HIT_RADIUS, MAX_BOARD_ZOOM, MIN_BOARD_ZOOM, MIN_ITEM_SIZE, RESIZE_HANDLES, ROTATION_HANDLE_OFFSET, VIEWPORT_MARGIN_RATIO, angleFromCenter, cameraForFocus, cameraForRect, cameraForState, clamp, clampZoom, degToRad, expandRect, fitToContent, frameContainsPoint, frameCornerRotationHandleAt, frameCorners, frameEdgeHandleAt, frameHandlePosition, frameRayIntersection, frameRect, handlePosition, itemBounds, normalizeRotation, normalizeViewport, normalizedPoint, panBy, pointToWorld, pointsBounds, radToDeg, rectCenter, rectContainsPoint, rectForCameraFocus, rectsIntersect, resizeFrame, resizeFrameToSize, rotateFrames, rotatePointAround, rotationHandleAnchor, rotationHandlePosition, scaleFrames, screenOffset, screenPoint, screenToWorld, selectionBounds, stableCullRect, unionRects, visibleWorldRect, worldOffset, worldPoint, worldRect, worldToScreen, zoomAround } from "./geometry.js";
+import { createBoardAnimationSampler, resolveBoardAnimationCamera } from "./sampling.js";
+import { BOARD_COLORS, DEFAULT_BOARD_COLOR, boardColorCssVar, buildFallbackShapeColors, isBoardColorId, pickBoardColor, resolveBoardColor, resolveItemColor } from "./palette.js";
+import { ARROW_BINDING_GAP, arrowHitRadius, arrowPathBounds, distanceToArrow, pathMidpoint, pathPointAt, resolveAnchor, resolveArrow, resolveSceneArrow } from "./arrow-geometry.js";
+import { BOARD_EXPORT_DEFAULT_PADDING, BOARD_EXPORT_DEFAULT_SCALE, BOARD_EXPORT_ITEM_WARN_THRESHOLD, BOARD_EXPORT_MAX_EDGE, BOARD_EXPORT_MAX_PIXELS, exportItemBounds, normalizeBoardDocument, planBoardExport } from "./export-plan.js";
+import { TEXT_FONT_FAMILY, TEXT_FONT_SIZE, TEXT_LINE_HEIGHT, TEXT_MAX_FONT_SIZE, TEXT_MIN_FONT_SIZE, boardFontFamily } from "./text-metrics.js";
+import { boardModelFormat, getMediaExtension, getMediaResourceTitle, inferBoardMediaKind, isBoardModelItem } from "./media.js";
+import { FILE_EXCERPT_MAX_BYTES, FILE_EXCERPT_MAX_CHARS, buildCodeExcerpt, buildFileExcerpt, buildFileSnapshot, fileBaseName, fileCategory, fileStem, readCoverFromFrontmatter, readFrontmatterScalars, readTitleFromFrontmatter, resolveCoverRef, resolveFileTitle, resolveSpacePath, shouldFetchFileExcerpt, splitFrontmatter } from "./file-snapshot.js";
+import { availabilityFromError, fileCategoryAccent, fileMetaLine, filePreviewKind, filePreviewMemoKey, filePreviewScope, fileTypeLabel, formatFileSize, isFileSnapshotFresh, mergeFileSnapshot } from "./file-preview.js";
+import { buildStrokeOutline, buildStrokeRibbonGeometry, computeDrawBounds, createStrokeRibbonBuilder, distanceToStroke, isStrokeCorner, sampleRadius, simplifyDrawIndices, trimDrawPoints } from "./draw-geometry.js";
+import { boardScriptItems, hasBoardScripts } from "./script-index.js";
 import { boardScriptScope, composeBoardScriptItems, prepareBoardScriptOutput, scriptTemporaryPrefix, validateBoardScriptCommit, validateBoardScriptOutput } from "./script-scene.js";
 import { boardScriptHitVisible, boardScriptTarget, resolveBoardScriptHit } from "./script-hit.js";
+import { boardImageKeySource, imageAssetKey } from "./image-key.js";
+import { placeBoardOverlay } from "./overlay-placement.js";
 import { BOARD_SCRIPT_API } from "./script-api.js";
 import { BOARD_SCRIPT_DRAWING_EXAMPLE } from "./script-example.js";
-import { applyBoardEvaluation, boardAnimationTime, boardDocumentAt, boardEase, compileBoardAnimations, evaluateBoardAnimations, parseHexColor, sampleBoardTrack } from "./animation.js";
-import { buildBoardScene, orderBoardItems, placeItem, refreshBoardScene, sceneItemToItem, sceneItemsToRecord, toSceneItem } from "./scene.js";
-import { createBoardAnimationSampler, resolveBoardAnimationCamera } from "./sampling.js";
 import { boardPathTrack, boardSequence, boardSequencePatch } from "./authoring.js";
 import { BOARD_PRESET_NAMES, boardNestedAnimation, boardNestedAnimationTrack, boardPresetTracks, isBoardPresetName, listBoardPresets } from "./presets.js";
-import { ARROW_BINDING_GAP, arrowHitRadius, arrowPathBounds, distanceToArrow, pathMidpoint, pathPointAt, resolveAnchor, resolveArrow, resolveSceneArrow } from "./arrow-geometry.js";
-import { buildStrokeOutline, buildStrokeRibbonGeometry, computeDrawBounds, createStrokeRibbonBuilder, distanceToStroke, isStrokeCorner, sampleRadius, simplifyDrawIndices, trimDrawPoints } from "./draw-geometry.js";
 import { appendBoardDrawSamples, quantizeDrawCoordinate } from "./draw-input.js";
 import { BOARD_EXPORT_MAX_TEXTURES, selectBoardExportAssets } from "./export-assets.js";
-import { BOARD_EXPORT_DEFAULT_PADDING, BOARD_EXPORT_DEFAULT_SCALE, BOARD_EXPORT_ITEM_WARN_THRESHOLD, BOARD_EXPORT_MAX_EDGE, BOARD_EXPORT_MAX_PIXELS, exportItemBounds, normalizeBoardDocument, planBoardExport } from "./export-plan.js";
-import { boardModelFormat, getMediaExtension, getMediaResourceTitle, inferBoardMediaKind, isBoardModelItem } from "./media.js";
-import { FILE_EXCERPT_MAX_BYTES, FILE_EXCERPT_MAX_CHARS, buildCodeExcerpt, buildFileExcerpt, buildFileSnapshot, fileBaseName, fileCategory, fileStem, readCoverFromFrontmatter, readFrontmatterScalars, readTitleFromFrontmatter, resolveCoverRef, resolveFileTitle, resolveSpacePath, shouldFetchFileExcerpt, splitFrontmatter } from "./file-snapshot.js";
-import { availabilityFromError, fileCategoryAccent, fileMetaLine, filePreviewKind, filePreviewMemoKey, filePreviewScope, fileTypeLabel, formatFileSize, isFileSnapshotFresh, mergeFileSnapshot } from "./file-preview.js";
-import { BOARD_COLORS, DEFAULT_BOARD_COLOR, boardColorCssVar, buildFallbackShapeColors, isBoardColorId, pickBoardColor, resolveBoardColor, resolveItemColor } from "./palette.js";
 import { SHAPE_KINDS, isShapeKind } from "./shape-types.js";
-import { TEXT_FONT_FAMILY, TEXT_FONT_SIZE, TEXT_LINE_HEIGHT, TEXT_MAX_FONT_SIZE, TEXT_MIN_FONT_SIZE, boardFontFamily } from "./text-metrics.js";
 import { DEFAULT_BOARD_TOOL_STYLES, createBoardToolStyles } from "./tool-styles.js";
-import { boardImageKeySource, imageAssetKey } from "./image-key.js";
 import { FULL_CAPABILITIES, defineBoardItem } from "./items/definition.js";
 import { builtinBoardItems } from "./items/builtin.js";
 import { createBoardEntityId, createBoardItemId } from "./items/id.js";

package/dist/board/model/items/create.js

@@ -1,10 +1,10 @@
 import { BoardMediaOriginSchema, parseBoardItem } from "../../../protocol/dist/board-model.js";
 import { pointsRect } from "../../../protocol/dist/board-layout.js";
 import { featuredTaskArtifact } from "../../../protocol/dist/board-task.js";
-import { quantizeDrawCoordinate } from "../draw-input.js";
 import { boardModelFormat, getMediaResourceTitle, inferBoardMediaKind } from "../media.js";
 import { fileStem } from "../file-snapshot.js";
 import { filePreviewKind } from "../file-preview.js";
+import { quantizeDrawCoordinate } from "../draw-input.js";
 import { DEFAULT_BOARD_TOOL_STYLES } from "../tool-styles.js";
 import { createBoardItemId } from "./id.js";
 //#region src/board/model/items/create.ts

package/dist/board/model/sampling.js

@@ -1,7 +1,7 @@
 import { arrowBindings } from "../../protocol/dist/board-layout.js";
-import { cameraForFocus, cameraForState } from "./geometry.js";
 import { applyBoardEvaluation, boardAnimationTime, compileBoardAnimations, evaluateBoardAnimations } from "./animation.js";
 import { buildBoardScene } from "./scene.js";
+import { cameraForFocus, cameraForState } from "./geometry.js";
 //#region src/board/model/sampling.ts
 function createBoardAnimationSampler(document, animation, options = {}) {
 	const selected = animation ? document.animations[animation] : void 0;

package/dist/board/render/media-interaction.js

@@ -1,7 +1,7 @@
 import { featuredTaskArtifact } from "../../protocol/dist/board-task.js";
 import { degToRad, rotatePointAround, worldPoint } from "../model/geometry.js";
-import { isBoardModelItem } from "../model/media.js";
 import { boardCardDetailed } from "./text-resolution.js";
+import { isBoardModelItem } from "../model/media.js";
 import { audioKeyCenter } from "./renderers/audio-card-renderer.js";
 import { modelKeyCenter } from "./renderers/model-card-renderer.js";
 //#region src/board/render/media-interaction.ts

package/dist/board/render/renderers/arrow-card-renderer.js

@@ -1,6 +1,6 @@
 import { BOARD_FONT_STACK } from "../../../protocol/dist/board-constants.js";
-import { pathPointAt, resolveSceneArrow } from "../../model/arrow-geometry.js";
 import { itemAlpha, itemColor } from "../palette.js";
+import { pathPointAt, resolveSceneArrow } from "../../model/arrow-geometry.js";
 import { syncTextResolution, textResolutionForZoom } from "../text-resolution.js";
 import { dashPattern, endAngle, traceArrowhead, tracePolyline, trimPolyline } from "../stroke.js";
 import { drawCardSurface } from "../surface.js";

package/dist/board/render/renderers/audio-card-renderer.js

@@ -1,7 +1,7 @@
-import { getMediaResourceTitle } from "../../model/media.js";
 import { fitTextToWidth } from "../text-fit.js";
 import { boardCardDetailed, syncTextResolution, textResolutionForZoom } from "../text-resolution.js";
 import { formatBoardDuration } from "../card-tag.js";
+import { getMediaResourceTitle } from "../../model/media.js";
 import { drawAudioWaveform } from "../audio-waveform.js";
 import { cardElevation, drawCardSurface } from "../surface.js";
 import { positionShell } from "./base-card-renderer.js";

package/dist/board/render/renderers/draw-card-renderer.js

@@ -1,8 +1,8 @@
 import { applyMatrix } from "../../../protocol/dist/board-layout.js";
-import { computeDrawBounds, createStrokeRibbonBuilder, trimDrawPoints } from "../../model/draw-geometry.js";
 import { itemAlpha, itemColor } from "../palette.js";
 import { positionShell } from "./base-card-renderer.js";
 import { drawFarStroke, farStrokeSamples } from "./far-plate.js";
+import { computeDrawBounds, createStrokeRibbonBuilder, trimDrawPoints } from "../../model/draw-geometry.js";
 import { Container, Graphics, Mesh, MeshGeometry, Texture } from "pixi.js";
 //#region src/board/render/renderers/draw-card-renderer.ts
 const partsByContainer = /* @__PURE__ */ new WeakMap();

package/dist/board/render/renderers/file-card-renderer.js

@@ -1,12 +1,12 @@
 import { BOARD_FONT_STACK, BOARD_MONO_FONT_STACK } from "../../../protocol/dist/board-constants.js";
-import { fileCategory, fileStem } from "../../model/file-snapshot.js";
-import { fileCategoryAccent, fileMetaLine, filePreviewKind, fileTypeLabel } from "../../model/file-preview.js";
 import { fitTextToLines } from "../text-fit.js";
 import { boardCardDetailed, syncTextResolution } from "../text-resolution.js";
 import { createCardTag, syncCardTag, zoomCardTag } from "../card-tag.js";
 import { cardElevation, containRect, drawCardSurface, traceCardOutline } from "../surface.js";
 import { positionShell } from "./base-card-renderer.js";
 import { drawFarPlate } from "./far-plate.js";
+import { fileCategory, fileStem } from "../../model/file-snapshot.js";
+import { fileCategoryAccent, fileMetaLine, filePreviewKind, fileTypeLabel } from "../../model/file-preview.js";
 import { Container, Graphics, Sprite, Text, Texture } from "pixi.js";
 //#region src/board/render/renderers/file-card-renderer.ts
 const PADDING = 10;

package/dist/board/render/renderers/model-card-renderer.js

@@ -1,12 +1,12 @@
-import { isBoardModelItem } from "../../model/media.js";
-import { fileStem } from "../../model/file-snapshot.js";
-import { fileMetaLine } from "../../model/file-preview.js";
 import { boardCardDetailed } from "../text-resolution.js";
 import { createCardTag, syncCardTag, traceCube, zoomCardTag } from "../card-tag.js";
+import { isBoardModelItem } from "../../model/media.js";
 import { cardElevation, containRect, drawCardSurface } from "../surface.js";
 import { positionShell } from "./base-card-renderer.js";
 import { drawFarPlate } from "./far-plate.js";
 import { drawModelKey } from "./media-key.js";
+import { fileStem } from "../../model/file-snapshot.js";
+import { fileMetaLine } from "../../model/file-preview.js";
 import { Container, Graphics, Sprite, Texture } from "pixi.js";
 //#region src/board/render/renderers/model-card-renderer.ts
 const partsByContainer = /* @__PURE__ */ new WeakMap();

package/dist/board/render/renderers/text-card-renderer.js

@@ -1,6 +1,6 @@
 import { layoutBoardText } from "../../../protocol/dist/board-layout.js";
-import { boardFontFamily } from "../../model/text-metrics.js";
 import { itemAlpha, itemColor } from "../palette.js";
+import { boardFontFamily } from "../../model/text-metrics.js";
 import { BOARD_FONT_STACKS } from "../text-measurement.js";
 import { syncTextResolution, textResolutionForZoom } from "../text-resolution.js";
 import { positionShell } from "./base-card-renderer.js";

package/dist/board/render/renderers/video-card-renderer.js

@@ -1,6 +1,6 @@
-import { getMediaResourceTitle } from "../../model/media.js";
 import { boardCardDetailed } from "../text-resolution.js";
 import { createCardTag, formatBoardDuration, syncCardTag, zoomCardTag } from "../card-tag.js";
+import { getMediaResourceTitle } from "../../model/media.js";
 import { cardElevation, containRect, drawCardSurface, traceCardOutline } from "../surface.js";
 import { positionShell } from "./base-card-renderer.js";
 import { drawFarPlate } from "./far-plate.js";

package/dist/board/render/script-export.js

@@ -1,5 +1,5 @@
-import { composeBoardScriptItems } from "../model/script-scene.js";
 import { buildBoardScene } from "../model/scene.js";
+import { composeBoardScriptItems } from "../model/script-scene.js";
 import { createBoardScriptHost } from "./script-host.js";
 //#region src/board/render/script-export.ts
 async function prepareBrowserBoardScripts(document, time, readModule, snapshots) {

package/dist/board/render/script-host.js

@@ -1,7 +1,7 @@
+import { BoardScriptTexture } from "./script-texture.js";
 import { boardScriptItems } from "../model/script-index.js";
 import { boardScriptScope } from "../model/script-scene.js";
 import { boardScriptHitVisible, resolveBoardScriptHit } from "../model/script-hit.js";
-import { BoardScriptTexture } from "./script-texture.js";
 import { createBoardScriptModuleReader, loadBoardScriptSources } from "../../protocol/dist/board-script-modules.js";
 import { boardScriptFrameSource } from "./script-sandbox.js";
 //#region src/board/render/script-host.ts

package/dist/board/stage/assets.js

@@ -2,8 +2,8 @@ import { mediaPreviewCandidates } from "../../media.js";
 import { parseBoardMediaSource } from "../../protocol/dist/board-model.js";
 import { featuredTaskArtifact } from "../../protocol/dist/board-task.js";
 import { boardModelFormat, isBoardModelItem } from "../model/media.js";
-import { boardImageKeySource, imageAssetKey } from "../model/image-key.js";
 import { loadVideoThumbnailTexture, videoTextureNaturalSize } from "../render/video-thumbnail.js";
+import { boardImageKeySource, imageAssetKey } from "../model/image-key.js";
 import { DEFAULT_LRU_BUDGET, selectLruEvictions } from "./lru.js";
 import { boardImageTexturePool, loadBoardImageTexture, unloadBoardImageTexture } from "./texture-pool.js";
 import { Texture } from "pixi.js";

package/dist/board/stage/index.d.ts

@@ -2,8 +2,9 @@ import { DEFAULT_LRU_BUDGET, LruBudget, LruEntry, selectLruEvictions } from "./l
 import { BoardImageTexturePool, boardImageTexturePool, createBoardImageTexturePool, loadBoardImageTexture, unloadBoardImageTexture } from "./texture-pool.js";
 import { BoardAssetManager, BoardAssetManagerOptions, BoardModelPreviewRequest, BoardModelPreviews, boardAssetKey, createBoardAssetManager } from "./assets.js";
 import { toBoardPointerEvent } from "./pointer.js";
+import { createBoardPointerGestures } from "./pointer-gestures.js";
 import { BoardLiveStroke, BoardScene, BoardSceneNode, SceneSyncInput, createBoardScene } from "./scene.js";
 import { BoardItemView, BoardItemViewContext, BoardItemViewInstance, BoardItemViewLayer, createBoardItemViewLayer } from "./views.js";
 import { BoardStage, BoardStageOptions, BoardStagePointerPhase, BoardStageTheme, mountBoardStage } from "./stage.js";
 import { BoardOverlayInput, drawBoardOverlay, expandFrame } from "./overlay.js";
-export { BoardAssetManager, BoardAssetManagerOptions, BoardImageTexturePool, BoardItemView, BoardItemViewContext, BoardItemViewInstance, BoardItemViewLayer, BoardLiveStroke, BoardModelPreviewRequest, BoardModelPreviews, BoardOverlayInput, BoardScene, BoardSceneNode, BoardStage, BoardStageOptions, BoardStagePointerPhase, BoardStageTheme, DEFAULT_LRU_BUDGET, LruBudget, LruEntry, SceneSyncInput, boardAssetKey, boardImageTexturePool, createBoardAssetManager, createBoardImageTexturePool, createBoardItemViewLayer, createBoardScene, drawBoardOverlay, expandFrame, loadBoardImageTexture, mountBoardStage, selectLruEvictions, toBoardPointerEvent, unloadBoardImageTexture };
+export { BoardAssetManager, BoardAssetManagerOptions, BoardImageTexturePool, BoardItemView, BoardItemViewContext, BoardItemViewInstance, BoardItemViewLayer, BoardLiveStroke, BoardModelPreviewRequest, BoardModelPreviews, BoardOverlayInput, BoardScene, BoardSceneNode, BoardStage, BoardStageOptions, BoardStagePointerPhase, BoardStageTheme, DEFAULT_LRU_BUDGET, LruBudget, LruEntry, SceneSyncInput, boardAssetKey, boardImageTexturePool, createBoardAssetManager, createBoardImageTexturePool, createBoardItemViewLayer, createBoardPointerGestures, createBoardScene, drawBoardOverlay, expandFrame, loadBoardImageTexture, mountBoardStage, selectLruEvictions, toBoardPointerEvent, unloadBoardImageTexture };

package/dist/board/stage/index.js

@@ -2,8 +2,9 @@ import { DEFAULT_LRU_BUDGET, selectLruEvictions } from "./lru.js";
 import { boardImageTexturePool, createBoardImageTexturePool, loadBoardImageTexture, unloadBoardImageTexture } from "./texture-pool.js";
 import { boardAssetKey, createBoardAssetManager } from "./assets.js";
 import { toBoardPointerEvent } from "./pointer.js";
+import { createBoardPointerGestures } from "./pointer-gestures.js";
 import { createBoardScene } from "./scene.js";
 import { drawBoardOverlay, expandFrame } from "./overlay.js";
 import { createBoardItemViewLayer } from "./views.js";
 import { mountBoardStage } from "./stage.js";
-export { DEFAULT_LRU_BUDGET, boardAssetKey, boardImageTexturePool, createBoardAssetManager, createBoardImageTexturePool, createBoardItemViewLayer, createBoardScene, drawBoardOverlay, expandFrame, loadBoardImageTexture, mountBoardStage, selectLruEvictions, toBoardPointerEvent, unloadBoardImageTexture };
+export { DEFAULT_LRU_BUDGET, boardAssetKey, boardImageTexturePool, createBoardAssetManager, createBoardImageTexturePool, createBoardItemViewLayer, createBoardPointerGestures, createBoardScene, drawBoardOverlay, expandFrame, loadBoardImageTexture, mountBoardStage, selectLruEvictions, toBoardPointerEvent, unloadBoardImageTexture };

package/dist/board/stage/pointer-gestures.d.ts

@@ -0,0 +1,12 @@
+//#region src/board/stage/pointer-gestures.d.ts
+type BoardPointerGestureHandlers = {
+  move(event: PointerEvent): void;
+  end(event: PointerEvent): void;
+};
+declare function createBoardPointerGestures(host: HTMLElement, handlers: BoardPointerGestureHandlers): {
+  has: (pointerId: number) => boolean;
+  start(event: PointerEvent): void;
+  cancel: () => void;
+};
+//#endregion
+export { createBoardPointerGestures };

package/dist/board/stage/pointer-gestures.js

@@ -0,0 +1,63 @@
+//#region src/board/stage/pointer-gestures.ts
+function createBoardPointerGestures(host, handlers) {
+	const document = host.ownerDocument;
+	const window = document.defaultView;
+	const pointers = /* @__PURE__ */ new Map();
+	function listen(active) {
+		const method = active ? "addEventListener" : "removeEventListener";
+		document[method]("pointermove", move, true);
+		document[method]("pointerup", end, true);
+		document[method]("pointercancel", end, true);
+		host[method]("lostpointercapture", lost);
+		window?.[method]("blur", cancel);
+		document[method]("visibilitychange", visibility);
+	}
+	function move(event) {
+		const previous = pointers.get(event.pointerId);
+		if (!previous) return;
+		if (event.pointerType === "mouse" && event.buttons === 0 && window) {
+			end(new window.PointerEvent("pointerup", {
+				pointerId: event.pointerId,
+				pointerType: event.pointerType,
+				clientX: previous.clientX,
+				clientY: previous.clientY,
+				button: 0,
+				buttons: 0,
+				shiftKey: event.shiftKey,
+				altKey: event.altKey,
+				ctrlKey: event.ctrlKey,
+				metaKey: event.metaKey
+			}));
+			return;
+		}
+		pointers.set(event.pointerId, event);
+		handlers.move(event);
+	}
+	function end(event) {
+		if (!pointers.delete(event.pointerId)) return;
+		if (pointers.size === 0) listen(false);
+		if (host.hasPointerCapture(event.pointerId)) host.releasePointerCapture(event.pointerId);
+		handlers.end(event);
+	}
+	function lost(event) {
+		if (event.target === host && event.pointerType !== "mouse") end(event);
+	}
+	function cancel() {
+		if (!window) return;
+		for (const event of [...pointers.values()]) end(new window.PointerEvent("pointercancel", event));
+	}
+	function visibility() {
+		if (document.hidden) cancel();
+	}
+	return {
+		has: (pointerId) => pointers.has(pointerId),
+		start(event) {
+			host.setPointerCapture(event.pointerId);
+			if (pointers.size === 0) listen(true);
+			pointers.set(event.pointerId, event);
+		},
+		cancel
+	};
+}
+//#endregion
+export { createBoardPointerGestures };

package/dist/board/stage/stage.js

@@ -1,23 +1,24 @@
 import { applyMatrix, invertMatrix } from "../../protocol/dist/board-layout.js";
 import { featuredTaskArtifact } from "../../protocol/dist/board-task.js";
 import { screenPoint, screenToWorld, stableCullRect, visibleWorldRect, worldPoint } from "../model/geometry.js";
-import { boardScriptScope, composeBoardScriptItems, prepareBoardScriptOutput, validateBoardScriptCommit } from "../model/script-scene.js";
-import { boardScriptTarget } from "../model/script-hit.js";
 import { createBoardAnimationSampler, resolveBoardAnimationCamera } from "../model/sampling.js";
-import { resolveSceneArrow } from "../model/arrow-geometry.js";
 import { buildFallbackShapeColors, pickBoardColor, resolveItemColor } from "../model/palette.js";
-import { isCreationBoardTool } from "../editor/tool.js";
-import { resizeCursorForHandle } from "../editor/selection-transform.js";
 import { parseBoardCssColor } from "../render/css-color.js";
 import { defaultBoardPalette, itemAlpha } from "../render/palette.js";
+import { resolveSceneArrow } from "../model/arrow-geometry.js";
 import { createBoardBackground, updateBoardBackground } from "../render/board-background.js";
 import { getBoardResolution, textZoomBucket } from "../render/text-resolution.js";
 import { DEFAULT_BOARD_RENDER_LABELS, getBoardCardRenderer } from "../render/renderers/board-renderer-registry.js";
+import { boardScriptScope, composeBoardScriptItems, prepareBoardScriptOutput, validateBoardScriptCommit } from "../model/script-scene.js";
+import { boardScriptTarget } from "../model/script-hit.js";
 import { createBoardScriptHost } from "../render/script-host.js";
 import { defaultBoardRenderStyle } from "../render/style.js";
+import { isCreationBoardTool } from "../editor/tool.js";
+import { resizeCursorForHandle } from "../editor/selection-transform.js";
 import { createBoardPlayer } from "../player/index.js";
 import { createBoardScriptObservers } from "../model/script-observers.js";
 import { toBoardPointerEvent } from "./pointer.js";
+import { createBoardPointerGestures } from "./pointer-gestures.js";
 import { createBoardScene } from "./scene.js";
 import { scheduleBoardMaintenance } from "./maintenance.js";
 import { createBoardScriptPointerRouter } from "./script-pointer.js";
@@ -679,10 +680,7 @@ function mountBoardStage(host, options) {
 			x: event.clientX,
 			y: event.clientY
 		}, event.type !== "pointerup");
-		if (type === "down" && recipient) {
-			host.setPointerCapture(event.pointerId);
-			host.focus({ preventScroll: true });
-		}
+		if (type === "down" && recipient) host.focus({ preventScroll: true });
 		if (recipient && type !== "leave") sendScriptEvent(recipient, input.cancelled ? "pointercancel" : `pointer${type}`, event, input);
 		if (click) sendScriptEvent(click, "click", event, input);
 		return consumed || recipient !== null;
@@ -701,24 +699,33 @@ function mountBoardStage(host, options) {
 		scripts?.event(scriptHover.owner, input);
 		event.stopPropagation();
 	}
+	const pointers = createBoardPointerGestures(host, {
+		move: routePointerMove,
+		end: handlePointerUp
+	});
 	function handlePointerDown(event) {
-		if (inViews(event)) return;
+		if (!active || inViews(event)) return;
 		editor.takeCameraControl();
 		const input = toInput(event);
-		if (scriptPointer("down", event, input)) return;
+		if (scriptPointer("down", event, input)) {
+			pointers.start(event);
+			return;
+		}
 		if (options.onPointer?.("down", event, input) === false) return;
-		host.setPointerCapture(event.pointerId);
+		pointers.start(event);
 		editor.pointerDown(input);
 	}
 	function handlePointerMove(event) {
-		if (inViews(event)) return;
+		if (!active || pointers.has(event.pointerId) || inViews(event)) return;
+		routePointerMove(event);
+	}
+	function routePointerMove(event) {
 		const input = toInput(event);
 		if (scriptPointer("move", event, input)) return;
 		if (options.onPointer?.("move", event, input) === false) return;
 		editor.pointerMove(input);
 	}
 	function handlePointerUp(event) {
-		if (inViews(event)) return;
 		const input = toInput(event);
 		if (scriptPointer("up", event, input)) return;
 		if (options.onPointer?.("up", event, input) === false) return;
@@ -758,9 +765,6 @@ function mountBoardStage(host, options) {
 		["keyup", handleScriptKey],
 		["pointerdown", handlePointerDown],
 		["pointermove", handlePointerMove],
-		["pointerup", handlePointerUp],
-		["pointercancel", handlePointerUp],
-		["lostpointercapture", handlePointerUp],
 		["pointerleave", handlePointerLeave],
 		[
 			"wheel",
@@ -874,6 +878,7 @@ function mountBoardStage(host, options) {
 			if (active === next) return;
 			active = next;
 			if (!active) {
+				pointers.cancel();
 				stopMarch();
 				cancelScriptPointers();
 				cancelAnimationFrame(renderFrame);
@@ -902,6 +907,7 @@ function mountBoardStage(host, options) {
 		toWorld: (clientX, clientY) => screenToWorld(clientX, clientY, rectOf(), renderCamera()),
 		destroy() {
 			disposed = true;
+			pointers.cancel();
 			stopMarch();
 			scriptPointers.clear();
 			stopTransforms?.();