@hyperframes/studio 0.8.93 → 0.8.94

package/dist/assets/{index-V3fzEfOD.js → index-n2ZRiO44.js}

@@ -1,4 +1,4 @@
-import{n as Qi}from"./index-CYk0NwSv.js";/*!
+import{n as Qi}from"./index-BupvpoiM.js";/*!
  * Copyright (c) 2026-present, Vanilagy and contributors
  *
  * This Source Code Form is subject to the terms of the Mozilla Public

package/dist/index.d.ts

@@ -1126,6 +1126,53 @@ interface TimelineTheme {
     transitionBadgeInk: string;
 }
 
+interface TimelineTimeRange {
+    readonly start: number;
+    readonly end: number;
+}
+interface TimelineClipInterval {
+    readonly element: TimelineElement;
+    readonly identity: string;
+    readonly ordinal: number;
+    readonly start: number;
+    readonly end: number;
+}
+interface TimelineClipRowIndex {
+    readonly byStart: readonly TimelineClipInterval[];
+    readonly treeLeafCount: number;
+    readonly maxPositiveEndTree: readonly number[];
+    readonly maxPointStartTree: readonly number[];
+    readonly byIdentity: ReadonlyMap<string, readonly TimelineClipInterval[]>;
+}
+interface TimelineClipIndex {
+    readonly rows: ReadonlyMap<number, TimelineClipRowIndex>;
+}
+
+declare const TRACK_H = 48;
+interface TimelineTrackPadding {
+    top?: number;
+    bottom?: number;
+}
+interface TimelineRowGeometry {
+    readonly rowKeys: readonly number[];
+    readonly rowHeights: readonly number[];
+    /** Cumulative row boundaries, including the final bottom boundary. */
+    readonly rowOffsets: readonly number[];
+    readonly rowsHeight: number;
+    readonly padding: Readonly<Required<TimelineTrackPadding>>;
+    readonly canvasHeight: number;
+    getRowIndex(rowKey: number): number;
+    getRowHeight(row: number): number;
+    getRowTop(row: number): number;
+    getRowFromY(contentY: number): number;
+    getRowPositionFromY(contentY: number): {
+        rowFloat: number;
+        row: number;
+        fraction: number;
+        rowHeight: number;
+    };
+}
+
 type TimelineEditOverrides = Pick<TimelineEditCallbacks, "onMoveElement" | "onMoveElements" | "onResizeElement" | "onResizeElements" | "onBlockedEditAttempt" | "onSplitElement">;
 
 /** With both set, a lane move restacks the preview's z-index to match the rows; each overrides Studio's own. */
@@ -1163,6 +1210,7 @@ interface TimelineProps extends TimelineDropCallbacks, TimelineEditOverrides, Ti
     theme?: Partial<TimelineTheme>;
     showAudioEffects?: boolean;
     showKeyframes?: boolean;
