@neta-art/cohub 11.4.0 → 11.5.1

package/dist/board/editor/clipboard.js

@@ -1,6 +1,6 @@
 import { parseBoardItem } from "../../protocol/dist/board-model.js";
-import { BOARD_CLIPBOARD_KIND, BOARD_CLIPBOARD_MIME } from "../../protocol/dist/board.js";
 import { arrowBindings, isArrowBinding } from "../../protocol/dist/board-layout.js";
+import { BOARD_CLIPBOARD_KIND, BOARD_CLIPBOARD_MIME } from "../../protocol/dist/board.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 { buildBoardScene } from "../model/scene.js";
 import { rectCenter } from "../model/geometry.js";
+import { buildBoardScene } from "../model/scene.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 { buildBoardScene } from "../model/scene.js";
+import { hasBoardScripts } from "../model/script-index.js";
 import { normalizeViewport } from "../model/geometry.js";
+import { buildBoardScene } from "../model/scene.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 { sceneItemToItem } from "../model/scene.js";
 import { selectionBounds } from "../model/geometry.js";
+import { sceneItemToItem } from "../model/scene.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 { buildBoardScene } from "../../model/scene.js";
 import { boardScriptScope, composeBoardScriptItems } from "../../model/script-scene.js";
+import { buildBoardScene } from "../../model/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 { 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 { placeBoardOverlay } from "./overlay-placement.js";
 import { boardScriptItems, hasBoardScripts } from "./script-index.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 { 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 { boardCardDetailed } from "./text-resolution.js";
 import { isBoardModelItem } from "../model/media.js";
+import { boardCardDetailed } from "./text-resolution.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 { itemAlpha, itemColor } from "../palette.js";
 import { pathPointAt, resolveSceneArrow } from "../../model/arrow-geometry.js";
+import { itemAlpha, itemColor } from "../palette.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/base-card-renderer.js

@@ -2,13 +2,10 @@ import { BOARD_FONT_STACK } from "../../../protocol/dist/board-constants.js";
 import { getBoardResolution } from "../text-resolution.js";
 import { Text } from "pixi.js";
 //#region src/board/render/renderers/base-card-renderer.ts
