hyperframes 0.8.5 → 0.8.7

package/dist/studio/assets/{index-DgJrvYGf.js → index-FkAs3zRu.js}

@@ -1 +1 @@
-import{g as P}from"./index-Cx_UrhoW.js";function j(c,d){for(var s=0;s<d.length;s++){const a=d[s];if(typeof a!="string"&&!Array.isArray(a)){for(const i in a)if(i!=="default"&&!(i in c)){const l=Object.getOwnPropertyDescriptor(a,i);l&&Object.defineProperty(c,i,l.get?l:{enumerable:!0,get:()=>a[i]})}}}return Object.freeze(Object.defineProperty(c,Symbol.toStringTag,{value:"Module"}))}var v={},w;function k(){if(w)return v;w=1,Object.defineProperty(v,"__esModule",{value:!0}),v.default=d;var c=window.OfflineAudioContext||window.webkitOfflineAudioContext;function d(e){var r=a(e);return r.start(0),[i,y,O(e.sampleRate),s].reduce(function(t,o){return o(t)},r.buffer.getChannelData(0))}function s(e){return e.sort(function(r,t){return t.count-r.count}).splice(0,5)[0].tempo}function a(e){var r=e.length,t=e.numberOfChannels,o=e.sampleRate,n=new c(t,r,o),u=n.createBufferSource();u.buffer=e;var f=n.createBiquadFilter();return f.type="lowpass",u.connect(f),f.connect(n.destination),u}function i(e){for(var r=[],t=.9,o=.3,n=15;r.length<n&&t>=o;)r=l(e,t),t-=.05;if(r.length<n)throw new Error("Could not find enough samples for a reliable detection.");return r}function l(e,r){for(var t=[],o=0,n=e.length;o<n;o+=1)e[o]>r&&(t.push(o),o+=1e4);return t}function y(e){var r=[];return e.forEach(function(t,o){for(var n=function(x){var g=e[o+x]-t,_=r.some(function(h){if(h.interval===g)return h.count+=1});_||r.push({interval:g,count:1})},u=0;u<10;u+=1)n(u)}),r}function O(e){return function(r){var t=[];return r.forEach(function(o){if(o.interval!==0){for(var n=60/(o.interval/e);n<90;)n*=2;for(;n>180;)n/=2;n=Math.round(n);var u=t.some(function(f){if(f.tempo===n)return f.count+=o.count});u||t.push({tempo:n,count:o.count})}}),t}}return v}var p,b;function q(){return b||(b=1,p=k().default),p}var m=q();const A=P(m),D=j({__proto__:null,default:A},[m]);export{D as i};
+import{g as P}from"./index-CUXnyoIa.js";function j(c,d){for(var s=0;s<d.length;s++){const a=d[s];if(typeof a!="string"&&!Array.isArray(a)){for(const i in a)if(i!=="default"&&!(i in c)){const l=Object.getOwnPropertyDescriptor(a,i);l&&Object.defineProperty(c,i,l.get?l:{enumerable:!0,get:()=>a[i]})}}}return Object.freeze(Object.defineProperty(c,Symbol.toStringTag,{value:"Module"}))}var v={},w;function k(){if(w)return v;w=1,Object.defineProperty(v,"__esModule",{value:!0}),v.default=d;var c=window.OfflineAudioContext||window.webkitOfflineAudioContext;function d(e){var r=a(e);return r.start(0),[i,y,O(e.sampleRate),s].reduce(function(t,o){return o(t)},r.buffer.getChannelData(0))}function s(e){return e.sort(function(r,t){return t.count-r.count}).splice(0,5)[0].tempo}function a(e){var r=e.length,t=e.numberOfChannels,o=e.sampleRate,n=new c(t,r,o),u=n.createBufferSource();u.buffer=e;var f=n.createBiquadFilter();return f.type="lowpass",u.connect(f),f.connect(n.destination),u}function i(e){for(var r=[],t=.9,o=.3,n=15;r.length<n&&t>=o;)r=l(e,t),t-=.05;if(r.length<n)throw new Error("Could not find enough samples for a reliable detection.");return r}function l(e,r){for(var t=[],o=0,n=e.length;o<n;o+=1)e[o]>r&&(t.push(o),o+=1e4);return t}function y(e){var r=[];return e.forEach(function(t,o){for(var n=function(x){var g=e[o+x]-t,_=r.some(function(h){if(h.interval===g)return h.count+=1});_||r.push({interval:g,count:1})},u=0;u<10;u+=1)n(u)}),r}function O(e){return function(r){var t=[];return r.forEach(function(o){if(o.interval!==0){for(var n=60/(o.interval/e);n<90;)n*=2;for(;n>180;)n/=2;n=Math.round(n);var u=t.some(function(f){if(f.tempo===n)return f.count+=o.count});u||t.push({tempo:n,count:o.count})}}),t}}return v}var p,b;function q(){return b||(b=1,p=k().default),p}var m=q();const A=P(m),D=j({__proto__:null,default:A},[m]);export{D as i};