+    trackPadding?: TimelineTrackPadding;
 }
 
 interface TimelineEmptyStateProps {
@@ -1256,47 +1304,6 @@ interface BlockedClipState {
     started: boolean;
 }
 
-interface TimelineTimeRange {
-    readonly start: number;
-    readonly end: number;
-}
-interface TimelineClipInterval {
-    readonly element: TimelineElement;
-    readonly identity: string;
-    readonly ordinal: number;
-    readonly start: number;
-    readonly end: number;
-}
-interface TimelineClipRowIndex {
-    readonly byStart: readonly TimelineClipInterval[];
-    readonly treeLeafCount: number;
-    readonly maxPositiveEndTree: readonly number[];
-    readonly maxPointStartTree: readonly number[];
-    readonly byIdentity: ReadonlyMap<string, readonly TimelineClipInterval[]>;
-}
-interface TimelineClipIndex {
-    readonly rows: ReadonlyMap<number, TimelineClipRowIndex>;
-}
-
-interface TimelineRowGeometry {
-    readonly rowKeys: readonly number[];
-    readonly rowHeights: readonly number[];
-    /** Cumulative row boundaries, including the final bottom boundary. */
-    readonly rowOffsets: readonly number[];
-    readonly rowsHeight: number;
-    readonly canvasHeight: number;
-    getRowIndex(rowKey: number): number;
-    getRowHeight(row: number): number;
-    getRowTop(row: number): number;
-    getRowFromY(contentY: number): number;
-    getRowPositionFromY(contentY: number): {
-        rowFloat: number;
-        row: number;
-        fraction: number;
-        rowHeight: number;
-    };
-}
-
 type TrackVisualStyle = TimelineTrackStyle;
 
 interface TimelineVirtualRow {
@@ -1949,6 +1956,13 @@ interface NLEPreviewProps {
 }
 declare const NLEPreview: react.NamedExoticComponent<NLEPreviewProps>;
 
+interface ShortcutsButtonProps {
+    sections?: readonly ShortcutSection[];
+    disabled?: boolean;
+    onSeek?: (time: number) => void;
+}
+declare function ShortcutsButton({ sections, disabled, onSeek }: ShortcutsButtonProps): react_jsx_runtime.JSX.Element;
+
 interface CompositionLevel {
     /** Unique id — "master" or composition file path */
     id: string;
@@ -2766,11 +2780,12 @@ interface TimelineToolbarProps {
     domEditSession?: DomEditSessionSlice;
     onSplitElement?: (element: TimelineElement, splitTime: number) => void;
     history?: TimelineHistoryButtonsProps;
+    showHistory?: boolean;
     showAddBeat?: boolean;
     /** Hides Add keyframe and auto-record, and turns off auto-record and the K shortcut with them. */
     showKeyframes?: boolean;
 }
-declare function TimelineToolbar({ domEditSession, onSplitElement, history, showAddBeat, showKeyframes, }: TimelineToolbarProps): react_jsx_runtime.JSX.Element;
+declare function TimelineToolbar({ domEditSession, onSplitElement, history, showHistory, showAddBeat, showKeyframes, }: TimelineToolbarProps): react_jsx_runtime.JSX.Element;
 
 interface AudioMeterStripProps {
     /** Pass a stable ref (useRef): a new object each render restarts the meter loop. */
@@ -3331,7 +3346,8 @@ interface DomEditOverlayProps {
     groupSelections?: DomEditSelection[];
     hoverSelection: DomEditSelection | null;
     allowCanvasMovement?: boolean;
-    /** "host": no hover, marquee or box re-select; Enter with nothing focused still opens text. */
+    allowBodyDrag?: boolean;
+    /** "host": no hover, marquee, box re-select, or body drag if allowBodyDrag is false; Enter still opens text. */
     canvasInput?: "overlay" | "host";
     onTextEditingChange?: (editing: boolean) => void;
     /** A click on a single selection's box, in either mode; the event may be the pointerup. */
@@ -3388,7 +3404,7 @@ interface DomEditOverlayProps {
 }
 declare const DomEditOverlay: react.NamedExoticComponent<DomEditOverlayProps>;
 
-type HostInputProps = Pick<ComponentProps<typeof DomEditOverlay>, "canvasInput" | "onSelectionBoxClick">;
+type HostInputProps = Pick<ComponentProps<typeof DomEditOverlay>, "canvasInput" | "onSelectionBoxClick" | "allowBodyDrag">;
 interface ConnectedDomEditOverlayProps extends HostInputProps {
     activeCompositionPath: string | null;
     showHoverSelection: boolean;
@@ -3397,7 +3413,7 @@ interface ConnectedDomEditOverlayProps extends HostInputProps {
     /** True when an in-place text edit opens its caret, false when it ends or unmounts. */
     onTextEditingChange?: (editing: boolean) => void;
 }
-declare function ConnectedDomEditOverlay({ activeCompositionPath, showHoverSelection, shouldShowSelectedDomBounds, isGestureRecording, canvasInput, onTextEditingChange, onSelectionBoxClick, }: ConnectedDomEditOverlayProps): react_jsx_runtime.JSX.Element;
+declare function ConnectedDomEditOverlay({ activeCompositionPath, showHoverSelection, shouldShowSelectedDomBounds, isGestureRecording, canvasInput, allowBodyDrag, onTextEditingChange, onSelectionBoxClick, }: ConnectedDomEditOverlayProps): react_jsx_runtime.JSX.Element;
 
 interface RecordEditInput {
     label: string;
@@ -3501,4 +3517,4 @@ interface MarqueeOverlayProps {
  */
 declare function MarqueeOverlay({ candidateRects, marqueeRect }: MarqueeOverlayProps): react_jsx_runtime.JSX.Element;
 
-export { type AgentModalAnchorPoint, type AgentPromptElementInfo, AskAgentModal, type AskAgentModalProps, AudioMeterStrip, type AudioMeterStripProps, AudioWaveform, type AudioWaveformProps, type BlockedTimelineEditIntent, type CanEditTimelineElement, CompositionBreadcrumb, type CompositionDimensions, type CompositionLevel, CompositionThumbnail, ConnectedDomEditOverlay, type ConnectedDomEditOverlayProps, DEFAULT_SHORTCUT_SECTIONS, type DomEditCapabilities, type DomEditCommitDeclineReason, type DomEditCommitOutcome, type DomEditGroupPathOffsetCommit, DomEditOverlay, type DomEditOverlayProps, DomEditProvider, type DomEditSelection, type DomGeometryCommits, type EditHistoryHandle, EditorShell, type EditorShellProps, type ExternalFileChangeBlockedState, type ExternalFileChangeCoordinatorHandle, ExternalFileConflictBanner, type FfmpegStatus, FileTree, GridOverlay, ImageThumbnail, type ImageThumbnailProps, type MarqueeGestures, type MarqueeGesturesDeps, MarqueeOverlay, type MarqueeOverlayProps, type Rect$1 as MarqueeRect, NLEPreview, type PatchOperation, type PersistedRenderSettings, type PickedElement, PlayerControls, type PlayerHandle, type PlayerHandleElement, type PlayerHandleListener, type PlayerHandleTimeListener, type DomEditCompositionRect as PreviewCompositionRect, PreviewGuides, PreviewOverlayProvider, type PreviewOverlayProviderProps, PreviewReadOnlyProvider, type PreviewSnapPreferences, PropertyPanel, type RenderJob, RenderQueue, type RenderQueueProps, type ResolutionPreset, SNAP_THRESHOLD_PX, type ShortcutHint, type ShortcutSection, type SnapContext, type SnapEdge, type SnapGuide, SnapGuideOverlay, type SnapGuideOverlayProps, type SnapGuidesState, type Rect as SnapRect, type SnapResult, type SnapTarget, SnapToolbar, SourceEditor, type SpacingGuide, type StartRenderOptions, StudioApp, StudioFileConflictError, type StudioPendingEditsDrainResult, type ThumbnailPriority, Timeline, TimelineClipMenu, type TimelineClipRenderContext, type TimelineEditCallbacks, type TimelineEditOutcome, type TimelineEditPermission, TimelineEditPopover, TimelineEditProvider, type TimelineElement, TimelineEmptyStatePart, TimelineFrame, TimelineGapMenu, TimelineHistoryButtons, type TimelineHistoryButtonsProps, TimelineKeyframeMenu, TimelineLanes, TimelineOverlays, TimelinePane, type TimelinePaneProps, TimelinePlayhead, TimelineProvider, TimelineRazorGuide, TimelineRuler, TimelineShortcutHint, type TimelineTheme, type TimelineTimeRange$1 as TimelineTimeRange, TimelineToolbar, type TimelineToolbarProps, type TimelineZIndexReorderCommit, type UseClipboardOptions, type UseDomEditSessionParams, type UseDomGeometryCommitOptions, type UseDomStyleCommitOptions, type UseEditHistoryActionsOptions, type UsePersistentEditHistoryOptions, type UsePreviewPersistenceParams, type UseProjectFileWriterOptions, type UseRenderClipContentOptions, type UseTimelineEditingOptions, VideoThumbnail, applyPatch, buildCompositionSnapTarget, buildGridSnapEdges, buildPickerAgentContextPreview, buildPickerAgentPrompt, collectSnapContext, extractSnapTargets, findElementBlock, flushStudioPendingEdits, formatTime, getPersistedRenderSettings, liveTime, mergeStyleIntoTag, parseStyleString, persistRenderSettings, resolveDomEditSelection, resolveEquidistanceGuides, resolveGuideLineRect, resolveIframe, resolveSnapAdjustment, resolveSourceFile, snapEngagedForTravel, useClipboard, useCompositionStack, useDomEditSelectionContext, useDomEditSession, useDomGeometryCommit, useDomStyleCommit, useEditHistoryActions, useElementPicker, useMarqueeGestures, usePersistentEditHistory, usePlayerHandle, usePlayerStore, usePreviewCompositionRect, usePreviewGuidesStore, usePreviewOverlayContext, usePreviewPersistence, useProjectFileWriter, useRenderClipContent, useRenderQueue, useTimelineContext, useTimelineEditing, useTimelinePlayer };
+export { type AgentModalAnchorPoint, type AgentPromptElementInfo, AskAgentModal, type AskAgentModalProps, AudioMeterStrip, type AudioMeterStripProps, AudioWaveform, type AudioWaveformProps, type BlockedTimelineEditIntent, type CanEditTimelineElement, CompositionBreadcrumb, type CompositionDimensions, type CompositionLevel, CompositionThumbnail, ConnectedDomEditOverlay, type ConnectedDomEditOverlayProps, DEFAULT_SHORTCUT_SECTIONS, type DomEditCapabilities, type DomEditCommitDeclineReason, type DomEditCommitOutcome, type DomEditGroupPathOffsetCommit, DomEditOverlay, type DomEditOverlayProps, DomEditProvider, type DomEditSelection, type DomGeometryCommits, type EditHistoryHandle, EditorShell, type EditorShellProps, type ExternalFileChangeBlockedState, type ExternalFileChangeCoordinatorHandle, ExternalFileConflictBanner, type FfmpegStatus, FileTree, GridOverlay, ImageThumbnail, type ImageThumbnailProps, type MarqueeGestures, type MarqueeGesturesDeps, MarqueeOverlay, type MarqueeOverlayProps, type Rect$1 as MarqueeRect, NLEPreview, type PatchOperation, type PersistedRenderSettings, type PickedElement, PlayerControls, type PlayerHandle, type PlayerHandleElement, type PlayerHandleListener, type PlayerHandleTimeListener, type DomEditCompositionRect as PreviewCompositionRect, PreviewGuides, PreviewOverlayProvider, type PreviewOverlayProviderProps, PreviewReadOnlyProvider, type PreviewSnapPreferences, PropertyPanel, type RenderJob, RenderQueue, type RenderQueueProps, type ResolutionPreset, SNAP_THRESHOLD_PX, type ShortcutHint, type ShortcutSection, ShortcutsButton, type ShortcutsButtonProps, type SnapContext, type SnapEdge, type SnapGuide, SnapGuideOverlay, type SnapGuideOverlayProps, type SnapGuidesState, type Rect as SnapRect, type SnapResult, type SnapTarget, SnapToolbar, SourceEditor, type SpacingGuide, type StartRenderOptions, StudioApp, StudioFileConflictError, type StudioPendingEditsDrainResult, TRACK_H, type ThumbnailPriority, Timeline, TimelineClipMenu, type TimelineClipRenderContext, type TimelineEditCallbacks, type TimelineEditOutcome, type TimelineEditPermission, TimelineEditPopover, TimelineEditProvider, type TimelineElement, TimelineEmptyStatePart, TimelineFrame, TimelineGapMenu, TimelineHistoryButtons, type TimelineHistoryButtonsProps, TimelineKeyframeMenu, TimelineLanes, TimelineOverlays, TimelinePane, type TimelinePaneProps, TimelinePlayhead, TimelineProvider, TimelineRazorGuide, TimelineRuler, TimelineShortcutHint, type TimelineTheme, type TimelineTimeRange$1 as TimelineTimeRange, TimelineToolbar, type TimelineToolbarProps, type TimelineTrackPadding, type TimelineZIndexReorderCommit, type UseClipboardOptions, type UseDomEditSessionParams, type UseDomGeometryCommitOptions, type UseDomStyleCommitOptions, type UseEditHistoryActionsOptions, type UsePersistentEditHistoryOptions, type UsePreviewPersistenceParams, type UseProjectFileWriterOptions, type UseRenderClipContentOptions, type UseTimelineEditingOptions, VideoThumbnail, applyPatch, buildCompositionSnapTarget, buildGridSnapEdges, buildPickerAgentContextPreview, buildPickerAgentPrompt, collectSnapContext, extractSnapTargets, findElementBlock, flushStudioPendingEdits, formatTime, getPersistedRenderSettings, liveTime, mergeStyleIntoTag, parseStyleString, persistRenderSettings, resolveDomEditSelection, resolveEquidistanceGuides, resolveGuideLineRect, resolveIframe, resolveSnapAdjustment, resolveSourceFile, snapEngagedForTravel, useClipboard, useCompositionStack, useDomEditSelectionContext, useDomEditSession, useDomGeometryCommit, useDomStyleCommit, useEditHistoryActions, useElementPicker, useMarqueeGestures, usePersistentEditHistory, usePlayerHandle, usePlayerStore, usePreviewCompositionRect, usePreviewGuidesStore, usePreviewOverlayContext, usePreviewPersistence, useProjectFileWriter, useRenderClipContent, useRenderQueue, useTimelineContext, useTimelineEditing, useTimelinePlayer };

package/dist/index.html

@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <title>HyperFrames Studio</title>
-    <script type="module" crossorigin src="/assets/index-CYk0NwSv.js"></script>
+    <script type="module" crossorigin src="/assets/index-BupvpoiM.js"></script>
     <link rel="stylesheet" crossorigin href="/assets/index-Dx79V1Se.css">
   </head>
   <body>