@hyperframes/studio 0.8.184 → 0.8.185

package/dist/index.html

@@ -14,7 +14,7 @@
         document.documentElement.dataset.theme = "paper";
       }
     </script>
-    <script type="module" crossorigin src="/assets/index-BABXr78Q.js"></script>
+    <script type="module" crossorigin src="/assets/index-C_6rTpaB.js"></script>
     <link rel="stylesheet" crossorigin href="/assets/index-CESvLzz0.css">
   </head>
   <body>

package/dist/index.js

@@ -26696,7 +26696,7 @@ var GUARDRAIL_LINES = [
   "- Make a targeted change to this element only, unless the request is a timeline edit.",
   "- Preserve the rest of the composition and its timing, except what a timeline edit changes.",
   "- Do not modify other elements' data-* attributes or positioning, except where the requested timeline edit requires it (split, retime, reorder, copy a group, swap media).",
-  "- For timeline edits (trim, split, speed, volume, copy, swap), follow the creator-editing-recipes reference of the hyperframes-core skill and use its exact attribute forms.",
+  "- For timeline edits (trim, split, speed, volume, copy, swap), use the `hyperframes timeline` edit commands (`hyperframes-cli` skill) or the exact attribute forms in the `hyperframes` skill's `references/format.md`.",
   "- Prefer existing inline styles or existing CSS rules for this element over adding unrelated selectors."
 ];
 function formatBoundingBox(bounds) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hyperframes/studio",