package/dist/studio/assets/{index-Del6XWZj.js → index-MSOSP1-J.js}

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

package/dist/studio/index.d.ts

@@ -31,6 +31,10 @@ interface PlayerControlsProps {
     disabled?: boolean;
     isFullscreen?: boolean;
     onToggleFullscreen?: () => void;
+    /** Needed to read the soloed clips' labels out of the preview document. */
+    previewIframeRef?: {
+        current: HTMLIFrameElement | null;
+    };
 }
 declare const PlayerControls: react.NamedExoticComponent<PlayerControlsProps>;
 
@@ -113,6 +117,12 @@ interface KeyframeSlice {
     setClipExpanded: (id: string, expanded: boolean) => void;
     /** Union-expand clips (keyframed clips are expanded by default on load). */
     expandClips: (ids: readonly string[]) => void;
+    /** Groups whose member rows the caret has shown (structural, not lanes). */
+    expandedGroupIds: Set<string>;
+    toggleGroupExpanded: (id: string) => void;
+    /** Rows (clip id or group id) whose automation-lane rows the `∿` button opened. */
+    expandedLaneOwnerIds: Set<string>;
+    toggleLaneOwnerExpanded: (id: string) => void;
     /**
      * Project/session/element-scoped request. Its nonce is monotonic across store
      * resets so a stale consumer can never collide with a later request.
@@ -177,6 +187,56 @@ interface ThumbnailSlice {
     setThumbnailMode: (mode: ThumbnailMode) => void;
 }
 
+/**
+ * "Hear only this" — session-only monitoring override, never persisted.
+ *
+ * Holds clip ids and group ids (never track numbers, per the design doc: solo
+ * is a per-element/per-group concept, not a row-position one). Exclusive by
+ * default (a plain toggle replaces the set); ⌘/Ctrl-click adds/removes one
+ * member without disturbing the rest. Never written to any attribute or
+ * document — the export-safety guarantee this slice exists to hold.
+ */
+
+interface AudioSoloSlice {
+    soloed: ReadonlySet<string>;
+    toggleSolo: (id: string, options?: {
+        add?: boolean;
+    }) => void;
+    clearSolo: () => void;
+}
+
+/**
+ * The two editing-mode toggles the timeline toolbar owns.
+ *
+ * A store slice rather than toolbar-local state because both are read far from
+ * where they are set: the motion-path arm is consumed by the canvas click
+ * handler and published by MotionPathOverlay, and the auto-keyframe flag
+ * decides what a drag/resize/rotate does inside the edit commit path.
+ *
+ * `motionPathArmed` is also cleared by playerStore on selection change — arming
+ * survives neither a new element nor a project switch, so those resets stay
+ * with the state they clear alongside.
+ */
+
+interface EditingModeSlice {
+    /** Motion-path "set destination" mode. Armed from the preview toolbar
+     *  (replaces the old double-click-on-canvas UX); while armed, one canvas
+     *  click places the new path's destination. */
+    motionPathArmed: boolean;
+    setMotionPathArmed: (armed: boolean) => void;
+    /** Published by MotionPathOverlay so the toolbar shows the button only when
+     *  the selected element can actually take a path. */
+    motionPathCreateAvailable: boolean;
+    setMotionPathCreateAvailable: (available: boolean) => void;
+    /** Global toggle for the "Add keyframe" diamond in the timeline toolbar
+     *  (#1808). When false, a manual drag/resize/rotate edit on an element that
+     *  already has a live tween shifts every keyframe by the edit's delta
+     *  (preserving the animation's shape) instead of inserting/updating a
+     *  keyframe at the playhead. */
+    autoKeyframeEnabled: boolean;
+    setAutoKeyframeEnabled: (enabled: boolean) => void;
+}
+
 type TimeListener = (time: number) => void;
 declare const liveTime: {
     notify: (time: number) => void;
@@ -250,6 +310,16 @@ interface TimelineElement {
     hidden?: boolean;
     /** Value of data-timeline-role attribute — used to identify music vs. voiceover. */
     timelineRole?: string;
+    /** Verbatim `data-audio-group` — the id of the `<hf-audio-group>` this clip belongs to, when any. */
+    audioGroup?: string;
+    /** The owning group's `data-label` (falls back to its id) — resolved once per parse. */
+    audioGroupLabel?: string;
+    /** The owning group's `data-volume` (defaults to 1) — resolved once per parse. */
+    audioGroupVolume?: number;
+    /** The owning group's `data-hidden` (defaults to false) — resolved once per parse. */
+    audioGroupHidden?: boolean;
+    /** The owning group's serialized `data-fx-chain`, when set — resolved once per parse. */
+    audioGroupFxChain?: string;
     /**
      * Set by useExpandedTimelineElements on an inline-expanded sub-composition
      * child: the absolute master-timeline start of the sub-comp host the child
@@ -265,7 +335,7 @@ type TimelineTool = "select" | "razor";
 interface SelectElementOptions {
     preserveSet?: boolean;
 }
-interface PlayerState extends KeyframeSlice, AutomationSelectionSlice, ThumbnailSlice {
+interface PlayerState extends KeyframeSlice, AutomationSelectionSlice, ThumbnailSlice, AudioSoloSlice, EditingModeSlice {
     isPlaying: boolean;
     currentTime: number;
     duration: number;
@@ -303,20 +373,6 @@ interface PlayerState extends KeyframeSlice, AutomationSelectionSlice, Thumbnail
      *  (drag, resize, rotate) target this instead of recomputing from playhead. */
     activeKeyframePct: number | null;
     setActiveKeyframePct: (pct: number | null) => void;
-    /** Motion-path "set destination" mode. Armed from the preview toolbar (replaces
-     *  the old double-click-on-canvas UX); while armed, one canvas click places the
-     *  new path's destination. `available` is published by MotionPathOverlay so the
-     *  toolbar shows the button only when the selected element can take a path. */
-    motionPathArmed: boolean;
-    setMotionPathArmed: (armed: boolean) => void;
-    motionPathCreateAvailable: boolean;
-    setMotionPathCreateAvailable: (available: boolean) => void;
-    /** Global toggle for the "Add keyframe" diamond in the timeline toolbar (#1808).
-     *  When false, a manual drag/resize/rotate edit on an element that already has
-     *  a live tween shifts every keyframe by the edit's delta (preserving the
-     *  animation's shape) instead of inserting/updating a keyframe at the playhead. */
-    autoKeyframeEnabled: boolean;
-    setAutoKeyframeEnabled: (enabled: boolean) => void;
     /** Multi-select: additional selected elements beyond selectedElementId. */
     selectedElementIds: Set<string>;
     clearSelectedElementIds: () => void;
@@ -355,7 +411,7 @@ interface PlayerState extends KeyframeSlice, AutomationSelectionSlice, Thumbnail
     setSelectedElementId: (id: string | null, options?: SelectElementOptions) => void;
     /** Move the selection anchor within an active multi-selection without collapsing it. */
     setSelectionAnchor: (id: string | null) => void;
-    updateElement: (elementId: string, updates: Partial<Pick<TimelineElement, "start" | "duration" | "track" | "zIndex" | "hasExplicitZIndex" | "playbackStart" | "hidden">>) => void;
+    updateElement: (elementId: string, updates: Partial<Pick<TimelineElement, "start" | "duration" | "track" | "zIndex" | "hasExplicitZIndex" | "playbackStart" | "hidden" | "audioGroup">>) => void;
     setZoomMode: (mode: ZoomMode) => void;
     setManualZoomPercent: (percent: number) => void;
     bumpZEditVersion: () => void;
@@ -600,6 +656,18 @@ interface TimelineEditCallbacks {
         coalesceKey?: string;
     }) => Promise<void> | void;
     onToggleTrackHidden?: (track: number, hidden: boolean) => Promise<void> | void;
+    /** B7's bus strip: live-write the group's own attribute while dragging. */
+    onSetAudioGroupAttributeLive?: (groupId: string, attr: string, value: string | null) => void;
+    /** ...and persist one undo entry on release. */
+    onSetAudioGroupAttributeQuiet?: (groupId: string, attr: string, value: string | null, label: string) => Promise<void>;
+    /** C1's ungrouped-track FX pointer: "Group these clips" — write
+     *  `data-audio-group` on every one of them, atomically. Same shape B6's
+     *  carve auto-grouping uses. */
+    onGroupClips?: (clipIds: readonly string[], groupId: string) => Promise<void>;
+    /** C1's single-clip FX write: addressed by the clip itself rather than the
+     *  current selection, mirroring `onSetAudioGroupAttributeLive/Quiet`. */
+    onSetElementAttributeLive?: (element: TimelineElement, attr: string, value: string | null) => void;
+    onSetElementAttributeQuiet?: (element: TimelineElement, attr: string, value: string | null, label: string) => Promise<void>;
     onBlockedEditAttempt?: (element: TimelineElement, intent: BlockedTimelineEditIntent) => void;
     onSplitElement?: (element: TimelineElement, splitTime: number) => Promise<void> | void;
     onRazorSplit?: (element: TimelineElement, splitTime: number) => Promise<void> | void;
@@ -759,10 +827,21 @@ interface TimelineEditCallbackDeps {
     handleTimelineElementResize: (element: TimelineElement, updates: Pick<TimelineElement, "start" | "duration" | "playbackStart">) => Promise<void> | void;
     handleTimelineGroupResize: NonNullable<TimelineEditCallbacks["onResizeElements"]>;
     handleToggleTrackHidden: (track: number, hidden: boolean) => Promise<void> | void;
+    setAudioGroupAttribute: {
+        setLive: (groupId: string, attr: string, value: string | null) => void;
+        setQuiet: (groupId: string, attr: string, value: string | null, label: string) => Promise<void>;
+    };
     handleBlockedTimelineEdit: (element: TimelineElement, intent: BlockedTimelineEditIntent) => void;
     handleTimelineElementSplit: (element: TimelineElement, splitTime: number) => Promise<void> | void;
     handleRazorSplit: (element: TimelineElement, splitTime: number) => Promise<void> | void;
     handleRazorSplitAll: (splitTime: number) => Promise<void> | void;
+    /** C1's ungrouped-track FX pointer — same auto-grouping write B6's carve uses. */
+    handleGroupClips?: (clipIds: readonly string[], groupId: string) => Promise<void>;
+    /** C1's single-clip FX write, addressed by the clip itself. */
+    setElementFxAttribute?: {
+        setLive: (element: TimelineElement, attr: string, value: string | null) => void;
+        setQuiet: (element: TimelineElement, attr: string, value: string | null, label: string) => Promise<void>;
+    };
 }
 
 interface BlockPreviewInfo {
@@ -806,7 +885,7 @@ interface EditorShellProps extends TimelineEditCallbackDeps {
     onToggleRecording?: () => void;
     gestureOverlay?: ReactNode;
 }
-declare function EditorShell({ left, right, hidden, timelineToolbar, renderClipContent, handleTimelineElementDelete, handleTimelineAssetDrop, handleTimelineBlockDrop, handleTimelineCompositionDrop, handlePreviewBlockDrop, handleTimelineFileDrop, handleTimelineElementMove, handleTimelineElementsMove, handleTimelineElementResize, handleTimelineGroupResize, handleToggleTrackHidden, handleBlockedTimelineEdit, handleTimelineElementSplit, handleRazorSplit, handleRazorSplitAll, setCompIdToSrc, setCompositionLoading, shouldShowMotionPath, shouldShowSelectedDomBounds, isGestureRecording, recordingState, onToggleRecording, blockPreview, gestureOverlay, }: EditorShellProps): react_jsx_runtime.JSX.Element;
+declare function EditorShell({ left, right, hidden, timelineToolbar, renderClipContent, handleTimelineElementDelete, handleTimelineAssetDrop, handleTimelineBlockDrop, handleTimelineCompositionDrop, handlePreviewBlockDrop, handleTimelineFileDrop, handleTimelineElementMove, handleTimelineElementsMove, handleTimelineElementResize, handleTimelineGroupResize, handleToggleTrackHidden, setAudioGroupAttribute, handleGroupClips, setElementFxAttribute, handleBlockedTimelineEdit, handleTimelineElementSplit, handleRazorSplit, handleRazorSplitAll, setCompIdToSrc, setCompositionLoading, shouldShowMotionPath, shouldShowSelectedDomBounds, isGestureRecording, recordingState, onToggleRecording, blockPreview, gestureOverlay, }: EditorShellProps): react_jsx_runtime.JSX.Element;
 
 interface NLEPreviewProps {
     projectId: string;
@@ -966,6 +1045,8 @@ interface PropertyPanelProps {
     onRemoveTextField: (fieldKey: string) => void;
     onAskAgent: () => void;
     onToggleElementHidden?: (elementKey: string, hidden: boolean) => void | Promise<void>;
+    /** B6: group two or more picked voice clips, atomically, one undo entry. */
+    onAutoGroupCarveSources?: (clipIds: readonly string[], groupId: string) => Promise<void>;
     onImportAssets?: (files: FileList, dir?: string) => Promise<string[]>;
     onAddMediaOverlay?: AddMediaOverlayHandler;
     fontAssets?: ImportedFontAsset[];

package/dist/studio/index.html

@@ -5,8 +5,8 @@
     <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-Cx_UrhoW.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-DcF4s1PG.css">
+    <script type="module" crossorigin src="/assets/index-CUXnyoIa.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-Ba9zbpT9.css">
   </head>
   <body>
     <div data-hf-id="hf-aph5" id="root"></div>