-const TEXT_OPTIONS = {
-	resolution: getBoardResolution(),
-	roundPixels: true
-};
 function createLabel(text, style) {
 	return new Text({
-		...TEXT_OPTIONS,
+		resolution: getBoardResolution(),
+		roundPixels: true,
 		text,
 		style: {
 			fontFamily: BOARD_FONT_STACK,

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

@@ -1,5 +1,5 @@
 import { BOARD_MONO_FONT_STACK } from "../../../protocol/dist/board-constants.js";
-import { getBoardResolution } from "../text-resolution.js";
+import { getBoardResolution, syncTextResolution } from "../text-resolution.js";
 import { positionShell } from "./base-card-renderer.js";
 import { drawFarPlate } from "./far-plate.js";
 import { Container, Graphics, Sprite, Text, Texture } from "pixi.js";
@@ -13,6 +13,7 @@ function sync(container, item, context) {
 		parts.id = item.id;
 	}
 	positionShell(parts.root, item);
+	syncTextResolution(parts.label, parts.label, context.zoom);
 	const { width, height } = item.frame;
 	const resolution = Math.min(4, Math.max(.25, context.zoom * getBoardResolution()));
 	const texture = context.scripts?.frame(item, context.time, resolution) ?? null;

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 { itemAlpha, itemColor } from "../palette.js";
 import { boardFontFamily } from "../../model/text-metrics.js";
+import { itemAlpha, itemColor } from "../palette.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 { buildBoardScene } from "../model/scene.js";
 import { composeBoardScriptItems } from "../model/script-scene.js";
+import { buildBoardScene } from "../model/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/render/text-resolution.d.ts

@@ -1,6 +1,9 @@
 import { Text } from "pixi.js";
 //#region src/board/render/text-resolution.d.ts
-declare function getBoardResolution(): number;
+declare function getBoardResolution(size?: {
+  width: number;
+  height: number;
+}, devicePixelRatio?: number): number;
 declare function textZoomBucket(zoom: number): number;
 declare function boardCardDetailed(zoom: number): boolean;
 /** Effective text resolution for a given camera zoom. */

package/dist/board/render/text-resolution.js

@@ -1,7 +1,12 @@
 //#region src/board/render/text-resolution.ts
-const MAX_BOARD_RESOLUTION = 2;
-function getBoardResolution() {
-	return Math.min(globalThis.devicePixelRatio || 1, MAX_BOARD_RESOLUTION);
+const MAX_BOARD_RESOLUTION = 3;
+const MAX_BOARD_PIXELS = 8e6;
+const MAX_TEXT_RESOLUTION = 6;
+function getBoardResolution(size, devicePixelRatio = globalThis.devicePixelRatio) {
+	const density = Number.isFinite(devicePixelRatio) && devicePixelRatio > 0 ? devicePixelRatio : 1;
+	const pixels = size ? size.width * size.height : 0;
+	const budget = pixels > 0 ? Math.sqrt(MAX_BOARD_PIXELS / pixels) : MAX_BOARD_RESOLUTION;
+	return Math.min(density, MAX_BOARD_RESOLUTION, budget);
 }
 /**
 * Zoom buckets for text re-rasterisation. Pixi Text is a bitmap: at high zoom it
@@ -27,12 +32,12 @@ function boardCardDetailed(zoom) {
 /** Effective text resolution for a given camera zoom. */
 function textResolutionForZoom(zoom) {
 	const bucket = textZoomBucket(zoom);
-	return Math.min(getBoardResolution() * Math.max(1, bucket), 6);
+	return Math.min(getBoardResolution() * Math.max(1, bucket), MAX_TEXT_RESOLUTION);
 }
 /** Update a Pixi text texture only when zoom crosses a resolution bucket. */
 function syncTextResolution(text, state, zoom) {
 	const resolution = textResolutionForZoom(zoom);
-	if (resolution === state.resolution) return;
+	if (resolution === state.resolution && resolution === text.resolution) return;
 	text.resolution = resolution;
 	state.resolution = resolution;
 }

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 { loadVideoThumbnailTexture, videoTextureNaturalSize } from "../render/video-thumbnail.js";
 import { boardImageKeySource, imageAssetKey } from "../model/image-key.js";
+import { loadVideoThumbnailTexture, videoTextureNaturalSize } from "../render/video-thumbnail.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/display-density.d.ts

@@ -0,0 +1,4 @@
+//#region src/board/stage/display-density.d.ts
+declare function observeDisplayDensity(window: Window, onChange: () => void): () => void;
+//#endregion
+export { observeDisplayDensity };

package/dist/board/stage/display-density.js

@@ -0,0 +1,25 @@
+//#region src/board/stage/display-density.ts
+function observeDisplayDensity(window, onChange) {
+	let query;
+	let density = window.devicePixelRatio || 1;
+	function watch() {
+		query = window.matchMedia(`(resolution: ${density}dppx)`);
+		query.addEventListener("change", changed);
+	}
+	function changed() {
+		const next = window.devicePixelRatio || 1;
+		if (density === next) return;
+		density = next;
+		query.removeEventListener("change", changed);
+		watch();
+		onChange();
+	}
+	watch();
+	window.addEventListener("resize", changed);
+	return () => {
+		query.removeEventListener("change", changed);
+		window.removeEventListener("resize", changed);
+	};
+}
+//#endregion
+export { observeDisplayDensity };

package/dist/board/stage/stage.js

@@ -1,22 +1,23 @@
 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 { createBoardPlayer } from "../player/index.js";
+import { observeDisplayDensity } from "./display-density.js";
 import { toBoardPointerEvent } from "./pointer.js";
 import { createBoardPointerGestures } from "./pointer-gestures.js";
 import { createBoardScene } from "./scene.js";
@@ -96,6 +97,7 @@ function mountBoardStage(host, options) {
 	let scriptHover = null;
 	const scriptPointers = createBoardScriptPointerRouter();
 	let stopMaintenance = null;
+	let stopDensity = null;
 	let active = true;
 	let disposed = false;
 	let renderFrame = 0;
@@ -595,7 +597,8 @@ function mountBoardStage(host, options) {
 				assetVersion,
 				cardEpoch,
 				current.key,
-				textZoomBucket(camera.zoom)
+				textZoomBucket(camera.zoom),
+				getBoardResolution()
 			].join("|"),
 			staleIds,
 			structureVersion: editor.structureVersion,
@@ -621,14 +624,20 @@ function mountBoardStage(host, options) {
 	function resize() {
 		cancelAnimationFrame(resizeFrame);
 		resizeFrame = requestAnimationFrame(() => {
-			if (!app) return;
-			app.resize();
-			surface = {
-				width: app.screen.width,
-				height: app.screen.height
+			if (!app || !active) return;
+			const size = {
+				width: host.clientWidth,
+				height: host.clientHeight
 			};
-			editor.surfaceSize = surface;
-			options.onSurfaceChange?.(surface);
+			if (size.width <= 0 || size.height <= 0) return;
+			const resolution = getBoardResolution(size);
+			const sizeChanged = size.width !== surface.width || size.height !== surface.height;
+			if (sizeChanged || app.renderer.resolution !== resolution) app.renderer.resize(size.width, size.height, resolution);
+			if (sizeChanged) {
+				surface = size;
+				editor.surfaceSize = surface;
+				options.onSurfaceChange?.(surface);
+			}
 			sync();
 		});
 	}
@@ -788,8 +797,12 @@ function mountBoardStage(host, options) {
 					antialias: true,
 					autoDensity: true,
 					backgroundAlpha: 0,
-					resizeTo: host,
-					resolution: getBoardResolution(),
+					width: host.clientWidth,
+					height: host.clientHeight,
+					resolution: getBoardResolution({
+						width: host.clientWidth,
+						height: host.clientHeight
+					}),
 					autoStart: false
 				});
 			} catch (error) {
@@ -829,6 +842,8 @@ function mountBoardStage(host, options) {
 			});
 			for (const [type, listener, listenerOptions] of listeners) host.addEventListener(type, listener, listenerOptions);
 			resizeObserver.observe(host);
+			const window = host.ownerDocument.defaultView;
+			if (window) stopDensity = observeDisplayDensity(window, resize);
 			resize();
 			return true;
 		})(),
@@ -914,6 +929,7 @@ function mountBoardStage(host, options) {
 			scriptObservers.clear();
 			scriptListeners.clear();
 			stopMaintenance?.();
+			stopDensity?.();
 			stopEditor();
 			stopAssets();
 			resizeObserver.disconnect();