-  "version": "0.8.184",
+  "version": "0.8.185",
   "description": "",
   "repository": {
     "type": "git",
@@ -59,12 +59,12 @@
     "dockview-react": "8.3.1",
     "gsap": "^3.13.0",
     "mediabunny": "^1.45.3",
-    "@hyperframes/core": "0.8.184",
-    "@hyperframes/parsers": "0.8.184",
-    "@hyperframes/sdk": "0.8.184",
-    "@hyperframes/shader-transitions": "0.8.184",
-    "@hyperframes/studio-server": "0.8.184",
-    "@hyperframes/player": "0.8.184"
+    "@hyperframes/core": "0.8.185",
+    "@hyperframes/parsers": "0.8.185",
+    "@hyperframes/shader-transitions": "0.8.185",
+    "@hyperframes/player": "0.8.185",
+    "@hyperframes/studio-server": "0.8.185",
+    "@hyperframes/sdk": "0.8.185"
   },
   "devDependencies": {
     "@tailwindcss/vite": "^4.3.3",
@@ -81,7 +81,7 @@
     "vite": "^6.4.2",
     "vitest": "^4.1.11",
     "zustand": "^5.0.0",
-    "@hyperframes/producer": "0.8.184"
+    "@hyperframes/producer": "0.8.185"
   },
   "peerDependencies": {
     "react": "19",

package/src/components/editor/audioFxTelemetry.ts

@@ -198,7 +198,7 @@ export function trackEqChanged(band: string, value: number): void {
  *
  * This is how agent-applied effects become visible at all. An agent asked to
  * fix a mix does not drive the panel — it edits the composition HTML, or runs
- * `scripts/carve.mjs`, and the rack simply finds the result already present.
+ * `skills/media-use/audio/scripts/carve.mjs`, and the rack simply finds the result already present.
  * None of the events above will ever fire for that work.
  *
  * So the panel reports the shape of what it was handed, and how many edits this

package/src/components/editor/domEditingAgentPrompt.test.ts

@@ -81,7 +81,7 @@ describe("buildElementAgentPrompt", () => {
         "- Make a targeted change to this element only, unless the request is a timeline edit.",
         "- Preserve the rest of the composition and its timing, except what a timeline edit changes.",
         "- Do not modify other elements' data-* attributes or positioning, except where the requested timeline edit requires it (split, retime, reorder, copy a group, swap media).",
-        "- For timeline edits (trim, split, speed, volume, copy, swap), follow the creator-editing-recipes reference of the hyperframes-core skill and use its exact attribute forms.",
+        "- For timeline edits (trim, split, speed, volume, copy, swap), use the `hyperframes timeline` edit commands (`hyperframes-cli` skill) or the exact attribute forms in the `hyperframes` skill's `references/format.md`.",
         "- Prefer existing inline styles or existing CSS rules for this element over adding unrelated selectors.",
       ].join("\n"),
     );
@@ -164,7 +164,7 @@ describe("buildPickerAgentPrompt", () => {
       "- Make a targeted change to this element only, unless the request is a timeline edit.",
       "- Preserve the rest of the composition and its timing, except what a timeline edit changes.",
       "- Do not modify other elements' data-* attributes or positioning, except where the requested timeline edit requires it (split, retime, reorder, copy a group, swap media).",
-      "- For timeline edits (trim, split, speed, volume, copy, swap), follow the creator-editing-recipes reference of the hyperframes-core skill and use its exact attribute forms.",
+      "- For timeline edits (trim, split, speed, volume, copy, swap), use the `hyperframes timeline` edit commands (`hyperframes-cli` skill) or the exact attribute forms in the `hyperframes` skill's `references/format.md`.",
       "- Prefer existing inline styles or existing CSS rules for this element over adding unrelated selectors.",
     ].join("\n");
     expect(domPrompt.endsWith(guardrails)).toBe(true);

package/src/components/editor/domEditingAgentPrompt.ts

@@ -31,7 +31,7 @@ const GUARDRAIL_LINES = [
   "- Make a targeted change to this element only, unless the request is a timeline edit.",
   "- Preserve the rest of the composition and its timing, except what a timeline edit changes.",
   "- Do not modify other elements' data-* attributes or positioning, except where the requested timeline edit requires it (split, retime, reorder, copy a group, swap media).",
-  "- For timeline edits (trim, split, speed, volume, copy, swap), follow the creator-editing-recipes reference of the hyperframes-core skill and use its exact attribute forms.",
+  "- For timeline edits (trim, split, speed, volume, copy, swap), use the `hyperframes timeline` edit commands (`hyperframes-cli` skill) or the exact attribute forms in the `hyperframes` skill's `references/format.md`.",
   "- Prefer existing inline styles or existing CSS rules for this element over adding unrelated selectors.",
 ];
 

package/src/components/editor/useFxChainObserved.ts

@@ -16,7 +16,7 @@ import type { DomEditSelection } from "./domEditingTypes";
 /**
  * This is the only way agent-applied effects become visible. An agent asked to
  * fix a mix does not drive this panel — it edits the composition HTML, or runs
- * `scripts/carve.mjs`, and the rack simply finds the work already done. Not
+ * `skills/media-use/audio/scripts/carve.mjs`, and the rack simply finds the work already done. Not
  * one of the panel's own events fires for any of it.
  *
  * So: watch the chain's shape, and report it when it changes without a panel

package/src/components/feedback/projectProvenance.ts

@@ -3,7 +3,7 @@ import { buildProjectApiPath } from "../../utils/projectRouting";
 // How this project came to exist, and roughly what shape it is.
 //
 // A crash report says what broke. It does not say what the user was working ON,
-// and "a project made by /faceless-explainer with 14 compositions and 60 assets"
+// and "a project made by /slideshow with 14 compositions and 60 assets"
 // reproduces a crash that "Cannot read properties of undefined" never will.
 //
 // Held at module scope on purpose: a crash unmounts the React tree, so anything

package/src/utils/previewSafeMargins.test.ts

@@ -1,4 +1,4 @@
-import { existsSync, readFileSync } from "node:fs";
+import { readFileSync } from "node:fs";
 import { join } from "node:path";
 import { describe, expect, it } from "vitest";
 import {
@@ -8,7 +8,7 @@ import {
   safeBoxInsetPercent,
 } from "./previewSafeMargins";
 
-const SKILL_PATH = join(import.meta.dirname, "../../../../skills/hyperframes-studio/SKILL.md");
+const SKILL_PATH = join(import.meta.dirname, "../../../../skills/hyperframes/SKILL.md");
 
 describe("safe boxes", () => {
   it("are the 90% and 80% boxes, inset 5% and 10% from every edge", () => {
@@ -17,15 +17,15 @@ describe("safe boxes", () => {
   });
 });
 
-// Skipped until the hyperframes-studio skill exists on this branch.
-describe.runIf(existsSync(SKILL_PATH))("hyperframes-studio skill matches the constants", () => {
-  it("has a safe-margins line naming both percentages", () => {
+describe("the hyperframes skill matches the constants", () => {
+  it("has a safe-box line naming both percentages", () => {
     const skill = readFileSync(SKILL_PATH, "utf8");
     const line = skill
       .split("\n")
       .find(
         (l) =>
-          /\bsafe margins?\b/i.test(l) &&
+          /action-safe/i.test(l) &&
+          /title-safe/i.test(l) &&
           l.includes(`${ACTION_SAFE_PERCENT}%`) &&
           l.includes(`${TITLE_SAFE_PERCENT}%`),
       );