{ "schemaVersion": 1, "recipeId": "codex-modal-relay", "status": "draft", "completed": false, "nativeIndex": { "path": "evidence/native-packages-first20-review03/codex-modal-relay/index.json", "bytes": 184329, "sha256": "5bf1b1efabc8ab3fa847ead448930d0af3ff38a2e425b82485c23f12894f4b8a" }, "source": { "endFrameExclusive": 1512, "film": "A first look at the Codex app", "fps": { "denominator": 1001, "numerator": 24000 }, "height": 1080, "sha256": "d5f8b05e7d123aa336f22d01210b315bfd914aa3d380e70ca21783f023174895", "startFrame": 1390, "url": "https://www.youtube.com/watch?v=0e-Brv-gS9Q", "width": 1920 }, "boundProjectFiles": [ { "bytes": 140230, "path": "project/package-lock.json", "sha256": "d49a849f7eb399e171ed709b67e00e96104f1116e571c96e6e94952e14110922" }, { "bytes": 928, "path": "project/package.json", "sha256": "78bbb94c56da3bfd012607ca3ba88e063ee2a280a65ae6d99175cbe50b1e34fb" }, { "bytes": 938, "path": "project/public/art/codex-modal-relay/desktop-adaptation.svg", "sha256": "701e110d5f01c4f30c223b3814bb4a8c7615c0c8fd1d9849a1364edc59d568ee" }, { "bytes": 938, "path": "project/public/art/codex-modal-relay/desktop-default.svg", "sha256": "ddbafa343e6225d3db695138c00f973588a4df260eba9eb6d8e7188573a9b8f6" }, { "bytes": 647983, "path": "project/public/art/codex-modal-relay/workspace-r04-adaptation-after.svg", "sha256": "0ac4af34efb9d8be4fa8444243a5cd92f804f4ac25361fd44710f1122bd4ec49" }, { "bytes": 657405, "path": "project/public/art/codex-modal-relay/workspace-r04-adaptation-before.svg", "sha256": "0534b6433eb757db7d7b2ac140fe49bd20b44ccf2a441ba3a81cf99338b69f47" }, { "bytes": 642348, "path": "project/public/art/codex-modal-relay/workspace-r04-default-after.svg", "sha256": "3bece8b343c72d003fcd09a4bb292fcb052e7a109e428c0cb212d5442ae00f90" }, { "bytes": 651770, "path": "project/public/art/codex-modal-relay/workspace-r04-default-before.svg", "sha256": "bd814d3c777c99bd95c13d7d5eb580e513b3b9497ab6a9101736d1b7f0914bea" }, { "bytes": 169056, "path": "project/public/fonts/Geist.ttf", "sha256": "73894e0448cae90a92b6c2f8732b7bb9acb7b94c418bff559dad4a18e1de9659" }, { "bytes": 100986, "path": "project/recipes/codex-modal-relay.json", "sha256": "3ff66cf81c672ad9c1fbd7de3b180c2069a7dbcbab3c29b33c5289c141de13c1" }, { "bytes": 193, "path": "project/remotion.config.ts", "sha256": "240cf99c8d4908d9e1904465dd1e3156b483e18e4470278d23ffa21d283956f1" }, { "bytes": 43198, "path": "project/scripts/lib.mjs", "sha256": "b6c6535fc7279ff63f3feecb696d3b3092d5efbcb1491d7e7b525933e8d5b0e8" }, { "bytes": 13012, "path": "project/scripts/render.mjs", "sha256": "efd75f96353eebb7a4c15ccad939aad8bb5d3cb9dbd790d3c48aa8d4f53a7886" }, { "bytes": 2067, "path": "project/scripts/verify.mjs", "sha256": "a99a2b9582e3735b3d49a784af0c471ab971759d555182b0854cdc9bba9a268e" }, { "bytes": 1000, "path": "project/src/Edit.tsx", "sha256": "ab99b024849190653a750d010be38b23a8a37356a071da858dca5bdc5c27fa0e" }, { "bytes": 1684, "path": "project/src/Root.tsx", "sha256": "9680a4c588bd063ba287a0c875f441ac348fe1a76a2d988a44685e3606922fbe" }, { "bytes": 8993, "path": "project/src/Treatment.tsx", "sha256": "619961bce2dd3ceb6ef66a4a2575956eda749a73dc4bb8d716d6534b3c96e1ce" }, { "bytes": 2449, "path": "project/src/assemble.ts", "sha256": "adb57e34e9f9d5fed4e2445b609f3ba40da3926b6360e7fd7eb15bd0a541d6df" }, { "bytes": 88, "path": "project/src/index.ts", "sha256": "2e0e358282a1b998a65387c653b97c2bb2eb7aae94cf200fc0b8d919f7be73a6" }, { "bytes": 411, "path": "project/src/library.ts", "sha256": "b3863be1ff2f053c8e3985f25160373a77da0b7cd2dbc020294124d6d3526b09" }, { "bytes": 1964, "path": "project/src/text-fit.ts", "sha256": "654cd5107172867298aca159cc5dbebced88c3ad11844f6eb47e022842091b38" }, { "bytes": 1861, "path": "project/src/timing.ts", "sha256": "b7228f76ac5fd8a3854e2e9777238a68f4ba7db105b2818a3dadd7f22865e434" }, { "bytes": 5347, "path": "project/src/types.ts", "sha256": "e9d1d73a9fa77f4886349459f8e5f9099678b7c4ad84c827b01b854306e77dd3" }, { "bytes": 10044, "path": "project/src/validate.ts", "sha256": "3bd5c305bc287eba524c3315e9a38de8ab4c43b3453d31c5ee93a413a34caf43" }, { "bytes": 381, "path": "project/tsconfig.json", "sha256": "a8c92231b0553e1d8c2f39926b4861156cae5eccb28e1780f2c720f3ab70602e" } ], "reviewedRenders": { "adaptation": { "bindingSha256": "b69bc3e8a7e74c394e1a9311f3f8174e2ba5e06feb0acdc091719b97b9b9d795", "implementationDigest": "d8b9486d145a3c5c2eb163dba433e958b8310df238f13f0c354452a67f35cf22", "inputPropsSha256": "822eaa2e4e0cd3289916b6abb6288ada9e3a70e471639e7e91aa935f215e1d7b", "manifest": { "bytes": 264028, "path": "renders/codex-modal-relay/review03/adaptation.manifest.json", "sha256": "c4eafba56b0d5ff0de6d6c91221b7669797a7745021ac49a56af12e6c2affee0" }, "movie": { "bytes": 351471, "path": "renders/codex-modal-relay/review03/adaptation.mp4", "sha256": "5bfdc309b0d51b9fa14a4fddf19f651a90e91f1ed282c4bd9c86514052b86ffd" } }, "default": { "bindingSha256": "ca7da12c29486640f9f37fcd9ddebee2f0a9aa4fd1a3c94528e530c307f309dc", "implementationDigest": "d8b9486d145a3c5c2eb163dba433e958b8310df238f13f0c354452a67f35cf22", "inputPropsSha256": "f3e16ef036b8872861d8f610ef65d610358abc6e0a25850e7f63566f344916e9", "manifest": { "bytes": 263921, "path": "renders/codex-modal-relay/review03/original.manifest.json", "sha256": "020664a5a9fc157f3f25ff89af1e243d32dc4adb38547a06d6bfa7c63de74e00" }, "movie": { "bytes": 351772, "path": "renders/codex-modal-relay/review03/original.mp4", "sha256": "4cfe5eea075183fe1e122172e7eb9a287b7e29750944457e55cc38f5abc7791b" } } }, "renderBindings": { "adaptation": { "binding": { "version": 1, "compositionId": "Treatment", "implementation": { "files": { "src/assemble.ts": { "sha256": "adb57e34e9f9d5fed4e2445b609f3ba40da3926b6360e7fd7eb15bd0a541d6df", "resolvedPath": "src/assemble.ts" }, "src/Edit.tsx": { "sha256": "ab99b024849190653a750d010be38b23a8a37356a071da858dca5bdc5c27fa0e", "resolvedPath": "src/Edit.tsx" }, "src/index.ts": { "sha256": "2e0e358282a1b998a65387c653b97c2bb2eb7aae94cf200fc0b8d919f7be73a6", "resolvedPath": "src/index.ts" }, "src/library.ts": { "sha256": "b3863be1ff2f053c8e3985f25160373a77da0b7cd2dbc020294124d6d3526b09", "resolvedPath": "src/library.ts" }, "src/Root.tsx": { "sha256": "9680a4c588bd063ba287a0c875f441ac348fe1a76a2d988a44685e3606922fbe", "resolvedPath": "src/Root.tsx" }, "src/text-fit.ts": { "sha256": "654cd5107172867298aca159cc5dbebced88c3ad11844f6eb47e022842091b38", "resolvedPath": "src/text-fit.ts" }, "src/timing.ts": { "sha256": "b7228f76ac5fd8a3854e2e9777238a68f4ba7db105b2818a3dadd7f22865e434", "resolvedPath": "src/timing.ts" }, "src/Treatment.tsx": { "sha256": "619961bce2dd3ceb6ef66a4a2575956eda749a73dc4bb8d716d6534b3c96e1ce", "resolvedPath": "src/Treatment.tsx" }, "src/types.ts": { "sha256": "e9d1d73a9fa77f4886349459f8e5f9099678b7c4ad84c827b01b854306e77dd3", "resolvedPath": "src/types.ts" }, "src/validate.ts": { "sha256": "3bd5c305bc287eba524c3315e9a38de8ab4c43b3453d31c5ee93a413a34caf43", "resolvedPath": "src/validate.ts" }, "scripts/lib.mjs": { "sha256": "b6c6535fc7279ff63f3feecb696d3b3092d5efbcb1491d7e7b525933e8d5b0e8", "resolvedPath": "scripts/lib.mjs" }, "scripts/render.mjs": { "sha256": "efd75f96353eebb7a4c15ccad939aad8bb5d3cb9dbd790d3c48aa8d4f53a7886", "resolvedPath": "scripts/render.mjs" }, "scripts/verify.mjs": { "sha256": "a99a2b9582e3735b3d49a784af0c471ab971759d555182b0854cdc9bba9a268e", "resolvedPath": "scripts/verify.mjs" }, "package.json": { "sha256": "78bbb94c56da3bfd012607ca3ba88e063ee2a280a65ae6d99175cbe50b1e34fb", "resolvedPath": "package.json" }, "package-lock.json": { "sha256": "d49a849f7eb399e171ed709b67e00e96104f1116e571c96e6e94952e14110922", "resolvedPath": "package-lock.json" }, "tsconfig.json": { "sha256": "a8c92231b0553e1d8c2f39926b4861156cae5eccb28e1780f2c720f3ab70602e", "resolvedPath": "tsconfig.json" }, "remotion.config.ts": { "sha256": "240cf99c8d4908d9e1904465dd1e3156b483e18e4470278d23ffa21d283956f1", "resolvedPath": "remotion.config.ts" } }, "sha256": "d8b9486d145a3c5c2eb163dba433e958b8310df238f13f0c354452a67f35cf22", "scope": "src/**, scripts/{lib,render,verify}.mjs, package.json, package-lock.json, tsconfig.json, remotion.config.ts; authoring helpers, catalog, tests and node_modules excluded" }, "dependencies": { "sha256": "d49a849f7eb399e171ed709b67e00e96104f1116e571c96e6e94952e14110922", "nodeModules": "excluded; lock and exact direct versions bound, installed dependency bytes are not attested" }, "recipeFile": { "path": "recipes/codex-modal-relay.json", "sha256": "3ff66cf81c672ad9c1fbd7de3b180c2069a7dbcbab3c29b33c5289c141de13c1" }, "inputSource": { "kind": "variant", "variant": "adaptation" }, "inputProps": { "recipe": { "schemaVersion": 1, "id": "codex-modal-relay", "title": "Branch-to-commit modal relay on a held workspace", "description": "DRAFT — Attention moves through dimmed dialog, one-frame compact progress state, confirmation, an undimmed breathing interval and a taller second dialog, while the underlying workspace stays registered. Original illustrated UI, not real Poe; not fidelity-approved.", "families": [ "overlay", "interface", "continuity" ], "intents": [ "Attention moves through dimmed dialog, one-frame compact progress state, confirmation, an undimmed breathing interval and a taller second dialog, while the underlying workspace stays registered." ], "tags": [ "draft", "original-illustration", "not-poe", "interface-04" ], "distinctness": { "mechanism": "Attention moves through dimmed dialog, one-frame compact progress state, confirmation, an undimmed breathing interval and a taller second dialog, while the underlying workspace stays registered.", "notEquivalentTo": [ "Not a lower third: these central task layers suppress and restore the underlying app.", "Not a generic modal entrance: the two-dialog relay and intervening undimmed state are essential." ] }, "source": { "slug": "codex-first-look", "film": "A first look at the Codex app", "url": "https://www.youtube.com/watch?v=0e-Brv-gS9Q", "localMedia": "references/openai/media/codex-first-look.mp4", "sha256": "d5f8b05e7d123aa336f22d01210b315bfd914aa3d380e70ca21783f023174895", "fps": { "numerator": 24000, "denominator": 1001 }, "width": 1920, "height": 1080, "startFrame": 1390, "endFrameExclusive": 1512 }, "canvas": { "width": 1920, "height": 1080, "background": "#ffffff" }, "observations": [ { "kind": "measured", "sourceFrames": [ 1393, 1394, 1415, 1416, 1417 ], "statement": "Workspace is undimmed at f1393; first dialog and scrim are present at f1394. f1416 contains a compact progress state between the f1415 form and f1417 success state. That one-source-frame state is not a latency measurement.", "evidence": [ "../research/interface/evidence/interface-04/source.mp4", "../research/interface/evidence/interface-04-native.jpg", "../research/interface/evidence/interface-04-anchors.jpg" ] }, { "kind": "measured", "sourceFrames": [ 1436, 1437, 1476, 1477, 1478 ], "statement": "Dialog and dimming are absent at f1437 after being present at f1436. The taller second form starts visibly appearing at f1477 and is opaque by f1478.", "evidence": [ "../research/interface/evidence/interface-04/source.mp4", "../research/interface/evidence/interface-04-native.jpg", "../research/interface/evidence/interface-04-anchors.jpg" ] }, { "kind": "measured", "sourceFrames": [ 1394, 1416, 1478 ], "statement": "Bright-fill threshold envelopes within the modal ROI are [552,456,1032,849], [550,565,1033,845] and [525,336,1058,969]. The second dialog is taller and slightly wider, not the same box with different words.", "evidence": [ "../research/interface/evidence/interface-04/source.mp4", "../research/interface/evidence/interface-04-native.jpg", "../research/interface/evidence/interface-04-anchors.jpg" ] }, { "kind": "estimate", "sourceFrames": [ 1394, 1437, 1478 ], "statement": "The app fills about 90% of the frame width and remains positionally stable. Dialog fill density changes from a short form to a multi-option form; scrim opacity is not measured.", "evidence": [ "../research/interface/evidence/interface-04/source.mp4", "../research/interface/evidence/interface-04-native.jpg", "../research/interface/evidence/interface-04-anchors.jpg" ] }, { "kind": "unresolved", "sourceFrames": [ 1416, 1477 ], "statement": "Exact scrim alpha, entrance blend and source font metrics remain unfitted. The one-frame progress state must not be stretched into a fabricated real operation.", "evidence": [ "../research/interface/evidence/interface-04/source.mp4", "../research/interface/evidence/interface-04-native.jpg", "../research/interface/evidence/interface-04-anchors.jpg" ] }, { "kind": "implementation-choice", "statement": "Original illustrated interface artwork, visibly labelled NOT POE. SVG type is outlined from the licensed local Geist, without font bytes or external resources; editable TextLayers use the renderer's licensed Geist. Original text and drawn symbols replace all source branding/data. Geometry and source timing remain the study reference, not a real product claim.", "sourceFrames": [ 1390 ], "evidence": [ "art/codex-modal-relay/ASSET-NOTES.json", "art/codex-modal-relay/FONT-LICENSE.txt" ] }, { "kind": "implementation-choice", "statement": "Private review03 restores source4–14 first-pane rest,47–53 post-close rest with small54 movement,88–94 second-pane rest, and following native accelerations. Existing63–86 keys retain repaired72–86. Hand97–118 retains selection110 and arrow departure119. Only the original generic arrowPath style default changes, to rounded shoulder/corners for the measured press contour; its24x30 API, handPath, all text and media defaults remain unchanged. Dimensions, halo, compact exposure/opacity and entry alpha are fits, not recovered source parameters. Entry4/5/6 alpha fits .88/.97/.985;87/88/89 fits .525/.94/.975. Native toolbar, intermediate option98–103, third-option103–120 and Continue120 feedback are independent states, not hit-testing. No fidelity approval.", "sourceFrames": [ 1394, 1404, 1405, 1416, 1437, 1443, 1444, 1445, 1462, 1476, 1477, 1478, 1484, 1485, 1487, 1488, 1493, 1496, 1500, 1508, 1509, 1510 ], "evidence": [ "../evidence/review-interface-a/retest-cc-cm-review02/codex-modal-relay/review.json", "../evidence/private-cc-cm-review03/source-cursor-components.json" ] }, { "kind": "measured", "statement": "Native reinspection pins the third-option check to local110: ROI[987,855,34,34] has zero dark check pixels through109 and40 at110. Toolbar switches at47; source progress panel at26 is shallow[550,565,483,174], preceding confirmation27. Final pointer approaches Continue; no final click occurs inside this span.", "sourceFrames": [ 1416, 1417, 1437, 1499, 1500, 1509, 1510, 1511 ], "evidence": [ "../evidence/review-interface-a/codex-modal-relay/source-native.mp4", "../evidence/review-interface-a/codex-modal-relay/probes/source/0026.png" ] }, { "kind": "estimate", "statement": "Revision04 original controls restore first/confirmation box[550,451,483,402] and second box[525,334,533,636],26px radii,17/24px type, icon/close controls, draft/change rows, on-switch, empty textarea placeholder, next-step heading and full-width divided options. Native source geometry is observed; font optical metrics, shadow, scrim and intermediate cursor/exposure remain fits.", "sourceFrames": [ 1394, 1410, 1425, 1450, 1478, 1511 ], "evidence": [ "../evidence/review-interface-a/codex-modal-relay/review.json" ] }, { "kind": "measured", "statement": "Review02 input fit: consecutive native source63–86 dark-pointer components place the visible tip at[1300.5,250] on72,[1302,248] on74,[1306.5,243] on75,[1326.5,221] on77 and[1391,48] on86. The almost-held below-toolbar phase precedes the late approach; source hand is visible at106–107, independently of selection110. These are thresholded visible pixels, not recovered pointer hotspots.", "sourceFrames": [ 1453, 1462, 1463, 1464, 1465, 1466, 1467, 1476, 1496, 1497, 1500 ], "evidence": [ "../evidence/private-cc-cm-input-fit-20260905/source-pointer-measurements.json", "../evidence/private-cc-cm-input-fit-20260905/codex-modal-relay/hand-onset.png" ] }, { "kind": "implementation-choice", "statement": "Historical review02 fit pinned native63–86 and cleared exposure71–74. Review03 retains those position keys but supersedes its60–62, pre-pane and post-pane trajectories and106-only hand onset using the complete source sequence; the hand now starts97. Optical values remain fitted, not recovered source settings.", "sourceFrames": [ 1450, 1451, 1452, 1461, 1464, 1467, 1476, 1490, 1495, 1496 ], "evidence": [ "../evidence/private-cc-cm-input-fit-20260905/source-pointer-measurements.json", "../evidence/private-cc-cm-input-fit-20260905/codex-modal-relay/hand-onset.png" ] } ], "fields": { "disclosure": { "kind": "text", "description": "Required immutable disclosure; original interface illustration, never a product screenshot.", "minLength": 24, "maxLength": 24, "maxLines": 1, "exactLength": 24 }, "desktop": { "kind": "image", "description": "Original desktop illustration, 1920x1080; never source wallpaper.", "aspectRatio": { "numerator": 16, "denominator": 9 }, "minimumWidth": 1920, "minimumHeight": 1080, "fit": "contain" }, "workspaceBefore": { "kind": "image", "description": "Original dense 1720x1080 work-surface. The before/after toolbar changes exactly at local47; its targets are coupled to the pointer. Outlined licensed Geist, no real product capture.", "aspectRatio": { "numerator": 43, "denominator": 27 }, "minimumWidth": 1720, "minimumHeight": 1080, "fit": "contain" }, "workspaceAfter": { "kind": "image", "description": "Original dense 1720x1080 work-surface. The before/after toolbar changes exactly at local47; its targets are coupled to the pointer. Outlined licensed Geist, no real product capture.", "aspectRatio": { "numerator": 43, "denominator": 27 }, "minimumWidth": 1720, "minimumHeight": 1080, "fit": "contain" }, "firstTitle": { "kind": "text", "description": "First form title.", "minLength": 21, "maxLength": 22, "maxLines": 1, "exactLines": 1 }, "firstBody": { "kind": "text", "description": "Exactly three explanatory lines; no product or permission claim.", "minLength": 129, "maxLength": 130, "maxLines": 3, "exactLines": 3 }, "nameLabel": { "kind": "text", "description": "Field heading.", "minLength": 9, "maxLength": 10, "maxLines": 1, "exactLines": 1 }, "prefixHint": { "kind": "text", "description": "Pale right-aligned secondary field control.", "minLength": 10, "maxLength": 10, "maxLines": 1, "exactLines": 1 }, "copyName": { "kind": "text", "description": "Original full draft identifier; paired with copyNameShort and workspace content.", "minLength": 31, "maxLength": 32, "maxLines": 1, "exactLines": 1 }, "firstAction": { "kind": "text", "description": "First form action label.", "minLength": 8, "maxLength": 8, "maxLines": 1, "exactLines": 1 }, "progress": { "kind": "text", "description": "Left-aligned single-frame progress title.", "minLength": 26, "maxLength": 27, "maxLines": 1, "exactLines": 1 }, "progressSubline": { "kind": "text", "description": "Single-frame progress subline.", "minLength": 36, "maxLength": 37, "maxLines": 1, "exactLines": 1 }, "successTitle": { "kind": "text", "description": "Confirmation title.", "minLength": 18, "maxLength": 19, "maxLines": 1, "exactLines": 1 }, "successBody": { "kind": "text", "description": "One-line confirmation.", "minLength": 35, "maxLength": 37, "maxLines": 1, "exactLines": 1 }, "copyNameShort": { "kind": "text", "description": "Deliberately truncated original identifier, manually coupled to copyName.", "minLength": 24, "maxLength": 25, "maxLines": 1, "exactLines": 1 }, "nextHeading": { "kind": "text", "description": "Shared next-step heading.", "minLength": 10, "maxLength": 10, "maxLines": 1, "exactLines": 1 }, "successSteps": { "kind": "text", "description": "First confirmation bullet wraps across exactly two lines.", "minLength": 81, "maxLength": 82, "maxLines": 2, "exactLines": 2 }, "successFoot": { "kind": "text", "description": "Second confirmation bullet with a larger preceding gap.", "minLength": 34, "maxLength": 35, "maxLines": 1, "exactLines": 1 }, "closeAction": { "kind": "text", "description": "Confirmation close action.", "minLength": 5, "maxLength": 5, "maxLines": 1, "exactLines": 1 }, "secondTitle": { "kind": "text", "description": "Second form title.", "minLength": 16, "maxLength": 17, "maxLines": 1, "exactLines": 1 }, "changesLabel": { "kind": "text", "description": "Change-count heading.", "minLength": 7, "maxLength": 7, "maxLines": 1, "exactLines": 1 }, "changeCount": { "kind": "text", "description": "Original summary count, not source demo data.", "minLength": 15, "maxLength": 15, "maxLines": 1, "exactLines": 1 }, "toggleLabel": { "kind": "text", "description": "On-state switch label.", "minLength": 20, "maxLength": 22, "maxLines": 1, "exactLines": 1 }, "summaryLabel": { "kind": "text", "description": "Empty textarea heading.", "minLength": 14, "maxLength": 16, "maxLines": 1, "exactLines": 1 }, "summaryPlaceholder": { "kind": "text", "description": "Two-line placeholder only; no filled summary or generated result.", "minLength": 53, "maxLength": 55, "maxLines": 2, "exactLines": 2 }, "option1": { "kind": "text", "description": "First full-width row, selected until local110.", "minLength": 11, "maxLength": 12, "maxLines": 1, "exactLines": 1 }, "option2": { "kind": "text", "description": "Second full-width row, never selected in this interval.", "minLength": 14, "maxLength": 15, "maxLines": 1, "exactLines": 1 }, "option3": { "kind": "text", "description": "Third full-width row, selected from local110; no completed submission shown.", "minLength": 20, "maxLength": 22, "maxLines": 1, "exactLines": 1 }, "saveAction": { "kind": "text", "description": "Final action is approached, not clicked inside the source interval.", "minLength": 8, "maxLength": 8, "maxLines": 1, "exactLines": 1 }, "arrowPath": { "kind": "path", "description": "Original arrow silhouette; source hotspot is the upper-left pointed tip. Do not replace with a hand in held-arrow phases. Review03 changes only the original generic cursor contour to rounded corners and a lower shoulder; the same 24x30 path API and hotspot contract remain. This style correction is required for the observed press silhouette, not substituted presentation content.", "viewBox": [ 0, 0, 24, 30 ] }, "handPath": { "kind": "path", "description": "Original outlined hand cursor, paired with arrow phases; no remote platform asset.", "viewBox": [ 0, 0, 26, 32 ] } }, "defaults": { "disclosure": "ILLUSTRATED UI · NOT POE", "desktop": { "kind": "image", "path": "art/codex-modal-relay/desktop-default.svg", "width": 1920, "height": 1080, "rights": "Original illustrated study artwork authored for this library; no source footage, screenshots, brand marks or demo data. SVG glyphs outlined from local Geist under SIL OFL 1.1; local FONT-LICENSE.txt. No font bytes or remote resources in SVGs. Not real Poe UI." }, "workspaceBefore": { "kind": "image", "path": "art/codex-modal-relay/workspace-r04-default-before.svg", "width": 1720, "height": 1080, "rights": "Original illustrated study artwork authored for this library; no source footage, screenshots, brand marks or demo data. SVG glyphs outlined from local Geist under SIL OFL 1.1; local FONT-LICENSE.txt. No font bytes or remote resources in SVGs. Not real Poe UI." }, "workspaceAfter": { "kind": "image", "path": "art/codex-modal-relay/workspace-r04-default-after.svg", "width": 1720, "height": 1080, "rights": "Original illustrated study artwork authored for this library; no source footage, screenshots, brand marks or demo data. SVG glyphs outlined from local Geist under SIL OFL 1.1; local FONT-LICENSE.txt. No font bytes or remote resources in SVGs. Not real Poe UI." }, "firstTitle": "Create a working copy", "firstBody": "This copy keeps the original notes intact.\nUse this separate draft for the team review.\nThe source document will remain unchanged.", "nameLabel": "Copy name", "prefixHint": "Set prefix", "copyName": "workshop/review-session-outline", "firstAction": "Continue", "progress": "Preparing the working copy", "progressSubline": "Keeping the original notes unchanged…", "successTitle": "Working copy ready", "successBody": "Your separate review copy is ready.", "copyNameShort": "workshop/review-session-…", "nextHeading": "Next steps", "successSteps": "• Review the notes in this working copy\n and keep the original version unchanged", "successFoot": "• Save a separate copy when ready.", "closeAction": "Close", "secondTitle": "Save your changes", "changesLabel": "Changes", "changeCount": "1 note +17 -2", "toggleLabel": "Include review notes", "summaryLabel": "Review message", "summaryPlaceholder": "Add a short note to describe this review for\nyour team.", "option1": "Save a copy", "option2": "Save and share", "option3": "Save and open review", "saveAction": "Continue", "arrowPath": "M2 2L2 23Q2 24 3 23.3L8 19.4L12 27.5Q12.7 29 14.2 28.2L16.4 27Q17.5 26.4 16.8 25.2L12.7 17.5L19.5 17.5Q20.9 17.5 19.9 16.5L3.2 1.3Q2 .5 2 2Z", "handPath": "M7 15V3C7 0 11 0 11 3V11C11 8 15 8 15 11V12C15 9 19 10 19 13C20 11 23 13 23 15V22L19 29H10L4 21C1 17 4 14 7 18Z" }, "adaptation": { "disclosure": "ILLUSTRATED UI · NOT POE", "desktop": { "kind": "image", "path": "art/codex-modal-relay/desktop-adaptation.svg", "width": 1920, "height": 1080, "rights": "Original illustrated study artwork authored for this library; no source footage, screenshots, brand marks or demo data. SVG glyphs outlined from local Geist under SIL OFL 1.1; local FONT-LICENSE.txt. No font bytes or remote resources in SVGs. Not real Poe UI." }, "workspaceBefore": { "kind": "image", "path": "art/codex-modal-relay/workspace-r04-adaptation-before.svg", "width": 1720, "height": 1080, "rights": "Original illustrated study artwork authored for this library; no source footage, screenshots, brand marks or demo data. SVG glyphs outlined from local Geist under SIL OFL 1.1; local FONT-LICENSE.txt. No font bytes or remote resources in SVGs. Not real Poe UI." }, "workspaceAfter": { "kind": "image", "path": "art/codex-modal-relay/workspace-r04-adaptation-after.svg", "width": 1720, "height": 1080, "rights": "Original illustrated study artwork authored for this library; no source footage, screenshots, brand marks or demo data. SVG glyphs outlined from local Geist under SIL OFL 1.1; local FONT-LICENSE.txt. No font bytes or remote resources in SVGs. Not real Poe UI." }, "firstTitle": "Create a planning copy", "firstBody": "This copy keeps the original plan intact.\nUse this separate draft for the team review.\nThe source document will remain unchanged.", "nameLabel": "Draft name", "prefixHint": "Set prefix", "copyName": "planning/review-launch-checklist", "firstAction": "Continue", "progress": "Preparing the planning copy", "progressSubline": "Keeping the original plan unchanged…", "successTitle": "Planning copy ready", "successBody": "Your separate planning copy is ready.", "copyNameShort": "planning/review-launch-…", "nextHeading": "Next steps", "successSteps": "• Review the plan in this working copy\n and keep the original version unchanged", "successFoot": "• Save a separate draft when ready.", "closeAction": "Close", "secondTitle": "Save your review", "changesLabel": "Changes", "changeCount": "1 plan +17 -2", "toggleLabel": "Include planning notes", "summaryLabel": "Planning message", "summaryPlaceholder": "Add a short note to describe this plan for\nyour team.", "option1": "Save a draft", "option2": "Save and notify", "option3": "Save and open planning", "saveAction": "Continue", "arrowPath": "M2 2L2 23Q2 24 3 23.3L8 19.4L12 27.5Q12.7 29 14.2 28.2L16.4 27Q17.5 26.4 16.8 25.2L12.7 17.5L19.5 17.5Q20.9 17.5 19.9 16.5L3.2 1.3Q2 .5 2 2Z", "handPath": "M7 15V3C7 0 11 0 11 3V11C11 8 15 8 15 11V12C15 9 19 10 19 13C20 11 23 13 23 15V22L19 29H10L4 21C1 17 4 14 7 18Z" }, "adaptationNotes": [ "An original two-step task confirmation study with real or explicitly illustrative before/after assets. Preserve the spatial relay, but use original labels/data and do not imply a verified Poe workflow.", "Default and adaptation are different original scenarios, not source demo data. Keep fixed line breaks, slot dimensions and selection/phase relationships.", "The small on-canvas illustration disclosure is a deliberate non-source addition required to prevent a product-behavior claim.", "Stage is draft. Main owns first renders, moving comparisons and fresh fidelity review; these authored recipes contain no self-approval." ], "invariants": [ "Shared background registration", "Different modal heights", "The undimmed interval", "One-frame source transient in fidelity mode", "Native source interval/fps are locked. All animation keys are local; observation sourceFrames remain absolute.", "Do not remove the ILLUSTRATED UI · NOT POE disclosure.", "All SVGs and media inputs are original, self-contained and rights-declared.", "First visible4 and settles4–6; progress26 only; confirmation27–46; toolbar relay47; second fade87/settles88–89; third-option feedback110; no final submit beyond121.", "Keep original before/after controls under the exact trigger targets. Second summary remains a placeholder, not a generated result." ], "unsupported": [ "No full-film source UI pixels become presentation assets.", "Maintain camera lock while modal state changes.", "No Poe branch or commit behavior is asserted.", "Arbitrary UI screenshots, reflowing copy or aspect-ratio changes are unsupported.", "Fresh moving-source fidelity review and final font/blur/alpha fitting are outstanding.", "Full/truncated identifier, toolbar artwork, option labels and cursor targets are manually coupled; typed constraints do not prove semantic agreement.", "Source pointer subframe blur and optical type metrics require fresh retest. Forty-one-sample cursor exposure and opacity are implementation fits, not a measured source shutter. Generic hand contour and residual exposure weighting differ from source." ], "entry": { "field": "interface", "description": "Short dialog on scrim", "continuityKeys": [ "original-content-identity", "native-clock" ] }, "exit": { "field": "interface", "description": "Taller second form", "continuityKeys": [ "original-content-identity", "native-clock" ] }, "neighbors": { "before": [], "after": [], "rule": "Use an explicit hard cut unless a following shot shares these exact original content/anchor keys. Do not add automatic dissolves or retime the source-native passage." }, "layers": [ { "kind": "image", "id": "desktop", "start": 0, "end": 122, "slot": "desktop", "width": 1920, "height": 1080, "fit": "contain" }, { "kind": "image", "id": "workspace-before-relay", "start": 0, "end": 47, "slot": "workspaceBefore", "width": 1720, "height": 1080, "fit": "contain" }, { "kind": "image", "id": "workspace-after-relay", "start": 47, "end": 122, "slot": "workspaceAfter", "width": 1720, "height": 1080, "fit": "contain" }, { "kind": "rect", "id": "toolbar-dropdown-hover", "start": 80, "end": 82, "x": 1417, "y": 19, "width": 34, "height": 33, "radius": 10, "fill": "#000000", "opacity": 0.098 }, { "kind": "rect", "id": "toolbar-main-hover", "start": 82, "end": 87, "x": 1313, "y": 19, "width": 104, "height": 33, "radius": 10, "fill": "#000000", "opacity": 0.098 }, { "kind": "rect", "id": "first-scrim", "start": 4, "end": 47, "width": 1720, "height": 1080, "fill": "#101010", "opacity": 0.135 }, { "kind": "group", "id": "create-copy-dialog", "start": 4, "end": 26, "x": 550, "y": [ { "frame": 4, "value": 454, "easing": "linear" }, { "frame": 5, "value": 451.8, "easing": "linear" }, { "frame": 6, "value": 451, "easing": "linear" } ], "width": 483, "height": 402, "children": [ { "kind": "rect", "id": "first-card", "start": 0, "end": 122, "width": 483, "height": 402, "radius": 26, "fill": "#ffffff", "shadow": "0 4px 10px #00000010" }, { "kind": "rect", "id": "copy-tile", "start": 0, "end": 122, "x": 25, "y": 25, "width": 46, "height": 46, "radius": 13, "fill": "#f7f7f7" }, { "kind": "path", "id": "copy-glyph", "start": 0, "end": 122, "x": 36, "y": 36, "width": 24, "height": 24, "path": "M6 3V21M6 12H17V3M3 3A3 3 0 1 0 9 3A3 3 0 1 0 3 3M14 3A3 3 0 1 0 20 3A3 3 0 1 0 14 3", "viewBox": [ 0, 0, 24, 24 ], "fill": "none", "stroke": "#24292c", "strokeWidth": 2 }, { "kind": "path", "id": "first-close", "start": 0, "end": 122, "x": 440, "y": 30, "width": 15, "height": 15, "path": "M2 2L13 13M13 2L2 13", "viewBox": [ 0, 0, 15, 15 ], "fill": "none", "stroke": "#777777", "strokeWidth": 1.5 }, { "kind": "text", "id": "first-title", "start": 0, "end": 122, "slot": "firstTitle", "x": 25, "y": 90, "width": 433, "height": 32, "fontSize": 24, "weight": 600, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "text", "id": "first-body", "start": 0, "end": 122, "slot": "firstBody", "x": 25, "y": 141, "width": 433, "height": 76, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#777777" }, { "kind": "text", "id": "name-label", "start": 0, "end": 122, "slot": "nameLabel", "x": 25, "y": 234, "width": 300, "height": 25, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "text", "id": "prefix-hint", "start": 0, "end": 122, "slot": "prefixHint", "x": 345, "y": 234, "width": 106, "height": 25, "fontSize": 16, "weight": 400, "lineHeight": 1.25, "color": "#999999", "align": "right" }, { "kind": "rect", "id": "copy-name-input", "start": 0, "end": 122, "x": 25, "y": 275, "width": 433, "height": 47, "radius": 15, "fill": "#f7f7f7", "stroke": "#e5e5e5", "strokeWidth": 1.5 }, { "kind": "text", "id": "copy-name", "start": 0, "end": 122, "slot": "copyName", "x": 41, "y": 286, "width": 399, "height": 26, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "rect", "id": "first-button", "start": 0, "end": 122, "x": 25, "y": 338, "width": 433, "height": 35, "radius": 13, "fill": "#3b3b3b" }, { "kind": "text", "id": "first-action", "start": 0, "end": 122, "slot": "firstAction", "x": 35, "y": 343, "width": 413, "height": 25, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#ffffff", "align": "center" } ], "opacity": [ { "frame": 4, "value": 0.88, "easing": "linear" }, { "frame": 5, "value": 0.97, "easing": "linear" }, { "frame": 6, "value": 0.985, "easing": "linear" }, { "frame": 7, "value": 1, "easing": "linear" } ], "blur": [ { "frame": 4, "value": 0.32, "easing": "linear" }, { "frame": 5, "value": 0.12, "easing": "linear" }, { "frame": 6, "value": 0, "easing": "linear" } ] }, { "kind": "group", "id": "one-frame-progress", "start": 26, "end": 27, "x": 550, "y": 565, "width": 483, "height": 174, "children": [ { "kind": "rect", "id": "progress-card", "start": 0, "end": 122, "width": 483, "height": 174, "radius": 26, "fill": "#ffffff", "shadow": "0 4px 10px #00000010" }, { "kind": "rect", "id": "progress-icon-tile", "start": 0, "end": 122, "x": 25, "y": 22, "width": 46, "height": 46, "radius": 13, "fill": "#fafafa" }, { "kind": "path", "id": "progress-spinner", "start": 0, "end": 122, "x": 38, "y": 34, "width": 22, "height": 22, "path": "M11 2A9 9 0 1 1 2 11", "viewBox": [ 0, 0, 22, 22 ], "fill": "none", "stroke": "#c5c9c8", "strokeWidth": 2.5 }, { "kind": "path", "id": "progress-close", "start": 0, "end": 122, "x": 440, "y": 25, "width": 15, "height": 15, "path": "M2 2L13 13M13 2L2 13", "viewBox": [ 0, 0, 15, 15 ], "fill": "none", "stroke": "#777777", "strokeWidth": 1.5 }, { "kind": "text", "id": "progress-message", "start": 0, "end": 122, "slot": "progress", "x": 25, "y": 80, "width": 433, "height": 32, "fontSize": 24, "weight": 600, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "text", "id": "progress-subline", "start": 0, "end": 122, "slot": "progressSubline", "x": 25, "y": 123, "width": 433, "height": 27, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#858585" } ] }, { "kind": "group", "id": "copy-confirmation", "start": 27, "end": 47, "x": 550, "y": 451, "width": 483, "height": 402, "children": [ { "kind": "rect", "id": "success-card", "start": 0, "end": 122, "width": 483, "height": 402, "radius": 26, "fill": "#ffffff", "shadow": "0 4px 10px #00000010" }, { "kind": "rect", "id": "success-tile", "start": 0, "end": 122, "x": 25, "y": 25, "width": 46, "height": 46, "radius": 13, "fill": "#e5f5ed" }, { "kind": "path", "id": "success-glyph", "start": 0, "end": 122, "x": 36, "y": 36, "width": 24, "height": 24, "path": "M3 12L9 18L22 4", "viewBox": [ 0, 0, 24, 24 ], "fill": "none", "stroke": "#247b52", "strokeWidth": 2 }, { "kind": "path", "id": "success-close", "start": 0, "end": 122, "x": 440, "y": 30, "width": 15, "height": 15, "path": "M2 2L13 13M13 2L2 13", "viewBox": [ 0, 0, 15, 15 ], "fill": "none", "stroke": "#777777", "strokeWidth": 1.5 }, { "kind": "text", "id": "success-title", "start": 0, "end": 122, "slot": "successTitle", "x": 25, "y": 90, "width": 433, "height": 32, "fontSize": 24, "weight": 600, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "text", "id": "success-body", "start": 0, "end": 122, "slot": "successBody", "x": 25, "y": 128, "width": 433, "height": 26, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#777777" }, { "kind": "text", "id": "success-name-heading", "start": 0, "end": 122, "slot": "nameLabel", "x": 25, "y": 165, "width": 108, "height": 26, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "path", "id": "success-name-glyph", "start": 0, "end": 122, "x": 124, "y": 169, "width": 15, "height": 18, "path": "M3 2V16M3 8H12V2M1 2H5M10 2H14", "viewBox": [ 0, 0, 15, 18 ], "fill": "none", "stroke": "#343434", "strokeWidth": 1.5 }, { "kind": "text", "id": "success-name", "start": 0, "end": 122, "slot": "copyNameShort", "x": 145, "y": 165, "width": 313, "height": 26, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "text", "id": "success-next-heading", "start": 0, "end": 122, "slot": "nextHeading", "x": 25, "y": 205, "width": 433, "height": 26, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "text", "id": "success-steps", "start": 0, "end": 122, "slot": "successSteps", "x": 25, "y": 241, "width": 433, "height": 60, "fontSize": 17, "weight": 400, "lineHeight": 1.53, "color": "#292d31" }, { "kind": "text", "id": "success-foot", "start": 0, "end": 122, "slot": "successFoot", "x": 25, "y": 303, "width": 433, "height": 26, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#787878" }, { "kind": "rect", "id": "continue-button", "start": 0, "end": 122, "x": 25, "y": 341, "width": 433, "height": 35, "radius": 13, "fill": "#3b3b3b" }, { "kind": "text", "id": "continue-action", "start": 0, "end": 122, "slot": "closeAction", "x": 35, "y": 346, "width": 413, "height": 25, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#ffffff", "align": "center" } ] }, { "kind": "rect", "id": "second-scrim", "start": 87, "end": 122, "width": 1720, "height": 1080, "fill": "#101010", "opacity": [ { "frame": 87, "value": 0.06, "easing": "linear" }, { "frame": 88, "value": 0.135, "easing": "linear" } ] }, { "kind": "group", "id": "save-dialog", "start": 87, "end": 122, "x": 525, "y": [ { "frame": 87, "value": 338, "easing": "linear" }, { "frame": 88, "value": 335, "easing": "linear" }, { "frame": 89, "value": 334, "easing": "linear" } ], "width": 533, "height": 636, "opacity": [ { "frame": 87, "value": 0.525, "easing": "linear" }, { "frame": 88, "value": 0.94, "easing": "linear" }, { "frame": 89, "value": 0.975, "easing": "linear" }, { "frame": 90, "value": 1, "easing": "linear" } ], "children": [ { "kind": "rect", "id": "second-card", "start": 0, "end": 122, "width": 533, "height": 636, "radius": 26, "fill": "#ffffff", "shadow": "0 4px 10px #00000010" }, { "kind": "rect", "id": "save-tile", "start": 0, "end": 122, "x": 25, "y": 26, "width": 46, "height": 46, "radius": 13, "fill": "#f7f7f7" }, { "kind": "path", "id": "save-glyph", "start": 0, "end": 122, "x": 36, "y": 37, "width": 24, "height": 24, "path": "M6 3V21M6 12H17V3M3 3A3 3 0 1 0 9 3A3 3 0 1 0 3 3M14 3A3 3 0 1 0 20 3A3 3 0 1 0 14 3", "viewBox": [ 0, 0, 24, 24 ], "fill": "none", "stroke": "#24292c", "strokeWidth": 2 }, { "kind": "path", "id": "second-close", "start": 0, "end": 122, "x": 490, "y": 29, "width": 15, "height": 15, "path": "M2 2L13 13M13 2L2 13", "viewBox": [ 0, 0, 15, 15 ], "fill": "none", "stroke": "#777777", "strokeWidth": 1.5 }, { "kind": "text", "id": "second-title", "start": 0, "end": 122, "slot": "secondTitle", "x": 25, "y": 89, "width": 483, "height": 32, "fontSize": 24, "weight": 600, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "text", "id": "branch-heading", "start": 0, "end": 122, "slot": "nameLabel", "x": 25, "y": 137, "width": 180, "height": 26, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "path", "id": "branch-value-glyph", "start": 0, "end": 122, "x": 220, "y": 141, "width": 17, "height": 18, "path": "M3 2V16M3 8H12V2M1 2H5M10 2H14", "viewBox": [ 0, 0, 15, 18 ], "fill": "none", "stroke": "#343434", "strokeWidth": 1.5 }, { "kind": "text", "id": "branch-value", "start": 0, "end": 122, "slot": "copyNameShort", "x": 251, "y": 137, "width": 257, "height": 26, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "text", "id": "changes-heading", "start": 0, "end": 122, "slot": "changesLabel", "x": 25, "y": 178, "width": 230, "height": 26, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "text", "id": "changes-value", "start": 0, "end": 122, "slot": "changeCount", "x": 325, "y": 178, "width": 183, "height": 26, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#8b9691", "align": "right" }, { "kind": "rect", "id": "include-toggle", "start": 0, "end": 122, "x": 30, "y": 218, "width": 40, "height": 26, "radius": 13, "fill": "#111111" }, { "kind": "ellipse", "id": "toggle-knob", "start": 0, "end": 122, "x": 47, "y": 221, "width": 20, "height": 20, "fill": "#ffffff" }, { "kind": "text", "id": "toggle-label", "start": 0, "end": 122, "slot": "toggleLabel", "x": 85, "y": 218, "width": 415, "height": 26, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "text", "id": "summary-heading", "start": 0, "end": 122, "slot": "summaryLabel", "x": 25, "y": 265, "width": 483, "height": 26, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "rect", "id": "summary-field", "start": 0, "end": 122, "x": 25, "y": 299, "width": 483, "height": 73, "radius": 15, "fill": "#f7f7f7", "stroke": "#e5e5e5", "strokeWidth": 1.5 }, { "kind": "text", "id": "summary-placeholder", "start": 0, "end": 122, "slot": "summaryPlaceholder", "x": 41, "y": 311, "width": 453, "height": 55, "fontSize": 17, "weight": 400, "lineHeight": 1.45, "color": "#999999" }, { "kind": "text", "id": "next-heading", "start": 0, "end": 122, "slot": "nextHeading", "x": 25, "y": 389, "width": 483, "height": 26, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "rect", "id": "option-row-background", "start": 0, "end": 122, "x": 25, "y": 422, "width": 483, "height": 137, "radius": 14, "fill": "#f9f9f9" }, { "kind": "rect", "id": "second-option-hover", "start": 98, "end": 104, "x": 25, "y": 469, "width": 483, "height": 44, "fill": "#f4f4f4", "opacity": [ { "frame": 98, "value": 0.6, "easing": "linear" }, { "frame": 99, "value": 1, "easing": "linear" }, { "frame": 102, "value": 1, "easing": "linear" }, { "frame": 103, "value": 0.6, "easing": "linear" } ] }, { "kind": "rect", "id": "third-option-hover", "start": 103, "end": 121, "x": 25, "y": 515, "width": 483, "height": 43, "radius": 12, "fill": "#f4f4f4", "opacity": [ { "frame": 103, "value": 0.6, "easing": "linear" }, { "frame": 104, "value": 1, "easing": "linear" }, { "frame": 119, "value": 1, "easing": "linear" }, { "frame": 120, "value": 0.5, "easing": "linear" } ] }, { "kind": "path", "id": "option-icon-1", "start": 0, "end": 122, "x": 46, "y": 435, "width": 22, "height": 22, "path": "M1 11H21M6 11A5 5 0 1 0 16 11A5 5 0 1 0 6 11", "viewBox": [ 0, 0, 22, 22 ], "fill": "none", "stroke": "#171a1c", "strokeWidth": 1.8 }, { "kind": "text", "id": "option-label-1", "start": 0, "end": 122, "slot": "option1", "x": 83, "y": 433, "width": 375, "height": 27, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "rect", "id": "option-divider-1", "start": 0, "end": 122, "x": 25, "y": 468, "width": 483, "height": 1, "fill": "#e5e5e5" }, { "kind": "path", "id": "option-icon-2", "start": 0, "end": 122, "x": 46, "y": 481, "width": 22, "height": 22, "path": "M4 8L11 1L18 8M11 1V21", "viewBox": [ 0, 0, 22, 22 ], "fill": "none", "stroke": "#171a1c", "strokeWidth": 1.8 }, { "kind": "text", "id": "option-label-2", "start": 0, "end": 122, "slot": "option2", "x": 83, "y": 479, "width": 375, "height": 27, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "rect", "id": "option-divider-2", "start": 0, "end": 122, "x": 25, "y": 514, "width": 483, "height": 1, "fill": "#e5e5e5" }, { "kind": "path", "id": "option-icon-3", "start": 0, "end": 122, "x": 46, "y": 527, "width": 22, "height": 22, "path": "M2 3H20V19H2ZM6 8H16M6 13H14", "viewBox": [ 0, 0, 22, 22 ], "fill": "none", "stroke": "#171a1c", "strokeWidth": 1.8 }, { "kind": "text", "id": "option-label-3", "start": 0, "end": 122, "slot": "option3", "x": 83, "y": 525, "width": 375, "height": 27, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "path", "id": "first-option-check", "start": 0, "end": 110, "x": 465, "y": 434, "width": 23, "height": 23, "path": "M3 12L9 18L21 3", "viewBox": [ 0, 0, 24, 24 ], "fill": "none", "stroke": "#101010", "strokeWidth": 2 }, { "kind": "path", "id": "third-option-check", "start": 110, "end": 122, "x": 465, "y": 526, "width": 23, "height": 23, "path": "M3 12L9 18L21 3", "viewBox": [ 0, 0, 24, 24 ], "fill": "none", "stroke": "#101010", "strokeWidth": 2 }, { "kind": "rect", "id": "save-button", "start": 0, "end": 122, "x": 25, "y": 575, "width": 483, "height": 36, "radius": 13, "fill": "#0b0b0b" }, { "kind": "rect", "id": "save-button-hover", "start": 120, "end": 122, "x": 25, "y": 575, "width": 483, "height": 36, "radius": 13, "fill": "#3b3b3b" }, { "kind": "text", "id": "save-action", "start": 0, "end": 122, "slot": "saveAction", "x": 35, "y": 580, "width": 463, "height": 25, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#ffffff", "align": "center" } ], "blur": [ { "frame": 87, "value": 0.45, "easing": "linear" }, { "frame": 88, "value": 0.2, "easing": "linear" }, { "frame": 89, "value": 0, "easing": "linear" } ] }, { "kind": "group", "id": "relay-cursor", "start": 0, "end": 122, "x": [ { "frame": 0, "value": 1381.7, "easing": "linear" }, { "frame": 1, "value": 1382.7, "easing": "linear" }, { "frame": 2, "value": 1382.7, "easing": "linear" }, { "frame": 4, "value": 1382.7, "easing": "linear" }, { "frame": 14, "value": 1382.7, "easing": "linear" }, { "frame": 15, "value": 1376, "easing": "linear" }, { "frame": 16, "value": 1340, "easing": "linear" }, { "frame": 17, "value": 1234, "easing": "linear" }, { "frame": 18, "value": 1155, "easing": "linear" }, { "frame": 19, "value": 1050, "easing": "linear" }, { "frame": 20, "value": 997, "easing": "linear" }, { "frame": 21, "value": 936, "easing": "linear" }, { "frame": 22, "value": 900, "easing": "linear" }, { "frame": 23, "value": 873, "easing": "linear" }, { "frame": 24, "value": 857, "easing": "linear" }, { "frame": 25, "value": 848.7, "easing": "linear" }, { "frame": 26, "value": 846.7, "easing": "linear" }, { "frame": 27, "value": 845.7, "easing": "linear" }, { "frame": 30, "value": 847.2, "easing": "linear" }, { "frame": 46, "value": 847.2, "easing": "linear" }, { "frame": 47, "value": 847.2, "easing": "linear" }, { "frame": 53, "value": 847.2, "easing": "linear" }, { "frame": 54, "value": 848.2, "easing": "linear" }, { "frame": 55, "value": 858, "easing": "linear" }, { "frame": 56, "value": 884, "easing": "linear" }, { "frame": 57, "value": 950, "easing": "linear" }, { "frame": 58, "value": 1007, "easing": "linear" }, { "frame": 59, "value": 1084, "easing": "linear" }, { "frame": 60, "value": 1132, "easing": "linear" }, { "frame": 61, "value": 1178, "easing": "linear" }, { "frame": 62, "value": 1201, "easing": "linear" }, { "frame": 63, "value": 1234.7, "easing": "linear" }, { "frame": 64, "value": 1249.7, "easing": "linear" }, { "frame": 65, "value": 1267.2, "easing": "linear" }, { "frame": 66, "value": 1275.7, "easing": "linear" }, { "frame": 67, "value": 1284.7, "easing": "linear" }, { "frame": 68, "value": 1288.7, "easing": "linear" }, { "frame": 69, "value": 1292.7, "easing": "linear" }, { "frame": 70, "value": 1293.7, "easing": "linear" }, { "frame": 71, "value": 1295.7, "easing": "linear" }, { "frame": 72, "value": 1296.2, "easing": "linear" }, { "frame": 73, "value": 1296.7, "easing": "linear" }, { "frame": 74, "value": 1297.7, "easing": "linear" }, { "frame": 75, "value": 1302.2, "easing": "linear" }, { "frame": 76, "value": 1308.2, "easing": "linear" }, { "frame": 77, "value": 1322.2, "easing": "linear" }, { "frame": 78, "value": 1333.7, "easing": "linear" }, { "frame": 79, "value": 1351.2, "easing": "linear" }, { "frame": 80, "value": 1359.7, "easing": "linear" }, { "frame": 81, "value": 1370.7, "easing": "linear" }, { "frame": 82, "value": 1374.7, "easing": "linear" }, { "frame": 83, "value": 1381.2, "easing": "linear" }, { "frame": 84, "value": 1384.2, "easing": "linear" }, { "frame": 85, "value": 1385.7, "easing": "linear" }, { "frame": 86, "value": 1386.7, "easing": "linear" }, { "frame": 87, "value": 1386.7, "easing": "linear" }, { "frame": 88, "value": 1386.7, "easing": "linear" }, { "frame": 94, "value": 1386.7, "easing": "linear" }, { "frame": 95, "value": 1371, "easing": "linear" }, { "frame": 96, "value": 1334, "easing": "linear" }, { "frame": 97, "value": 1234, "easing": "linear" }, { "frame": 98, "value": 1156, "easing": "linear" }, { "frame": 99, "value": 1046.5, "easing": "linear" }, { "frame": 100, "value": 985.5, "easing": "linear" }, { "frame": 101, "value": 913, "easing": "linear" }, { "frame": 102, "value": 876.5, "easing": "linear" }, { "frame": 103, "value": 838.5, "easing": "linear" }, { "frame": 104, "value": 821, "easing": "linear" }, { "frame": 105, "value": 803, "easing": "linear" }, { "frame": 106, "value": 794, "easing": "linear" }, { "frame": 107, "value": 788, "easing": "linear" }, { "frame": 108, "value": 786, "easing": "linear" }, { "frame": 109, "value": 786, "easing": "linear" }, { "frame": 110, "value": 785, "easing": "linear" }, { "frame": 111, "value": 785, "easing": "linear" }, { "frame": 112, "value": 784, "easing": "linear" }, { "frame": 114, "value": 784, "easing": "linear" }, { "frame": 117, "value": 784, "easing": "linear" }, { "frame": 118, "value": 782, "easing": "linear" }, { "frame": 119, "value": 783.7, "easing": "linear" }, { "frame": 120, "value": 779.7, "easing": "linear" }, { "frame": 121, "value": 773.7, "easing": "linear" } ], "y": [ { "frame": 0, "value": 35.3, "easing": "linear" }, { "frame": 1, "value": 34.3, "easing": "linear" }, { "frame": 2, "value": 33.3, "easing": "linear" }, { "frame": 4, "value": 34.3, "easing": "linear" }, { "frame": 14, "value": 34.3, "easing": "linear" }, { "frame": 15, "value": 43, "easing": "linear" }, { "frame": 16, "value": 91, "easing": "linear" }, { "frame": 17, "value": 238, "easing": "linear" }, { "frame": 18, "value": 355, "easing": "linear" }, { "frame": 19, "value": 504, "easing": "linear" }, { "frame": 20, "value": 587, "easing": "linear" }, { "frame": 21, "value": 675, "easing": "linear" }, { "frame": 22, "value": 726, "easing": "linear" }, { "frame": 23, "value": 777, "easing": "linear" }, { "frame": 24, "value": 799, "easing": "linear" }, { "frame": 25, "value": 805.3, "easing": "linear" }, { "frame": 26, "value": 808.3, "easing": "linear" }, { "frame": 27, "value": 808.3, "easing": "linear" }, { "frame": 30, "value": 807.3, "easing": "linear" }, { "frame": 46, "value": 807.3, "easing": "linear" }, { "frame": 47, "value": 807.3, "easing": "linear" }, { "frame": 53, "value": 807.3, "easing": "linear" }, { "frame": 54, "value": 806.3, "easing": "linear" }, { "frame": 55, "value": 796, "easing": "linear" }, { "frame": 56, "value": 774, "easing": "linear" }, { "frame": 57, "value": 692, "easing": "linear" }, { "frame": 58, "value": 617, "easing": "linear" }, { "frame": 59, "value": 508, "easing": "linear" }, { "frame": 60, "value": 451, "easing": "linear" }, { "frame": 61, "value": 387, "easing": "linear" }, { "frame": 62, "value": 354, "easing": "linear" }, { "frame": 63, "value": 324.3, "easing": "linear" }, { "frame": 64, "value": 304.3, "easing": "linear" }, { "frame": 65, "value": 282.3, "easing": "linear" }, { "frame": 66, "value": 270.3, "easing": "linear" }, { "frame": 67, "value": 259.3, "easing": "linear" }, { "frame": 68, "value": 253.3, "easing": "linear" }, { "frame": 69, "value": 249.3, "easing": "linear" }, { "frame": 70, "value": 246.3, "easing": "linear" }, { "frame": 71, "value": 244.3, "easing": "linear" }, { "frame": 72, "value": 244.3, "easing": "linear" }, { "frame": 73, "value": 243.3, "easing": "linear" }, { "frame": 74, "value": 242.3, "easing": "linear" }, { "frame": 75, "value": 237.3, "easing": "linear" }, { "frame": 76, "value": 231.3, "easing": "linear" }, { "frame": 77, "value": 215.3, "easing": "linear" }, { "frame": 78, "value": 193.3, "easing": "linear" }, { "frame": 79, "value": 152.3, "easing": "linear" }, { "frame": 80, "value": 124.3, "easing": "linear" }, { "frame": 81, "value": 95.3, "easing": "linear" }, { "frame": 82, "value": 79.3, "easing": "linear" }, { "frame": 83, "value": 61.3, "easing": "linear" }, { "frame": 84, "value": 52.3, "easing": "linear" }, { "frame": 85, "value": 44.3, "easing": "linear" }, { "frame": 86, "value": 42.3, "easing": "linear" }, { "frame": 87, "value": 41.3, "easing": "linear" }, { "frame": 88, "value": 42.3, "easing": "linear" }, { "frame": 94, "value": 42.3, "easing": "linear" }, { "frame": 95, "value": 55, "easing": "linear" }, { "frame": 96, "value": 86, "easing": "linear" }, { "frame": 97, "value": 194, "easing": "linear" }, { "frame": 98, "value": 302, "easing": "linear" }, { "frame": 99, "value": 464.5, "easing": "linear" }, { "frame": 100, "value": 559, "easing": "linear" }, { "frame": 101, "value": 670.5, "easing": "linear" }, { "frame": 102, "value": 725.5, "easing": "linear" }, { "frame": 103, "value": 783.5, "easing": "linear" }, { "frame": 104, "value": 809.5, "easing": "linear" }, { "frame": 105, "value": 836, "easing": "linear" }, { "frame": 106, "value": 848, "easing": "linear" }, { "frame": 107, "value": 859, "easing": "linear" }, { "frame": 108, "value": 863, "easing": "linear" }, { "frame": 109, "value": 864, "easing": "linear" }, { "frame": 110, "value": 864, "easing": "linear" }, { "frame": 111, "value": 864, "easing": "linear" }, { "frame": 112, "value": 864, "easing": "linear" }, { "frame": 114, "value": 864, "easing": "linear" }, { "frame": 117, "value": 864, "easing": "linear" }, { "frame": 118, "value": 865, "easing": "linear" }, { "frame": 119, "value": 866.3, "easing": "linear" }, { "frame": 120, "value": 872.3, "easing": "linear" }, { "frame": 121, "value": 884.3, "easing": "linear" } ], "width": 40, "height": 48, "exposure": { "samples": 41, "shutterFrames": [ { "frame": 0, "value": 0, "easing": "linear" }, { "frame": 14, "value": 0, "easing": "linear" }, { "frame": 15, "value": 0.3, "easing": "linear" }, { "frame": 16, "value": 0.35, "easing": "linear" }, { "frame": 18, "value": 0.35, "easing": "linear" }, { "frame": 20, "value": 0.38, "easing": "linear" }, { "frame": 22, "value": 0.35, "easing": "linear" }, { "frame": 24, "value": 0.3, "easing": "linear" }, { "frame": 25, "value": 0, "easing": "linear" }, { "frame": 53, "value": 0, "easing": "linear" }, { "frame": 54, "value": 0.1, "easing": "linear" }, { "frame": 55, "value": 0.3, "easing": "linear" }, { "frame": 57, "value": 0.35, "easing": "linear" }, { "frame": 60, "value": 0.4, "easing": "linear" }, { "frame": 62, "value": 0.4, "easing": "linear" }, { "frame": 63, "value": 0.485, "easing": "linear" }, { "frame": 64, "value": 0.45, "easing": "linear" }, { "frame": 68, "value": 0.2, "easing": "linear" }, { "frame": 71, "value": 0, "easing": "linear" }, { "frame": 74, "value": 0, "easing": "linear" }, { "frame": 76, "value": 0.2, "easing": "linear" }, { "frame": 79, "value": 0.6, "easing": "linear" }, { "frame": 81, "value": 0.5, "easing": "linear" }, { "frame": 84, "value": 0.2, "easing": "linear" }, { "frame": 86, "value": 0, "easing": "linear" }, { "frame": 94, "value": 0, "easing": "linear" }, { "frame": 95, "value": 0.3, "easing": "linear" }, { "frame": 96, "value": 0.35, "easing": "linear" }, { "frame": 97, "value": 0.4, "easing": "linear" }, { "frame": 99, "value": 0.4, "easing": "linear" }, { "frame": 101, "value": 0.4, "easing": "linear" }, { "frame": 104, "value": 0.4, "easing": "linear" }, { "frame": 106, "value": 0.3, "easing": "linear" }, { "frame": 107, "value": 0.15, "easing": "linear" }, { "frame": 108, "value": 0, "easing": "linear" }, { "frame": 118, "value": 0, "easing": "linear" }, { "frame": 119, "value": 0.1, "easing": "linear" }, { "frame": 120, "value": 0.3, "easing": "linear" }, { "frame": 121, "value": 0.45, "easing": "linear" } ] }, "children": [ { "kind": "path", "id": "relay-arrow-before-selection-halo", "start": 0, "end": 97, "slot": "arrowPath", "viewBox": [ 0, 0, 24, 30 ], "width": 32, "height": 40, "fill": "#111111", "stroke": "#111111", "strokeWidth": 2.4, "scaleY": 1.05, "origin": [ 4.3, 5.7 ], "blur": 1.3, "opacity": 0.22, "y": 1.6 }, { "kind": "path", "id": "third-option-hand-halo", "start": 97, "end": 119, "slot": "handPath", "viewBox": [ 0, 0, 26, 32 ], "width": 37, "height": 46, "fill": "#111111", "stroke": "#111111", "strokeWidth": 2.4, "x": -8, "y": -2, "scaleX": [ { "frame": 97, "value": 1, "easing": "linear" }, { "frame": 106, "value": 1, "easing": "linear" }, { "frame": 108, "value": 0.88, "easing": "linear" }, { "frame": 110, "value": 0.88, "easing": "linear" }, { "frame": 114, "value": 1, "easing": "linear" } ], "scaleY": [ { "frame": 97, "value": 1, "easing": "linear" }, { "frame": 106, "value": 1, "easing": "linear" }, { "frame": 108, "value": 0.88, "easing": "linear" }, { "frame": 110, "value": 0.88, "easing": "linear" }, { "frame": 114, "value": 1, "easing": "linear" } ], "origin": [ 4, 1 ], "blur": 1.3, "opacity": 0.22 }, { "kind": "path", "id": "relay-arrow-to-continue-halo", "start": 119, "end": 122, "slot": "arrowPath", "viewBox": [ 0, 0, 24, 30 ], "width": 32, "height": 40, "fill": "#111111", "stroke": "#111111", "strokeWidth": 2.4, "scaleY": 1.05, "origin": [ 4.3, 5.7 ], "blur": 1.3, "opacity": 0.22, "y": 1.6 }, { "kind": "path", "id": "relay-arrow-before-selection", "start": 0, "end": 97, "slot": "arrowPath", "viewBox": [ 0, 0, 24, 30 ], "width": 32, "height": 40, "fill": "#050505", "stroke": "#ffffff", "strokeWidth": 1.8, "scaleY": 1.05, "origin": [ 4.3, 5.7 ], "blur": [ { "frame": 0, "value": 0.12, "easing": "linear" }, { "frame": 14, "value": 0.12, "easing": "linear" }, { "frame": 15, "value": 0.65, "easing": "linear" }, { "frame": 16, "value": 1.1, "easing": "linear" }, { "frame": 19, "value": 1.1, "easing": "linear" }, { "frame": 22, "value": 0.65, "easing": "linear" }, { "frame": 25, "value": 0.12, "easing": "linear" }, { "frame": 54, "value": 0.12, "easing": "linear" }, { "frame": 57, "value": 0.45, "easing": "linear" }, { "frame": 62, "value": 0.2, "easing": "linear" }, { "frame": 71, "value": 0.12, "easing": "linear" }, { "frame": 94, "value": 0.12, "easing": "linear" }, { "frame": 95, "value": 0.6, "easing": "linear" }, { "frame": 97, "value": 0.8, "easing": "linear" }, { "frame": 101, "value": 0.7, "easing": "linear" }, { "frame": 105, "value": 0.4, "easing": "linear" }, { "frame": 108, "value": 0.12, "easing": "linear" }, { "frame": 121, "value": 0.12, "easing": "linear" } ], "opacity": [ { "frame": 0, "value": 1, "easing": "linear" }, { "frame": 14, "value": 1, "easing": "linear" }, { "frame": 15, "value": 0.8, "easing": "linear" }, { "frame": 16, "value": 0.55, "easing": "linear" }, { "frame": 17, "value": 0.45, "easing": "linear" }, { "frame": 18, "value": 0.45, "easing": "linear" }, { "frame": 19, "value": 0.55, "easing": "linear" }, { "frame": 20, "value": 0.6, "easing": "linear" }, { "frame": 21, "value": 0.75, "easing": "linear" }, { "frame": 22, "value": 0.85, "easing": "linear" }, { "frame": 23, "value": 0.9, "easing": "linear" }, { "frame": 24, "value": 0.95, "easing": "linear" }, { "frame": 25, "value": 1, "easing": "linear" }, { "frame": 54, "value": 1, "easing": "linear" }, { "frame": 55, "value": 0.9, "easing": "linear" }, { "frame": 56, "value": 0.8, "easing": "linear" }, { "frame": 57, "value": 0.75, "easing": "linear" }, { "frame": 59, "value": 0.7, "easing": "linear" }, { "frame": 60, "value": 0.85, "easing": "linear" }, { "frame": 62, "value": 1, "easing": "linear" }, { "frame": 94, "value": 1, "easing": "linear" }, { "frame": 95, "value": 0.75, "easing": "linear" }, { "frame": 96, "value": 0.65, "easing": "linear" }, { "frame": 97, "value": 0.5, "easing": "linear" }, { "frame": 98, "value": 0.45, "easing": "linear" }, { "frame": 99, "value": 0.45, "easing": "linear" }, { "frame": 100, "value": 0.55, "easing": "linear" }, { "frame": 101, "value": 0.65, "easing": "linear" }, { "frame": 102, "value": 0.75, "easing": "linear" }, { "frame": 103, "value": 0.85, "easing": "linear" }, { "frame": 104, "value": 0.9, "easing": "linear" }, { "frame": 105, "value": 0.95, "easing": "linear" }, { "frame": 106, "value": 1, "easing": "linear" }, { "frame": 121, "value": 1, "easing": "linear" } ], "y": 1.6 }, { "kind": "path", "id": "third-option-hand", "start": 97, "end": 119, "slot": "handPath", "viewBox": [ 0, 0, 26, 32 ], "width": 37, "height": 46, "fill": "#ffffff", "stroke": "#111111", "strokeWidth": 1.7, "x": -8, "y": -2, "scaleX": [ { "frame": 97, "value": 1, "easing": "linear" }, { "frame": 106, "value": 1, "easing": "linear" }, { "frame": 108, "value": 0.88, "easing": "linear" }, { "frame": 110, "value": 0.88, "easing": "linear" }, { "frame": 114, "value": 1, "easing": "linear" } ], "scaleY": [ { "frame": 97, "value": 1, "easing": "linear" }, { "frame": 106, "value": 1, "easing": "linear" }, { "frame": 108, "value": 0.88, "easing": "linear" }, { "frame": 110, "value": 0.88, "easing": "linear" }, { "frame": 114, "value": 1, "easing": "linear" } ], "origin": [ 4, 1 ], "blur": [ { "frame": 0, "value": 0.12, "easing": "linear" }, { "frame": 14, "value": 0.12, "easing": "linear" }, { "frame": 15, "value": 0.65, "easing": "linear" }, { "frame": 16, "value": 1.1, "easing": "linear" }, { "frame": 19, "value": 1.1, "easing": "linear" }, { "frame": 22, "value": 0.65, "easing": "linear" }, { "frame": 25, "value": 0.12, "easing": "linear" }, { "frame": 54, "value": 0.12, "easing": "linear" }, { "frame": 57, "value": 0.45, "easing": "linear" }, { "frame": 62, "value": 0.2, "easing": "linear" }, { "frame": 71, "value": 0.12, "easing": "linear" }, { "frame": 94, "value": 0.12, "easing": "linear" }, { "frame": 95, "value": 0.6, "easing": "linear" }, { "frame": 97, "value": 0.8, "easing": "linear" }, { "frame": 101, "value": 0.7, "easing": "linear" }, { "frame": 105, "value": 0.4, "easing": "linear" }, { "frame": 108, "value": 0.12, "easing": "linear" }, { "frame": 121, "value": 0.12, "easing": "linear" } ], "opacity": [ { "frame": 0, "value": 1, "easing": "linear" }, { "frame": 14, "value": 1, "easing": "linear" }, { "frame": 15, "value": 0.8, "easing": "linear" }, { "frame": 16, "value": 0.55, "easing": "linear" }, { "frame": 17, "value": 0.45, "easing": "linear" }, { "frame": 18, "value": 0.45, "easing": "linear" }, { "frame": 19, "value": 0.55, "easing": "linear" }, { "frame": 20, "value": 0.6, "easing": "linear" }, { "frame": 21, "value": 0.75, "easing": "linear" }, { "frame": 22, "value": 0.85, "easing": "linear" }, { "frame": 23, "value": 0.9, "easing": "linear" }, { "frame": 24, "value": 0.95, "easing": "linear" }, { "frame": 25, "value": 1, "easing": "linear" }, { "frame": 54, "value": 1, "easing": "linear" }, { "frame": 55, "value": 0.9, "easing": "linear" }, { "frame": 56, "value": 0.8, "easing": "linear" }, { "frame": 57, "value": 0.75, "easing": "linear" }, { "frame": 59, "value": 0.7, "easing": "linear" }, { "frame": 60, "value": 0.85, "easing": "linear" }, { "frame": 62, "value": 1, "easing": "linear" }, { "frame": 94, "value": 1, "easing": "linear" }, { "frame": 95, "value": 0.75, "easing": "linear" }, { "frame": 96, "value": 0.65, "easing": "linear" }, { "frame": 97, "value": 0.5, "easing": "linear" }, { "frame": 98, "value": 0.45, "easing": "linear" }, { "frame": 99, "value": 0.45, "easing": "linear" }, { "frame": 100, "value": 0.55, "easing": "linear" }, { "frame": 101, "value": 0.65, "easing": "linear" }, { "frame": 102, "value": 0.75, "easing": "linear" }, { "frame": 103, "value": 0.85, "easing": "linear" }, { "frame": 104, "value": 0.9, "easing": "linear" }, { "frame": 105, "value": 0.95, "easing": "linear" }, { "frame": 106, "value": 1, "easing": "linear" }, { "frame": 121, "value": 1, "easing": "linear" } ] }, { "kind": "path", "id": "relay-arrow-to-continue", "start": 119, "end": 122, "slot": "arrowPath", "viewBox": [ 0, 0, 24, 30 ], "width": 32, "height": 40, "fill": "#050505", "stroke": "#ffffff", "strokeWidth": 1.8, "scaleY": 1.05, "origin": [ 4.3, 5.7 ], "blur": [ { "frame": 0, "value": 0.12, "easing": "linear" }, { "frame": 14, "value": 0.12, "easing": "linear" }, { "frame": 15, "value": 0.65, "easing": "linear" }, { "frame": 16, "value": 1.1, "easing": "linear" }, { "frame": 19, "value": 1.1, "easing": "linear" }, { "frame": 22, "value": 0.65, "easing": "linear" }, { "frame": 25, "value": 0.12, "easing": "linear" }, { "frame": 54, "value": 0.12, "easing": "linear" }, { "frame": 57, "value": 0.45, "easing": "linear" }, { "frame": 62, "value": 0.2, "easing": "linear" }, { "frame": 71, "value": 0.12, "easing": "linear" }, { "frame": 94, "value": 0.12, "easing": "linear" }, { "frame": 95, "value": 0.6, "easing": "linear" }, { "frame": 97, "value": 0.8, "easing": "linear" }, { "frame": 101, "value": 0.7, "easing": "linear" }, { "frame": 105, "value": 0.4, "easing": "linear" }, { "frame": 108, "value": 0.12, "easing": "linear" }, { "frame": 121, "value": 0.12, "easing": "linear" } ], "opacity": [ { "frame": 0, "value": 1, "easing": "linear" }, { "frame": 14, "value": 1, "easing": "linear" }, { "frame": 15, "value": 0.8, "easing": "linear" }, { "frame": 16, "value": 0.55, "easing": "linear" }, { "frame": 17, "value": 0.45, "easing": "linear" }, { "frame": 18, "value": 0.45, "easing": "linear" }, { "frame": 19, "value": 0.55, "easing": "linear" }, { "frame": 20, "value": 0.6, "easing": "linear" }, { "frame": 21, "value": 0.75, "easing": "linear" }, { "frame": 22, "value": 0.85, "easing": "linear" }, { "frame": 23, "value": 0.9, "easing": "linear" }, { "frame": 24, "value": 0.95, "easing": "linear" }, { "frame": 25, "value": 1, "easing": "linear" }, { "frame": 54, "value": 1, "easing": "linear" }, { "frame": 55, "value": 0.9, "easing": "linear" }, { "frame": 56, "value": 0.8, "easing": "linear" }, { "frame": 57, "value": 0.75, "easing": "linear" }, { "frame": 59, "value": 0.7, "easing": "linear" }, { "frame": 60, "value": 0.85, "easing": "linear" }, { "frame": 62, "value": 1, "easing": "linear" }, { "frame": 94, "value": 1, "easing": "linear" }, { "frame": 95, "value": 0.75, "easing": "linear" }, { "frame": 96, "value": 0.65, "easing": "linear" }, { "frame": 97, "value": 0.5, "easing": "linear" }, { "frame": 98, "value": 0.45, "easing": "linear" }, { "frame": 99, "value": 0.45, "easing": "linear" }, { "frame": 100, "value": 0.55, "easing": "linear" }, { "frame": 101, "value": 0.65, "easing": "linear" }, { "frame": 102, "value": 0.75, "easing": "linear" }, { "frame": 103, "value": 0.85, "easing": "linear" }, { "frame": 104, "value": 0.9, "easing": "linear" }, { "frame": 105, "value": 0.95, "easing": "linear" }, { "frame": 106, "value": 1, "easing": "linear" }, { "frame": 121, "value": 1, "easing": "linear" } ], "y": 1.6 } ] }, { "kind": "rect", "id": "disclosure-back", "start": 0, "end": 122, "x": 18, "y": 1038, "width": 254, "height": 28, "radius": 5, "fill": "#ffffff", "opacity": 0.9 }, { "kind": "text", "id": "disclosure", "start": 0, "end": 122, "slot": "disclosure", "x": 29, "y": 1044, "width": 232, "height": 19, "fontSize": 13, "weight": 600, "lineHeight": 1.25, "color": "#292d31" } ], "inspection": { "method": "Draft authoring from hash-bound native-frame source contacts, source-PTS ledger, larger anchors and bounded headless playback checks. No treatment render or fresh fidelity pass is claimed.", "limits": [ "Editable text layout does not reproduce native form density automatically; original state plates or constrained layouts are required.", "No measured scrim alpha or native-font match is supplied by the API; both remain fresh-review work.", "Source excerpt playback had headless limitations; source transitions were inspected through labelled native contacts. Source contacts do not approve rendered motion.", "Geometry marked estimate remains a fit target; new original text, symbols and required disclosure differ intentionally." ], "boundaryFrames": [ 0, 3, 4, 25, 26, 27, 46, 47, 74, 75, 76, 77, 86, 87, 88, 105, 106, 107, 108, 109, 110, 118, 119, 121 ], "intermediateFrames": [ 12, 16, 20, 35, 48, 55, 60, 61, 62, 63, 64, 65, 66, 67, 68, 69, 70, 71, 72, 73, 78, 79, 80, 81, 82, 83, 84, 85, 94, 100, 101, 102, 103, 104, 112, 115, 120 ], "sourceEvidence": [ "../research/interface/evidence/interface-04/source.mp4", "../research/interface/evidence/interface-04-native.jpg", "../research/interface/evidence/interface-04-anchors.jpg", "../research/interface/evidence/extraction-ledger.json", "../research/interface/evidence/geometry-measurements.json" ] } }, "content": { "disclosure": "ILLUSTRATED UI · NOT POE", "desktop": { "kind": "image", "path": "art/codex-modal-relay/desktop-adaptation.svg", "width": 1920, "height": 1080, "rights": "Original illustrated study artwork authored for this library; no source footage, screenshots, brand marks or demo data. SVG glyphs outlined from local Geist under SIL OFL 1.1; local FONT-LICENSE.txt. No font bytes or remote resources in SVGs. Not real Poe UI." }, "workspaceBefore": { "kind": "image", "path": "art/codex-modal-relay/workspace-r04-adaptation-before.svg", "width": 1720, "height": 1080, "rights": "Original illustrated study artwork authored for this library; no source footage, screenshots, brand marks or demo data. SVG glyphs outlined from local Geist under SIL OFL 1.1; local FONT-LICENSE.txt. No font bytes or remote resources in SVGs. Not real Poe UI." }, "workspaceAfter": { "kind": "image", "path": "art/codex-modal-relay/workspace-r04-adaptation-after.svg", "width": 1720, "height": 1080, "rights": "Original illustrated study artwork authored for this library; no source footage, screenshots, brand marks or demo data. SVG glyphs outlined from local Geist under SIL OFL 1.1; local FONT-LICENSE.txt. No font bytes or remote resources in SVGs. Not real Poe UI." }, "firstTitle": "Create a planning copy", "firstBody": "This copy keeps the original plan intact.\nUse this separate draft for the team review.\nThe source document will remain unchanged.", "nameLabel": "Draft name", "prefixHint": "Set prefix", "copyName": "planning/review-launch-checklist", "firstAction": "Continue", "progress": "Preparing the planning copy", "progressSubline": "Keeping the original plan unchanged…", "successTitle": "Planning copy ready", "successBody": "Your separate planning copy is ready.", "copyNameShort": "planning/review-launch-…", "nextHeading": "Next steps", "successSteps": "• Review the plan in this working copy\n and keep the original version unchanged", "successFoot": "• Save a separate draft when ready.", "closeAction": "Close", "secondTitle": "Save your review", "changesLabel": "Changes", "changeCount": "1 plan +17 -2", "toggleLabel": "Include planning notes", "summaryLabel": "Planning message", "summaryPlaceholder": "Add a short note to describe this plan for\nyour team.", "option1": "Save a draft", "option2": "Save and notify", "option3": "Save and open planning", "saveAction": "Continue", "arrowPath": "M2 2L2 23Q2 24 3 23.3L8 19.4L12 27.5Q12.7 29 14.2 28.2L16.4 27Q17.5 26.4 16.8 25.2L12.7 17.5L19.5 17.5Q20.9 17.5 19.9 16.5L3.2 1.3Q2 .5 2 2Z", "handPath": "M7 15V3C7 0 11 0 11 3V11C11 8 15 8 15 11V12C15 9 19 10 19 13C20 11 23 13 23 15V22L19 29H10L4 21C1 17 4 14 7 18Z" }, "holdBeforeFrames": 0, "holdAfterFrames": 0 }, "inputPropsSha256": "822eaa2e4e0cd3289916b6abb6288ada9e3a70e471639e7e91aa935f215e1d7b", "shots": [ { "index": 0, "recipeId": "codex-modal-relay", "recipeSha256": "706b63f2752b9b11cc659e20c212b281a9e940f8d989f13a49d2c11b1a2e750f", "contentSha256": "e83fe3f724d58121b8160ee7c01fc89c00ac75c79ea3d2533d0dbaed58ef0d64", "inputPropsSha256": "822eaa2e4e0cd3289916b6abb6288ada9e3a70e471639e7e91aa935f215e1d7b", "source": { "slug": "codex-first-look", "film": "A first look at the Codex app", "url": "https://www.youtube.com/watch?v=0e-Brv-gS9Q", "localMedia": "references/openai/media/codex-first-look.mp4", "sha256": "d5f8b05e7d123aa336f22d01210b315bfd914aa3d380e70ca21783f023174895", "fps": { "numerator": 24000, "denominator": 1001 }, "width": 1920, "height": 1080, "startFrame": 1390, "endFrameExclusive": 1512 } } ], "assets": [ { "slot": "desktop", "path": "public/art/codex-modal-relay/desktop-adaptation.svg", "resolvedPath": "public/art/codex-modal-relay/desktop-adaptation.svg", "sha256": "701e110d5f01c4f30c223b3814bb4a8c7615c0c8fd1d9849a1364edc59d568ee", "rights": "Original illustrated study artwork authored for this library; no source footage, screenshots, brand marks or demo data. SVG glyphs outlined from local Geist under SIL OFL 1.1; local FONT-LICENSE.txt. No font bytes or remote resources in SVGs. Not real Poe UI.", "actual": { "width": 1920, "height": 1080, "method": "svg-viewport/viewBox" } }, { "slot": "workspaceBefore", "path": "public/art/codex-modal-relay/workspace-r04-adaptation-before.svg", "resolvedPath": "public/art/codex-modal-relay/workspace-r04-adaptation-before.svg", "sha256": "0534b6433eb757db7d7b2ac140fe49bd20b44ccf2a441ba3a81cf99338b69f47", "rights": "Original illustrated study artwork authored for this library; no source footage, screenshots, brand marks or demo data. SVG glyphs outlined from local Geist under SIL OFL 1.1; local FONT-LICENSE.txt. No font bytes or remote resources in SVGs. Not real Poe UI.", "actual": { "width": 1720, "height": 1080, "method": "svg-viewport/viewBox" } }, { "slot": "workspaceAfter", "path": "public/art/codex-modal-relay/workspace-r04-adaptation-after.svg", "resolvedPath": "public/art/codex-modal-relay/workspace-r04-adaptation-after.svg", "sha256": "0ac4af34efb9d8be4fa8444243a5cd92f804f4ac25361fd44710f1122bd4ec49", "rights": "Original illustrated study artwork authored for this library; no source footage, screenshots, brand marks or demo data. SVG glyphs outlined from local Geist under SIL OFL 1.1; local FONT-LICENSE.txt. No font bytes or remote resources in SVGs. Not real Poe UI.", "actual": { "width": 1720, "height": 1080, "method": "svg-viewport/viewBox" } } ], "publicFiles": { "public/art/codex-modal-relay/desktop-adaptation.svg": { "sha256": "701e110d5f01c4f30c223b3814bb4a8c7615c0c8fd1d9849a1364edc59d568ee", "resolvedPath": "public/art/codex-modal-relay/desktop-adaptation.svg" }, "public/art/codex-modal-relay/workspace-r04-adaptation-after.svg": { "sha256": "0ac4af34efb9d8be4fa8444243a5cd92f804f4ac25361fd44710f1122bd4ec49", "resolvedPath": "public/art/codex-modal-relay/workspace-r04-adaptation-after.svg" }, "public/art/codex-modal-relay/workspace-r04-adaptation-before.svg": { "sha256": "0534b6433eb757db7d7b2ac140fe49bd20b44ccf2a441ba3a81cf99338b69f47", "resolvedPath": "public/art/codex-modal-relay/workspace-r04-adaptation-before.svg" }, "public/fonts/Geist.ttf": { "sha256": "73894e0448cae90a92b6c2f8732b7bb9acb7b94c418bff559dad4a18e1de9659", "resolvedPath": "public/fonts/Geist.ttf" } }, "assetScope": "Selected content assets and literal staticFile() dependencies in shared source; unrelated recipes and public assets excluded. Rights declarations are preserved, not independently certified." }, "bindingSha256": "b69bc3e8a7e74c394e1a9311f3f8174e2ba5e06feb0acdc091719b97b9b9d795", "implementationDigest": "d8b9486d145a3c5c2eb163dba433e958b8310df238f13f0c354452a67f35cf22", "fileHashes": { "package-lock.json": "d49a849f7eb399e171ed709b67e00e96104f1116e571c96e6e94952e14110922", "package.json": "78bbb94c56da3bfd012607ca3ba88e063ee2a280a65ae6d99175cbe50b1e34fb", "public/art/codex-modal-relay/desktop-adaptation.svg": "701e110d5f01c4f30c223b3814bb4a8c7615c0c8fd1d9849a1364edc59d568ee", "public/art/codex-modal-relay/workspace-r04-adaptation-after.svg": "0ac4af34efb9d8be4fa8444243a5cd92f804f4ac25361fd44710f1122bd4ec49", "public/art/codex-modal-relay/workspace-r04-adaptation-before.svg": "0534b6433eb757db7d7b2ac140fe49bd20b44ccf2a441ba3a81cf99338b69f47", "public/fonts/Geist.ttf": "73894e0448cae90a92b6c2f8732b7bb9acb7b94c418bff559dad4a18e1de9659", "recipes/codex-modal-relay.json": "3ff66cf81c672ad9c1fbd7de3b180c2069a7dbcbab3c29b33c5289c141de13c1", "remotion.config.ts": "240cf99c8d4908d9e1904465dd1e3156b483e18e4470278d23ffa21d283956f1", "scripts/lib.mjs": "b6c6535fc7279ff63f3feecb696d3b3092d5efbcb1491d7e7b525933e8d5b0e8", "scripts/render.mjs": "efd75f96353eebb7a4c15ccad939aad8bb5d3cb9dbd790d3c48aa8d4f53a7886", "scripts/verify.mjs": "a99a2b9582e3735b3d49a784af0c471ab971759d555182b0854cdc9bba9a268e", "src/assemble.ts": "adb57e34e9f9d5fed4e2445b609f3ba40da3926b6360e7fd7eb15bd0a541d6df", "src/Edit.tsx": "ab99b024849190653a750d010be38b23a8a37356a071da858dca5bdc5c27fa0e", "src/index.ts": "2e0e358282a1b998a65387c653b97c2bb2eb7aae94cf200fc0b8d919f7be73a6", "src/library.ts": "b3863be1ff2f053c8e3985f25160373a77da0b7cd2dbc020294124d6d3526b09", "src/Root.tsx": "9680a4c588bd063ba287a0c875f441ac348fe1a76a2d988a44685e3606922fbe", "src/text-fit.ts": "654cd5107172867298aca159cc5dbebced88c3ad11844f6eb47e022842091b38", "src/timing.ts": "b7228f76ac5fd8a3854e2e9777238a68f4ba7db105b2818a3dadd7f22865e434", "src/Treatment.tsx": "619961bce2dd3ceb6ef66a4a2575956eda749a73dc4bb8d716d6534b3c96e1ce", "src/types.ts": "e9d1d73a9fa77f4886349459f8e5f9099678b7c4ad84c827b01b854306e77dd3", "src/validate.ts": "3bd5c305bc287eba524c3315e9a38de8ab4c43b3453d31c5ee93a413a34caf43", "tsconfig.json": "a8c92231b0553e1d8c2f39926b4861156cae5eccb28e1780f2c720f3ab70602e" }, "inputProps": { "recipe": { "schemaVersion": 1, "id": "codex-modal-relay", "title": "Branch-to-commit modal relay on a held workspace", "description": "DRAFT — Attention moves through dimmed dialog, one-frame compact progress state, confirmation, an undimmed breathing interval and a taller second dialog, while the underlying workspace stays registered. Original illustrated UI, not real Poe; not fidelity-approved.", "families": [ "overlay", "interface", "continuity" ], "intents": [ "Attention moves through dimmed dialog, one-frame compact progress state, confirmation, an undimmed breathing interval and a taller second dialog, while the underlying workspace stays registered." ], "tags": [ "draft", "original-illustration", "not-poe", "interface-04" ], "distinctness": { "mechanism": "Attention moves through dimmed dialog, one-frame compact progress state, confirmation, an undimmed breathing interval and a taller second dialog, while the underlying workspace stays registered.", "notEquivalentTo": [ "Not a lower third: these central task layers suppress and restore the underlying app.", "Not a generic modal entrance: the two-dialog relay and intervening undimmed state are essential." ] }, "source": { "slug": "codex-first-look", "film": "A first look at the Codex app", "url": "https://www.youtube.com/watch?v=0e-Brv-gS9Q", "localMedia": "references/openai/media/codex-first-look.mp4", "sha256": "d5f8b05e7d123aa336f22d01210b315bfd914aa3d380e70ca21783f023174895", "fps": { "numerator": 24000, "denominator": 1001 }, "width": 1920, "height": 1080, "startFrame": 1390, "endFrameExclusive": 1512 }, "canvas": { "width": 1920, "height": 1080, "background": "#ffffff" }, "observations": [ { "kind": "measured", "sourceFrames": [ 1393, 1394, 1415, 1416, 1417 ], "statement": "Workspace is undimmed at f1393; first dialog and scrim are present at f1394. f1416 contains a compact progress state between the f1415 form and f1417 success state. That one-source-frame state is not a latency measurement.", "evidence": [ "../research/interface/evidence/interface-04/source.mp4", "../research/interface/evidence/interface-04-native.jpg", "../research/interface/evidence/interface-04-anchors.jpg" ] }, { "kind": "measured", "sourceFrames": [ 1436, 1437, 1476, 1477, 1478 ], "statement": "Dialog and dimming are absent at f1437 after being present at f1436. The taller second form starts visibly appearing at f1477 and is opaque by f1478.", "evidence": [ "../research/interface/evidence/interface-04/source.mp4", "../research/interface/evidence/interface-04-native.jpg", "../research/interface/evidence/interface-04-anchors.jpg" ] }, { "kind": "measured", "sourceFrames": [ 1394, 1416, 1478 ], "statement": "Bright-fill threshold envelopes within the modal ROI are [552,456,1032,849], [550,565,1033,845] and [525,336,1058,969]. The second dialog is taller and slightly wider, not the same box with different words.", "evidence": [ "../research/interface/evidence/interface-04/source.mp4", "../research/interface/evidence/interface-04-native.jpg", "../research/interface/evidence/interface-04-anchors.jpg" ] }, { "kind": "estimate", "sourceFrames": [ 1394, 1437, 1478 ], "statement": "The app fills about 90% of the frame width and remains positionally stable. Dialog fill density changes from a short form to a multi-option form; scrim opacity is not measured.", "evidence": [ "../research/interface/evidence/interface-04/source.mp4", "../research/interface/evidence/interface-04-native.jpg", "../research/interface/evidence/interface-04-anchors.jpg" ] }, { "kind": "unresolved", "sourceFrames": [ 1416, 1477 ], "statement": "Exact scrim alpha, entrance blend and source font metrics remain unfitted. The one-frame progress state must not be stretched into a fabricated real operation.", "evidence": [ "../research/interface/evidence/interface-04/source.mp4", "../research/interface/evidence/interface-04-native.jpg", "../research/interface/evidence/interface-04-anchors.jpg" ] }, { "kind": "implementation-choice", "statement": "Original illustrated interface artwork, visibly labelled NOT POE. SVG type is outlined from the licensed local Geist, without font bytes or external resources; editable TextLayers use the renderer's licensed Geist. Original text and drawn symbols replace all source branding/data. Geometry and source timing remain the study reference, not a real product claim.", "sourceFrames": [ 1390 ], "evidence": [ "art/codex-modal-relay/ASSET-NOTES.json", "art/codex-modal-relay/FONT-LICENSE.txt" ] }, { "kind": "implementation-choice", "statement": "Private review03 restores source4–14 first-pane rest,47–53 post-close rest with small54 movement,88–94 second-pane rest, and following native accelerations. Existing63–86 keys retain repaired72–86. Hand97–118 retains selection110 and arrow departure119. Only the original generic arrowPath style default changes, to rounded shoulder/corners for the measured press contour; its24x30 API, handPath, all text and media defaults remain unchanged. Dimensions, halo, compact exposure/opacity and entry alpha are fits, not recovered source parameters. Entry4/5/6 alpha fits .88/.97/.985;87/88/89 fits .525/.94/.975. Native toolbar, intermediate option98–103, third-option103–120 and Continue120 feedback are independent states, not hit-testing. No fidelity approval.", "sourceFrames": [ 1394, 1404, 1405, 1416, 1437, 1443, 1444, 1445, 1462, 1476, 1477, 1478, 1484, 1485, 1487, 1488, 1493, 1496, 1500, 1508, 1509, 1510 ], "evidence": [ "../evidence/review-interface-a/retest-cc-cm-review02/codex-modal-relay/review.json", "../evidence/private-cc-cm-review03/source-cursor-components.json" ] }, { "kind": "measured", "statement": "Native reinspection pins the third-option check to local110: ROI[987,855,34,34] has zero dark check pixels through109 and40 at110. Toolbar switches at47; source progress panel at26 is shallow[550,565,483,174], preceding confirmation27. Final pointer approaches Continue; no final click occurs inside this span.", "sourceFrames": [ 1416, 1417, 1437, 1499, 1500, 1509, 1510, 1511 ], "evidence": [ "../evidence/review-interface-a/codex-modal-relay/source-native.mp4", "../evidence/review-interface-a/codex-modal-relay/probes/source/0026.png" ] }, { "kind": "estimate", "statement": "Revision04 original controls restore first/confirmation box[550,451,483,402] and second box[525,334,533,636],26px radii,17/24px type, icon/close controls, draft/change rows, on-switch, empty textarea placeholder, next-step heading and full-width divided options. Native source geometry is observed; font optical metrics, shadow, scrim and intermediate cursor/exposure remain fits.", "sourceFrames": [ 1394, 1410, 1425, 1450, 1478, 1511 ], "evidence": [ "../evidence/review-interface-a/codex-modal-relay/review.json" ] }, { "kind": "measured", "statement": "Review02 input fit: consecutive native source63–86 dark-pointer components place the visible tip at[1300.5,250] on72,[1302,248] on74,[1306.5,243] on75,[1326.5,221] on77 and[1391,48] on86. The almost-held below-toolbar phase precedes the late approach; source hand is visible at106–107, independently of selection110. These are thresholded visible pixels, not recovered pointer hotspots.", "sourceFrames": [ 1453, 1462, 1463, 1464, 1465, 1466, 1467, 1476, 1496, 1497, 1500 ], "evidence": [ "../evidence/private-cc-cm-input-fit-20260905/source-pointer-measurements.json", "../evidence/private-cc-cm-input-fit-20260905/codex-modal-relay/hand-onset.png" ] }, { "kind": "implementation-choice", "statement": "Historical review02 fit pinned native63–86 and cleared exposure71–74. Review03 retains those position keys but supersedes its60–62, pre-pane and post-pane trajectories and106-only hand onset using the complete source sequence; the hand now starts97. Optical values remain fitted, not recovered source settings.", "sourceFrames": [ 1450, 1451, 1452, 1461, 1464, 1467, 1476, 1490, 1495, 1496 ], "evidence": [ "../evidence/private-cc-cm-input-fit-20260905/source-pointer-measurements.json", "../evidence/private-cc-cm-input-fit-20260905/codex-modal-relay/hand-onset.png" ] } ], "fields": { "disclosure": { "kind": "text", "description": "Required immutable disclosure; original interface illustration, never a product screenshot.", "minLength": 24, "maxLength": 24, "maxLines": 1, "exactLength": 24 }, "desktop": { "kind": "image", "description": "Original desktop illustration, 1920x1080; never source wallpaper.", "aspectRatio": { "numerator": 16, "denominator": 9 }, "minimumWidth": 1920, "minimumHeight": 1080, "fit": "contain" }, "workspaceBefore": { "kind": "image", "description": "Original dense 1720x1080 work-surface. The before/after toolbar changes exactly at local47; its targets are coupled to the pointer. Outlined licensed Geist, no real product capture.", "aspectRatio": { "numerator": 43, "denominator": 27 }, "minimumWidth": 1720, "minimumHeight": 1080, "fit": "contain" }, "workspaceAfter": { "kind": "image", "description": "Original dense 1720x1080 work-surface. The before/after toolbar changes exactly at local47; its targets are coupled to the pointer. Outlined licensed Geist, no real product capture.", "aspectRatio": { "numerator": 43, "denominator": 27 }, "minimumWidth": 1720, "minimumHeight": 1080, "fit": "contain" }, "firstTitle": { "kind": "text", "description": "First form title.", "minLength": 21, "maxLength": 22, "maxLines": 1, "exactLines": 1 }, "firstBody": { "kind": "text", "description": "Exactly three explanatory lines; no product or permission claim.", "minLength": 129, "maxLength": 130, "maxLines": 3, "exactLines": 3 }, "nameLabel": { "kind": "text", "description": "Field heading.", "minLength": 9, "maxLength": 10, "maxLines": 1, "exactLines": 1 }, "prefixHint": { "kind": "text", "description": "Pale right-aligned secondary field control.", "minLength": 10, "maxLength": 10, "maxLines": 1, "exactLines": 1 }, "copyName": { "kind": "text", "description": "Original full draft identifier; paired with copyNameShort and workspace content.", "minLength": 31, "maxLength": 32, "maxLines": 1, "exactLines": 1 }, "firstAction": { "kind": "text", "description": "First form action label.", "minLength": 8, "maxLength": 8, "maxLines": 1, "exactLines": 1 }, "progress": { "kind": "text", "description": "Left-aligned single-frame progress title.", "minLength": 26, "maxLength": 27, "maxLines": 1, "exactLines": 1 }, "progressSubline": { "kind": "text", "description": "Single-frame progress subline.", "minLength": 36, "maxLength": 37, "maxLines": 1, "exactLines": 1 }, "successTitle": { "kind": "text", "description": "Confirmation title.", "minLength": 18, "maxLength": 19, "maxLines": 1, "exactLines": 1 }, "successBody": { "kind": "text", "description": "One-line confirmation.", "minLength": 35, "maxLength": 37, "maxLines": 1, "exactLines": 1 }, "copyNameShort": { "kind": "text", "description": "Deliberately truncated original identifier, manually coupled to copyName.", "minLength": 24, "maxLength": 25, "maxLines": 1, "exactLines": 1 }, "nextHeading": { "kind": "text", "description": "Shared next-step heading.", "minLength": 10, "maxLength": 10, "maxLines": 1, "exactLines": 1 }, "successSteps": { "kind": "text", "description": "First confirmation bullet wraps across exactly two lines.", "minLength": 81, "maxLength": 82, "maxLines": 2, "exactLines": 2 }, "successFoot": { "kind": "text", "description": "Second confirmation bullet with a larger preceding gap.", "minLength": 34, "maxLength": 35, "maxLines": 1, "exactLines": 1 }, "closeAction": { "kind": "text", "description": "Confirmation close action.", "minLength": 5, "maxLength": 5, "maxLines": 1, "exactLines": 1 }, "secondTitle": { "kind": "text", "description": "Second form title.", "minLength": 16, "maxLength": 17, "maxLines": 1, "exactLines": 1 }, "changesLabel": { "kind": "text", "description": "Change-count heading.", "minLength": 7, "maxLength": 7, "maxLines": 1, "exactLines": 1 }, "changeCount": { "kind": "text", "description": "Original summary count, not source demo data.", "minLength": 15, "maxLength": 15, "maxLines": 1, "exactLines": 1 }, "toggleLabel": { "kind": "text", "description": "On-state switch label.", "minLength": 20, "maxLength": 22, "maxLines": 1, "exactLines": 1 }, "summaryLabel": { "kind": "text", "description": "Empty textarea heading.", "minLength": 14, "maxLength": 16, "maxLines": 1, "exactLines": 1 }, "summaryPlaceholder": { "kind": "text", "description": "Two-line placeholder only; no filled summary or generated result.", "minLength": 53, "maxLength": 55, "maxLines": 2, "exactLines": 2 }, "option1": { "kind": "text", "description": "First full-width row, selected until local110.", "minLength": 11, "maxLength": 12, "maxLines": 1, "exactLines": 1 }, "option2": { "kind": "text", "description": "Second full-width row, never selected in this interval.", "minLength": 14, "maxLength": 15, "maxLines": 1, "exactLines": 1 }, "option3": { "kind": "text", "description": "Third full-width row, selected from local110; no completed submission shown.", "minLength": 20, "maxLength": 22, "maxLines": 1, "exactLines": 1 }, "saveAction": { "kind": "text", "description": "Final action is approached, not clicked inside the source interval.", "minLength": 8, "maxLength": 8, "maxLines": 1, "exactLines": 1 }, "arrowPath": { "kind": "path", "description": "Original arrow silhouette; source hotspot is the upper-left pointed tip. Do not replace with a hand in held-arrow phases. Review03 changes only the original generic cursor contour to rounded corners and a lower shoulder; the same 24x30 path API and hotspot contract remain. This style correction is required for the observed press silhouette, not substituted presentation content.", "viewBox": [ 0, 0, 24, 30 ] }, "handPath": { "kind": "path", "description": "Original outlined hand cursor, paired with arrow phases; no remote platform asset.", "viewBox": [ 0, 0, 26, 32 ] } }, "defaults": { "disclosure": "ILLUSTRATED UI · NOT POE", "desktop": { "kind": "image", "path": "art/codex-modal-relay/desktop-default.svg", "width": 1920, "height": 1080, "rights": "Original illustrated study artwork authored for this library; no source footage, screenshots, brand marks or demo data. SVG glyphs outlined from local Geist under SIL OFL 1.1; local FONT-LICENSE.txt. No font bytes or remote resources in SVGs. Not real Poe UI." }, "workspaceBefore": { "kind": "image", "path": "art/codex-modal-relay/workspace-r04-default-before.svg", "width": 1720, "height": 1080, "rights": "Original illustrated study artwork authored for this library; no source footage, screenshots, brand marks or demo data. SVG glyphs outlined from local Geist under SIL OFL 1.1; local FONT-LICENSE.txt. No font bytes or remote resources in SVGs. Not real Poe UI." }, "workspaceAfter": { "kind": "image", "path": "art/codex-modal-relay/workspace-r04-default-after.svg", "width": 1720, "height": 1080, "rights": "Original illustrated study artwork authored for this library; no source footage, screenshots, brand marks or demo data. SVG glyphs outlined from local Geist under SIL OFL 1.1; local FONT-LICENSE.txt. No font bytes or remote resources in SVGs. Not real Poe UI." }, "firstTitle": "Create a working copy", "firstBody": "This copy keeps the original notes intact.\nUse this separate draft for the team review.\nThe source document will remain unchanged.", "nameLabel": "Copy name", "prefixHint": "Set prefix", "copyName": "workshop/review-session-outline", "firstAction": "Continue", "progress": "Preparing the working copy", "progressSubline": "Keeping the original notes unchanged…", "successTitle": "Working copy ready", "successBody": "Your separate review copy is ready.", "copyNameShort": "workshop/review-session-…", "nextHeading": "Next steps", "successSteps": "• Review the notes in this working copy\n and keep the original version unchanged", "successFoot": "• Save a separate copy when ready.", "closeAction": "Close", "secondTitle": "Save your changes", "changesLabel": "Changes", "changeCount": "1 note +17 -2", "toggleLabel": "Include review notes", "summaryLabel": "Review message", "summaryPlaceholder": "Add a short note to describe this review for\nyour team.", "option1": "Save a copy", "option2": "Save and share", "option3": "Save and open review", "saveAction": "Continue", "arrowPath": "M2 2L2 23Q2 24 3 23.3L8 19.4L12 27.5Q12.7 29 14.2 28.2L16.4 27Q17.5 26.4 16.8 25.2L12.7 17.5L19.5 17.5Q20.9 17.5 19.9 16.5L3.2 1.3Q2 .5 2 2Z", "handPath": "M7 15V3C7 0 11 0 11 3V11C11 8 15 8 15 11V12C15 9 19 10 19 13C20 11 23 13 23 15V22L19 29H10L4 21C1 17 4 14 7 18Z" }, "adaptation": { "disclosure": "ILLUSTRATED UI · NOT POE", "desktop": { "kind": "image", "path": "art/codex-modal-relay/desktop-adaptation.svg", "width": 1920, "height": 1080, "rights": "Original illustrated study artwork authored for this library; no source footage, screenshots, brand marks or demo data. SVG glyphs outlined from local Geist under SIL OFL 1.1; local FONT-LICENSE.txt. No font bytes or remote resources in SVGs. Not real Poe UI." }, "workspaceBefore": { "kind": "image", "path": "art/codex-modal-relay/workspace-r04-adaptation-before.svg", "width": 1720, "height": 1080, "rights": "Original illustrated study artwork authored for this library; no source footage, screenshots, brand marks or demo data. SVG glyphs outlined from local Geist under SIL OFL 1.1; local FONT-LICENSE.txt. No font bytes or remote resources in SVGs. Not real Poe UI." }, "workspaceAfter": { "kind": "image", "path": "art/codex-modal-relay/workspace-r04-adaptation-after.svg", "width": 1720, "height": 1080, "rights": "Original illustrated study artwork authored for this library; no source footage, screenshots, brand marks or demo data. SVG glyphs outlined from local Geist under SIL OFL 1.1; local FONT-LICENSE.txt. No font bytes or remote resources in SVGs. Not real Poe UI." }, "firstTitle": "Create a planning copy", "firstBody": "This copy keeps the original plan intact.\nUse this separate draft for the team review.\nThe source document will remain unchanged.", "nameLabel": "Draft name", "prefixHint": "Set prefix", "copyName": "planning/review-launch-checklist", "firstAction": "Continue", "progress": "Preparing the planning copy", "progressSubline": "Keeping the original plan unchanged…", "successTitle": "Planning copy ready", "successBody": "Your separate planning copy is ready.", "copyNameShort": "planning/review-launch-…", "nextHeading": "Next steps", "successSteps": "• Review the plan in this working copy\n and keep the original version unchanged", "successFoot": "• Save a separate draft when ready.", "closeAction": "Close", "secondTitle": "Save your review", "changesLabel": "Changes", "changeCount": "1 plan +17 -2", "toggleLabel": "Include planning notes", "summaryLabel": "Planning message", "summaryPlaceholder": "Add a short note to describe this plan for\nyour team.", "option1": "Save a draft", "option2": "Save and notify", "option3": "Save and open planning", "saveAction": "Continue", "arrowPath": "M2 2L2 23Q2 24 3 23.3L8 19.4L12 27.5Q12.7 29 14.2 28.2L16.4 27Q17.5 26.4 16.8 25.2L12.7 17.5L19.5 17.5Q20.9 17.5 19.9 16.5L3.2 1.3Q2 .5 2 2Z", "handPath": "M7 15V3C7 0 11 0 11 3V11C11 8 15 8 15 11V12C15 9 19 10 19 13C20 11 23 13 23 15V22L19 29H10L4 21C1 17 4 14 7 18Z" }, "adaptationNotes": [ "An original two-step task confirmation study with real or explicitly illustrative before/after assets. Preserve the spatial relay, but use original labels/data and do not imply a verified Poe workflow.", "Default and adaptation are different original scenarios, not source demo data. Keep fixed line breaks, slot dimensions and selection/phase relationships.", "The small on-canvas illustration disclosure is a deliberate non-source addition required to prevent a product-behavior claim.", "Stage is draft. Main owns first renders, moving comparisons and fresh fidelity review; these authored recipes contain no self-approval." ], "invariants": [ "Shared background registration", "Different modal heights", "The undimmed interval", "One-frame source transient in fidelity mode", "Native source interval/fps are locked. All animation keys are local; observation sourceFrames remain absolute.", "Do not remove the ILLUSTRATED UI · NOT POE disclosure.", "All SVGs and media inputs are original, self-contained and rights-declared.", "First visible4 and settles4–6; progress26 only; confirmation27–46; toolbar relay47; second fade87/settles88–89; third-option feedback110; no final submit beyond121.", "Keep original before/after controls under the exact trigger targets. Second summary remains a placeholder, not a generated result." ], "unsupported": [ "No full-film source UI pixels become presentation assets.", "Maintain camera lock while modal state changes.", "No Poe branch or commit behavior is asserted.", "Arbitrary UI screenshots, reflowing copy or aspect-ratio changes are unsupported.", "Fresh moving-source fidelity review and final font/blur/alpha fitting are outstanding.", "Full/truncated identifier, toolbar artwork, option labels and cursor targets are manually coupled; typed constraints do not prove semantic agreement.", "Source pointer subframe blur and optical type metrics require fresh retest. Forty-one-sample cursor exposure and opacity are implementation fits, not a measured source shutter. Generic hand contour and residual exposure weighting differ from source." ], "entry": { "field": "interface", "description": "Short dialog on scrim", "continuityKeys": [ "original-content-identity", "native-clock" ] }, "exit": { "field": "interface", "description": "Taller second form", "continuityKeys": [ "original-content-identity", "native-clock" ] }, "neighbors": { "before": [], "after": [], "rule": "Use an explicit hard cut unless a following shot shares these exact original content/anchor keys. Do not add automatic dissolves or retime the source-native passage." }, "layers": [ { "kind": "image", "id": "desktop", "start": 0, "end": 122, "slot": "desktop", "width": 1920, "height": 1080, "fit": "contain" }, { "kind": "image", "id": "workspace-before-relay", "start": 0, "end": 47, "slot": "workspaceBefore", "width": 1720, "height": 1080, "fit": "contain" }, { "kind": "image", "id": "workspace-after-relay", "start": 47, "end": 122, "slot": "workspaceAfter", "width": 1720, "height": 1080, "fit": "contain" }, { "kind": "rect", "id": "toolbar-dropdown-hover", "start": 80, "end": 82, "x": 1417, "y": 19, "width": 34, "height": 33, "radius": 10, "fill": "#000000", "opacity": 0.098 }, { "kind": "rect", "id": "toolbar-main-hover", "start": 82, "end": 87, "x": 1313, "y": 19, "width": 104, "height": 33, "radius": 10, "fill": "#000000", "opacity": 0.098 }, { "kind": "rect", "id": "first-scrim", "start": 4, "end": 47, "width": 1720, "height": 1080, "fill": "#101010", "opacity": 0.135 }, { "kind": "group", "id": "create-copy-dialog", "start": 4, "end": 26, "x": 550, "y": [ { "frame": 4, "value": 454, "easing": "linear" }, { "frame": 5, "value": 451.8, "easing": "linear" }, { "frame": 6, "value": 451, "easing": "linear" } ], "width": 483, "height": 402, "children": [ { "kind": "rect", "id": "first-card", "start": 0, "end": 122, "width": 483, "height": 402, "radius": 26, "fill": "#ffffff", "shadow": "0 4px 10px #00000010" }, { "kind": "rect", "id": "copy-tile", "start": 0, "end": 122, "x": 25, "y": 25, "width": 46, "height": 46, "radius": 13, "fill": "#f7f7f7" }, { "kind": "path", "id": "copy-glyph", "start": 0, "end": 122, "x": 36, "y": 36, "width": 24, "height": 24, "path": "M6 3V21M6 12H17V3M3 3A3 3 0 1 0 9 3A3 3 0 1 0 3 3M14 3A3 3 0 1 0 20 3A3 3 0 1 0 14 3", "viewBox": [ 0, 0, 24, 24 ], "fill": "none", "stroke": "#24292c", "strokeWidth": 2 }, { "kind": "path", "id": "first-close", "start": 0, "end": 122, "x": 440, "y": 30, "width": 15, "height": 15, "path": "M2 2L13 13M13 2L2 13", "viewBox": [ 0, 0, 15, 15 ], "fill": "none", "stroke": "#777777", "strokeWidth": 1.5 }, { "kind": "text", "id": "first-title", "start": 0, "end": 122, "slot": "firstTitle", "x": 25, "y": 90, "width": 433, "height": 32, "fontSize": 24, "weight": 600, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "text", "id": "first-body", "start": 0, "end": 122, "slot": "firstBody", "x": 25, "y": 141, "width": 433, "height": 76, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#777777" }, { "kind": "text", "id": "name-label", "start": 0, "end": 122, "slot": "nameLabel", "x": 25, "y": 234, "width": 300, "height": 25, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "text", "id": "prefix-hint", "start": 0, "end": 122, "slot": "prefixHint", "x": 345, "y": 234, "width": 106, "height": 25, "fontSize": 16, "weight": 400, "lineHeight": 1.25, "color": "#999999", "align": "right" }, { "kind": "rect", "id": "copy-name-input", "start": 0, "end": 122, "x": 25, "y": 275, "width": 433, "height": 47, "radius": 15, "fill": "#f7f7f7", "stroke": "#e5e5e5", "strokeWidth": 1.5 }, { "kind": "text", "id": "copy-name", "start": 0, "end": 122, "slot": "copyName", "x": 41, "y": 286, "width": 399, "height": 26, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "rect", "id": "first-button", "start": 0, "end": 122, "x": 25, "y": 338, "width": 433, "height": 35, "radius": 13, "fill": "#3b3b3b" }, { "kind": "text", "id": "first-action", "start": 0, "end": 122, "slot": "firstAction", "x": 35, "y": 343, "width": 413, "height": 25, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#ffffff", "align": "center" } ], "opacity": [ { "frame": 4, "value": 0.88, "easing": "linear" }, { "frame": 5, "value": 0.97, "easing": "linear" }, { "frame": 6, "value": 0.985, "easing": "linear" }, { "frame": 7, "value": 1, "easing": "linear" } ], "blur": [ { "frame": 4, "value": 0.32, "easing": "linear" }, { "frame": 5, "value": 0.12, "easing": "linear" }, { "frame": 6, "value": 0, "easing": "linear" } ] }, { "kind": "group", "id": "one-frame-progress", "start": 26, "end": 27, "x": 550, "y": 565, "width": 483, "height": 174, "children": [ { "kind": "rect", "id": "progress-card", "start": 0, "end": 122, "width": 483, "height": 174, "radius": 26, "fill": "#ffffff", "shadow": "0 4px 10px #00000010" }, { "kind": "rect", "id": "progress-icon-tile", "start": 0, "end": 122, "x": 25, "y": 22, "width": 46, "height": 46, "radius": 13, "fill": "#fafafa" }, { "kind": "path", "id": "progress-spinner", "start": 0, "end": 122, "x": 38, "y": 34, "width": 22, "height": 22, "path": "M11 2A9 9 0 1 1 2 11", "viewBox": [ 0, 0, 22, 22 ], "fill": "none", "stroke": "#c5c9c8", "strokeWidth": 2.5 }, { "kind": "path", "id": "progress-close", "start": 0, "end": 122, "x": 440, "y": 25, "width": 15, "height": 15, "path": "M2 2L13 13M13 2L2 13", "viewBox": [ 0, 0, 15, 15 ], "fill": "none", "stroke": "#777777", "strokeWidth": 1.5 }, { "kind": "text", "id": "progress-message", "start": 0, "end": 122, "slot": "progress", "x": 25, "y": 80, "width": 433, "height": 32, "fontSize": 24, "weight": 600, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "text", "id": "progress-subline", "start": 0, "end": 122, "slot": "progressSubline", "x": 25, "y": 123, "width": 433, "height": 27, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#858585" } ] }, { "kind": "group", "id": "copy-confirmation", "start": 27, "end": 47, "x": 550, "y": 451, "width": 483, "height": 402, "children": [ { "kind": "rect", "id": "success-card", "start": 0, "end": 122, "width": 483, "height": 402, "radius": 26, "fill": "#ffffff", "shadow": "0 4px 10px #00000010" }, { "kind": "rect", "id": "success-tile", "start": 0, "end": 122, "x": 25, "y": 25, "width": 46, "height": 46, "radius": 13, "fill": "#e5f5ed" }, { "kind": "path", "id": "success-glyph", "start": 0, "end": 122, "x": 36, "y": 36, "width": 24, "height": 24, "path": "M3 12L9 18L22 4", "viewBox": [ 0, 0, 24, 24 ], "fill": "none", "stroke": "#247b52", "strokeWidth": 2 }, { "kind": "path", "id": "success-close", "start": 0, "end": 122, "x": 440, "y": 30, "width": 15, "height": 15, "path": "M2 2L13 13M13 2L2 13", "viewBox": [ 0, 0, 15, 15 ], "fill": "none", "stroke": "#777777", "strokeWidth": 1.5 }, { "kind": "text", "id": "success-title", "start": 0, "end": 122, "slot": "successTitle", "x": 25, "y": 90, "width": 433, "height": 32, "fontSize": 24, "weight": 600, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "text", "id": "success-body", "start": 0, "end": 122, "slot": "successBody", "x": 25, "y": 128, "width": 433, "height": 26, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#777777" }, { "kind": "text", "id": "success-name-heading", "start": 0, "end": 122, "slot": "nameLabel", "x": 25, "y": 165, "width": 108, "height": 26, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "path", "id": "success-name-glyph", "start": 0, "end": 122, "x": 124, "y": 169, "width": 15, "height": 18, "path": "M3 2V16M3 8H12V2M1 2H5M10 2H14", "viewBox": [ 0, 0, 15, 18 ], "fill": "none", "stroke": "#343434", "strokeWidth": 1.5 }, { "kind": "text", "id": "success-name", "start": 0, "end": 122, "slot": "copyNameShort", "x": 145, "y": 165, "width": 313, "height": 26, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "text", "id": "success-next-heading", "start": 0, "end": 122, "slot": "nextHeading", "x": 25, "y": 205, "width": 433, "height": 26, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "text", "id": "success-steps", "start": 0, "end": 122, "slot": "successSteps", "x": 25, "y": 241, "width": 433, "height": 60, "fontSize": 17, "weight": 400, "lineHeight": 1.53, "color": "#292d31" }, { "kind": "text", "id": "success-foot", "start": 0, "end": 122, "slot": "successFoot", "x": 25, "y": 303, "width": 433, "height": 26, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#787878" }, { "kind": "rect", "id": "continue-button", "start": 0, "end": 122, "x": 25, "y": 341, "width": 433, "height": 35, "radius": 13, "fill": "#3b3b3b" }, { "kind": "text", "id": "continue-action", "start": 0, "end": 122, "slot": "closeAction", "x": 35, "y": 346, "width": 413, "height": 25, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#ffffff", "align": "center" } ] }, { "kind": "rect", "id": "second-scrim", "start": 87, "end": 122, "width": 1720, "height": 1080, "fill": "#101010", "opacity": [ { "frame": 87, "value": 0.06, "easing": "linear" }, { "frame": 88, "value": 0.135, "easing": "linear" } ] }, { "kind": "group", "id": "save-dialog", "start": 87, "end": 122, "x": 525, "y": [ { "frame": 87, "value": 338, "easing": "linear" }, { "frame": 88, "value": 335, "easing": "linear" }, { "frame": 89, "value": 334, "easing": "linear" } ], "width": 533, "height": 636, "opacity": [ { "frame": 87, "value": 0.525, "easing": "linear" }, { "frame": 88, "value": 0.94, "easing": "linear" }, { "frame": 89, "value": 0.975, "easing": "linear" }, { "frame": 90, "value": 1, "easing": "linear" } ], "children": [ { "kind": "rect", "id": "second-card", "start": 0, "end": 122, "width": 533, "height": 636, "radius": 26, "fill": "#ffffff", "shadow": "0 4px 10px #00000010" }, { "kind": "rect", "id": "save-tile", "start": 0, "end": 122, "x": 25, "y": 26, "width": 46, "height": 46, "radius": 13, "fill": "#f7f7f7" }, { "kind": "path", "id": "save-glyph", "start": 0, "end": 122, "x": 36, "y": 37, "width": 24, "height": 24, "path": "M6 3V21M6 12H17V3M3 3A3 3 0 1 0 9 3A3 3 0 1 0 3 3M14 3A3 3 0 1 0 20 3A3 3 0 1 0 14 3", "viewBox": [ 0, 0, 24, 24 ], "fill": "none", "stroke": "#24292c", "strokeWidth": 2 }, { "kind": "path", "id": "second-close", "start": 0, "end": 122, "x": 490, "y": 29, "width": 15, "height": 15, "path": "M2 2L13 13M13 2L2 13", "viewBox": [ 0, 0, 15, 15 ], "fill": "none", "stroke": "#777777", "strokeWidth": 1.5 }, { "kind": "text", "id": "second-title", "start": 0, "end": 122, "slot": "secondTitle", "x": 25, "y": 89, "width": 483, "height": 32, "fontSize": 24, "weight": 600, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "text", "id": "branch-heading", "start": 0, "end": 122, "slot": "nameLabel", "x": 25, "y": 137, "width": 180, "height": 26, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "path", "id": "branch-value-glyph", "start": 0, "end": 122, "x": 220, "y": 141, "width": 17, "height": 18, "path": "M3 2V16M3 8H12V2M1 2H5M10 2H14", "viewBox": [ 0, 0, 15, 18 ], "fill": "none", "stroke": "#343434", "strokeWidth": 1.5 }, { "kind": "text", "id": "branch-value", "start": 0, "end": 122, "slot": "copyNameShort", "x": 251, "y": 137, "width": 257, "height": 26, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "text", "id": "changes-heading", "start": 0, "end": 122, "slot": "changesLabel", "x": 25, "y": 178, "width": 230, "height": 26, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "text", "id": "changes-value", "start": 0, "end": 122, "slot": "changeCount", "x": 325, "y": 178, "width": 183, "height": 26, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#8b9691", "align": "right" }, { "kind": "rect", "id": "include-toggle", "start": 0, "end": 122, "x": 30, "y": 218, "width": 40, "height": 26, "radius": 13, "fill": "#111111" }, { "kind": "ellipse", "id": "toggle-knob", "start": 0, "end": 122, "x": 47, "y": 221, "width": 20, "height": 20, "fill": "#ffffff" }, { "kind": "text", "id": "toggle-label", "start": 0, "end": 122, "slot": "toggleLabel", "x": 85, "y": 218, "width": 415, "height": 26, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "text", "id": "summary-heading", "start": 0, "end": 122, "slot": "summaryLabel", "x": 25, "y": 265, "width": 483, "height": 26, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "rect", "id": "summary-field", "start": 0, "end": 122, "x": 25, "y": 299, "width": 483, "height": 73, "radius": 15, "fill": "#f7f7f7", "stroke": "#e5e5e5", "strokeWidth": 1.5 }, { "kind": "text", "id": "summary-placeholder", "start": 0, "end": 122, "slot": "summaryPlaceholder", "x": 41, "y": 311, "width": 453, "height": 55, "fontSize": 17, "weight": 400, "lineHeight": 1.45, "color": "#999999" }, { "kind": "text", "id": "next-heading", "start": 0, "end": 122, "slot": "nextHeading", "x": 25, "y": 389, "width": 483, "height": 26, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "rect", "id": "option-row-background", "start": 0, "end": 122, "x": 25, "y": 422, "width": 483, "height": 137, "radius": 14, "fill": "#f9f9f9" }, { "kind": "rect", "id": "second-option-hover", "start": 98, "end": 104, "x": 25, "y": 469, "width": 483, "height": 44, "fill": "#f4f4f4", "opacity": [ { "frame": 98, "value": 0.6, "easing": "linear" }, { "frame": 99, "value": 1, "easing": "linear" }, { "frame": 102, "value": 1, "easing": "linear" }, { "frame": 103, "value": 0.6, "easing": "linear" } ] }, { "kind": "rect", "id": "third-option-hover", "start": 103, "end": 121, "x": 25, "y": 515, "width": 483, "height": 43, "radius": 12, "fill": "#f4f4f4", "opacity": [ { "frame": 103, "value": 0.6, "easing": "linear" }, { "frame": 104, "value": 1, "easing": "linear" }, { "frame": 119, "value": 1, "easing": "linear" }, { "frame": 120, "value": 0.5, "easing": "linear" } ] }, { "kind": "path", "id": "option-icon-1", "start": 0, "end": 122, "x": 46, "y": 435, "width": 22, "height": 22, "path": "M1 11H21M6 11A5 5 0 1 0 16 11A5 5 0 1 0 6 11", "viewBox": [ 0, 0, 22, 22 ], "fill": "none", "stroke": "#171a1c", "strokeWidth": 1.8 }, { "kind": "text", "id": "option-label-1", "start": 0, "end": 122, "slot": "option1", "x": 83, "y": 433, "width": 375, "height": 27, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "rect", "id": "option-divider-1", "start": 0, "end": 122, "x": 25, "y": 468, "width": 483, "height": 1, "fill": "#e5e5e5" }, { "kind": "path", "id": "option-icon-2", "start": 0, "end": 122, "x": 46, "y": 481, "width": 22, "height": 22, "path": "M4 8L11 1L18 8M11 1V21", "viewBox": [ 0, 0, 22, 22 ], "fill": "none", "stroke": "#171a1c", "strokeWidth": 1.8 }, { "kind": "text", "id": "option-label-2", "start": 0, "end": 122, "slot": "option2", "x": 83, "y": 479, "width": 375, "height": 27, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "rect", "id": "option-divider-2", "start": 0, "end": 122, "x": 25, "y": 514, "width": 483, "height": 1, "fill": "#e5e5e5" }, { "kind": "path", "id": "option-icon-3", "start": 0, "end": 122, "x": 46, "y": 527, "width": 22, "height": 22, "path": "M2 3H20V19H2ZM6 8H16M6 13H14", "viewBox": [ 0, 0, 22, 22 ], "fill": "none", "stroke": "#171a1c", "strokeWidth": 1.8 }, { "kind": "text", "id": "option-label-3", "start": 0, "end": 122, "slot": "option3", "x": 83, "y": 525, "width": 375, "height": 27, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "path", "id": "first-option-check", "start": 0, "end": 110, "x": 465, "y": 434, "width": 23, "height": 23, "path": "M3 12L9 18L21 3", "viewBox": [ 0, 0, 24, 24 ], "fill": "none", "stroke": "#101010", "strokeWidth": 2 }, { "kind": "path", "id": "third-option-check", "start": 110, "end": 122, "x": 465, "y": 526, "width": 23, "height": 23, "path": "M3 12L9 18L21 3", "viewBox": [ 0, 0, 24, 24 ], "fill": "none", "stroke": "#101010", "strokeWidth": 2 }, { "kind": "rect", "id": "save-button", "start": 0, "end": 122, "x": 25, "y": 575, "width": 483, "height": 36, "radius": 13, "fill": "#0b0b0b" }, { "kind": "rect", "id": "save-button-hover", "start": 120, "end": 122, "x": 25, "y": 575, "width": 483, "height": 36, "radius": 13, "fill": "#3b3b3b" }, { "kind": "text", "id": "save-action", "start": 0, "end": 122, "slot": "saveAction", "x": 35, "y": 580, "width": 463, "height": 25, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#ffffff", "align": "center" } ], "blur": [ { "frame": 87, "value": 0.45, "easing": "linear" }, { "frame": 88, "value": 0.2, "easing": "linear" }, { "frame": 89, "value": 0, "easing": "linear" } ] }, { "kind": "group", "id": "relay-cursor", "start": 0, "end": 122, "x": [ { "frame": 0, "value": 1381.7, "easing": "linear" }, { "frame": 1, "value": 1382.7, "easing": "linear" }, { "frame": 2, "value": 1382.7, "easing": "linear" }, { "frame": 4, "value": 1382.7, "easing": "linear" }, { "frame": 14, "value": 1382.7, "easing": "linear" }, { "frame": 15, "value": 1376, "easing": "linear" }, { "frame": 16, "value": 1340, "easing": "linear" }, { "frame": 17, "value": 1234, "easing": "linear" }, { "frame": 18, "value": 1155, "easing": "linear" }, { "frame": 19, "value": 1050, "easing": "linear" }, { "frame": 20, "value": 997, "easing": "linear" }, { "frame": 21, "value": 936, "easing": "linear" }, { "frame": 22, "value": 900, "easing": "linear" }, { "frame": 23, "value": 873, "easing": "linear" }, { "frame": 24, "value": 857, "easing": "linear" }, { "frame": 25, "value": 848.7, "easing": "linear" }, { "frame": 26, "value": 846.7, "easing": "linear" }, { "frame": 27, "value": 845.7, "easing": "linear" }, { "frame": 30, "value": 847.2, "easing": "linear" }, { "frame": 46, "value": 847.2, "easing": "linear" }, { "frame": 47, "value": 847.2, "easing": "linear" }, { "frame": 53, "value": 847.2, "easing": "linear" }, { "frame": 54, "value": 848.2, "easing": "linear" }, { "frame": 55, "value": 858, "easing": "linear" }, { "frame": 56, "value": 884, "easing": "linear" }, { "frame": 57, "value": 950, "easing": "linear" }, { "frame": 58, "value": 1007, "easing": "linear" }, { "frame": 59, "value": 1084, "easing": "linear" }, { "frame": 60, "value": 1132, "easing": "linear" }, { "frame": 61, "value": 1178, "easing": "linear" }, { "frame": 62, "value": 1201, "easing": "linear" }, { "frame": 63, "value": 1234.7, "easing": "linear" }, { "frame": 64, "value": 1249.7, "easing": "linear" }, { "frame": 65, "value": 1267.2, "easing": "linear" }, { "frame": 66, "value": 1275.7, "easing": "linear" }, { "frame": 67, "value": 1284.7, "easing": "linear" }, { "frame": 68, "value": 1288.7, "easing": "linear" }, { "frame": 69, "value": 1292.7, "easing": "linear" }, { "frame": 70, "value": 1293.7, "easing": "linear" }, { "frame": 71, "value": 1295.7, "easing": "linear" }, { "frame": 72, "value": 1296.2, "easing": "linear" }, { "frame": 73, "value": 1296.7, "easing": "linear" }, { "frame": 74, "value": 1297.7, "easing": "linear" }, { "frame": 75, "value": 1302.2, "easing": "linear" }, { "frame": 76, "value": 1308.2, "easing": "linear" }, { "frame": 77, "value": 1322.2, "easing": "linear" }, { "frame": 78, "value": 1333.7, "easing": "linear" }, { "frame": 79, "value": 1351.2, "easing": "linear" }, { "frame": 80, "value": 1359.7, "easing": "linear" }, { "frame": 81, "value": 1370.7, "easing": "linear" }, { "frame": 82, "value": 1374.7, "easing": "linear" }, { "frame": 83, "value": 1381.2, "easing": "linear" }, { "frame": 84, "value": 1384.2, "easing": "linear" }, { "frame": 85, "value": 1385.7, "easing": "linear" }, { "frame": 86, "value": 1386.7, "easing": "linear" }, { "frame": 87, "value": 1386.7, "easing": "linear" }, { "frame": 88, "value": 1386.7, "easing": "linear" }, { "frame": 94, "value": 1386.7, "easing": "linear" }, { "frame": 95, "value": 1371, "easing": "linear" }, { "frame": 96, "value": 1334, "easing": "linear" }, { "frame": 97, "value": 1234, "easing": "linear" }, { "frame": 98, "value": 1156, "easing": "linear" }, { "frame": 99, "value": 1046.5, "easing": "linear" }, { "frame": 100, "value": 985.5, "easing": "linear" }, { "frame": 101, "value": 913, "easing": "linear" }, { "frame": 102, "value": 876.5, "easing": "linear" }, { "frame": 103, "value": 838.5, "easing": "linear" }, { "frame": 104, "value": 821, "easing": "linear" }, { "frame": 105, "value": 803, "easing": "linear" }, { "frame": 106, "value": 794, "easing": "linear" }, { "frame": 107, "value": 788, "easing": "linear" }, { "frame": 108, "value": 786, "easing": "linear" }, { "frame": 109, "value": 786, "easing": "linear" }, { "frame": 110, "value": 785, "easing": "linear" }, { "frame": 111, "value": 785, "easing": "linear" }, { "frame": 112, "value": 784, "easing": "linear" }, { "frame": 114, "value": 784, "easing": "linear" }, { "frame": 117, "value": 784, "easing": "linear" }, { "frame": 118, "value": 782, "easing": "linear" }, { "frame": 119, "value": 783.7, "easing": "linear" }, { "frame": 120, "value": 779.7, "easing": "linear" }, { "frame": 121, "value": 773.7, "easing": "linear" } ], "y": [ { "frame": 0, "value": 35.3, "easing": "linear" }, { "frame": 1, "value": 34.3, "easing": "linear" }, { "frame": 2, "value": 33.3, "easing": "linear" }, { "frame": 4, "value": 34.3, "easing": "linear" }, { "frame": 14, "value": 34.3, "easing": "linear" }, { "frame": 15, "value": 43, "easing": "linear" }, { "frame": 16, "value": 91, "easing": "linear" }, { "frame": 17, "value": 238, "easing": "linear" }, { "frame": 18, "value": 355, "easing": "linear" }, { "frame": 19, "value": 504, "easing": "linear" }, { "frame": 20, "value": 587, "easing": "linear" }, { "frame": 21, "value": 675, "easing": "linear" }, { "frame": 22, "value": 726, "easing": "linear" }, { "frame": 23, "value": 777, "easing": "linear" }, { "frame": 24, "value": 799, "easing": "linear" }, { "frame": 25, "value": 805.3, "easing": "linear" }, { "frame": 26, "value": 808.3, "easing": "linear" }, { "frame": 27, "value": 808.3, "easing": "linear" }, { "frame": 30, "value": 807.3, "easing": "linear" }, { "frame": 46, "value": 807.3, "easing": "linear" }, { "frame": 47, "value": 807.3, "easing": "linear" }, { "frame": 53, "value": 807.3, "easing": "linear" }, { "frame": 54, "value": 806.3, "easing": "linear" }, { "frame": 55, "value": 796, "easing": "linear" }, { "frame": 56, "value": 774, "easing": "linear" }, { "frame": 57, "value": 692, "easing": "linear" }, { "frame": 58, "value": 617, "easing": "linear" }, { "frame": 59, "value": 508, "easing": "linear" }, { "frame": 60, "value": 451, "easing": "linear" }, { "frame": 61, "value": 387, "easing": "linear" }, { "frame": 62, "value": 354, "easing": "linear" }, { "frame": 63, "value": 324.3, "easing": "linear" }, { "frame": 64, "value": 304.3, "easing": "linear" }, { "frame": 65, "value": 282.3, "easing": "linear" }, { "frame": 66, "value": 270.3, "easing": "linear" }, { "frame": 67, "value": 259.3, "easing": "linear" }, { "frame": 68, "value": 253.3, "easing": "linear" }, { "frame": 69, "value": 249.3, "easing": "linear" }, { "frame": 70, "value": 246.3, "easing": "linear" }, { "frame": 71, "value": 244.3, "easing": "linear" }, { "frame": 72, "value": 244.3, "easing": "linear" }, { "frame": 73, "value": 243.3, "easing": "linear" }, { "frame": 74, "value": 242.3, "easing": "linear" }, { "frame": 75, "value": 237.3, "easing": "linear" }, { "frame": 76, "value": 231.3, "easing": "linear" }, { "frame": 77, "value": 215.3, "easing": "linear" }, { "frame": 78, "value": 193.3, "easing": "linear" }, { "frame": 79, "value": 152.3, "easing": "linear" }, { "frame": 80, "value": 124.3, "easing": "linear" }, { "frame": 81, "value": 95.3, "easing": "linear" }, { "frame": 82, "value": 79.3, "easing": "linear" }, { "frame": 83, "value": 61.3, "easing": "linear" }, { "frame": 84, "value": 52.3, "easing": "linear" }, { "frame": 85, "value": 44.3, "easing": "linear" }, { "frame": 86, "value": 42.3, "easing": "linear" }, { "frame": 87, "value": 41.3, "easing": "linear" }, { "frame": 88, "value": 42.3, "easing": "linear" }, { "frame": 94, "value": 42.3, "easing": "linear" }, { "frame": 95, "value": 55, "easing": "linear" }, { "frame": 96, "value": 86, "easing": "linear" }, { "frame": 97, "value": 194, "easing": "linear" }, { "frame": 98, "value": 302, "easing": "linear" }, { "frame": 99, "value": 464.5, "easing": "linear" }, { "frame": 100, "value": 559, "easing": "linear" }, { "frame": 101, "value": 670.5, "easing": "linear" }, { "frame": 102, "value": 725.5, "easing": "linear" }, { "frame": 103, "value": 783.5, "easing": "linear" }, { "frame": 104, "value": 809.5, "easing": "linear" }, { "frame": 105, "value": 836, "easing": "linear" }, { "frame": 106, "value": 848, "easing": "linear" }, { "frame": 107, "value": 859, "easing": "linear" }, { "frame": 108, "value": 863, "easing": "linear" }, { "frame": 109, "value": 864, "easing": "linear" }, { "frame": 110, "value": 864, "easing": "linear" }, { "frame": 111, "value": 864, "easing": "linear" }, { "frame": 112, "value": 864, "easing": "linear" }, { "frame": 114, "value": 864, "easing": "linear" }, { "frame": 117, "value": 864, "easing": "linear" }, { "frame": 118, "value": 865, "easing": "linear" }, { "frame": 119, "value": 866.3, "easing": "linear" }, { "frame": 120, "value": 872.3, "easing": "linear" }, { "frame": 121, "value": 884.3, "easing": "linear" } ], "width": 40, "height": 48, "exposure": { "samples": 41, "shutterFrames": [ { "frame": 0, "value": 0, "easing": "linear" }, { "frame": 14, "value": 0, "easing": "linear" }, { "frame": 15, "value": 0.3, "easing": "linear" }, { "frame": 16, "value": 0.35, "easing": "linear" }, { "frame": 18, "value": 0.35, "easing": "linear" }, { "frame": 20, "value": 0.38, "easing": "linear" }, { "frame": 22, "value": 0.35, "easing": "linear" }, { "frame": 24, "value": 0.3, "easing": "linear" }, { "frame": 25, "value": 0, "easing": "linear" }, { "frame": 53, "value": 0, "easing": "linear" }, { "frame": 54, "value": 0.1, "easing": "linear" }, { "frame": 55, "value": 0.3, "easing": "linear" }, { "frame": 57, "value": 0.35, "easing": "linear" }, { "frame": 60, "value": 0.4, "easing": "linear" }, { "frame": 62, "value": 0.4, "easing": "linear" }, { "frame": 63, "value": 0.485, "easing": "linear" }, { "frame": 64, "value": 0.45, "easing": "linear" }, { "frame": 68, "value": 0.2, "easing": "linear" }, { "frame": 71, "value": 0, "easing": "linear" }, { "frame": 74, "value": 0, "easing": "linear" }, { "frame": 76, "value": 0.2, "easing": "linear" }, { "frame": 79, "value": 0.6, "easing": "linear" }, { "frame": 81, "value": 0.5, "easing": "linear" }, { "frame": 84, "value": 0.2, "easing": "linear" }, { "frame": 86, "value": 0, "easing": "linear" }, { "frame": 94, "value": 0, "easing": "linear" }, { "frame": 95, "value": 0.3, "easing": "linear" }, { "frame": 96, "value": 0.35, "easing": "linear" }, { "frame": 97, "value": 0.4, "easing": "linear" }, { "frame": 99, "value": 0.4, "easing": "linear" }, { "frame": 101, "value": 0.4, "easing": "linear" }, { "frame": 104, "value": 0.4, "easing": "linear" }, { "frame": 106, "value": 0.3, "easing": "linear" }, { "frame": 107, "value": 0.15, "easing": "linear" }, { "frame": 108, "value": 0, "easing": "linear" }, { "frame": 118, "value": 0, "easing": "linear" }, { "frame": 119, "value": 0.1, "easing": "linear" }, { "frame": 120, "value": 0.3, "easing": "linear" }, { "frame": 121, "value": 0.45, "easing": "linear" } ] }, "children": [ { "kind": "path", "id": "relay-arrow-before-selection-halo", "start": 0, "end": 97, "slot": "arrowPath", "viewBox": [ 0, 0, 24, 30 ], "width": 32, "height": 40, "fill": "#111111", "stroke": "#111111", "strokeWidth": 2.4, "scaleY": 1.05, "origin": [ 4.3, 5.7 ], "blur": 1.3, "opacity": 0.22, "y": 1.6 }, { "kind": "path", "id": "third-option-hand-halo", "start": 97, "end": 119, "slot": "handPath", "viewBox": [ 0, 0, 26, 32 ], "width": 37, "height": 46, "fill": "#111111", "stroke": "#111111", "strokeWidth": 2.4, "x": -8, "y": -2, "scaleX": [ { "frame": 97, "value": 1, "easing": "linear" }, { "frame": 106, "value": 1, "easing": "linear" }, { "frame": 108, "value": 0.88, "easing": "linear" }, { "frame": 110, "value": 0.88, "easing": "linear" }, { "frame": 114, "value": 1, "easing": "linear" } ], "scaleY": [ { "frame": 97, "value": 1, "easing": "linear" }, { "frame": 106, "value": 1, "easing": "linear" }, { "frame": 108, "value": 0.88, "easing": "linear" }, { "frame": 110, "value": 0.88, "easing": "linear" }, { "frame": 114, "value": 1, "easing": "linear" } ], "origin": [ 4, 1 ], "blur": 1.3, "opacity": 0.22 }, { "kind": "path", "id": "relay-arrow-to-continue-halo", "start": 119, "end": 122, "slot": "arrowPath", "viewBox": [ 0, 0, 24, 30 ], "width": 32, "height": 40, "fill": "#111111", "stroke": "#111111", "strokeWidth": 2.4, "scaleY": 1.05, "origin": [ 4.3, 5.7 ], "blur": 1.3, "opacity": 0.22, "y": 1.6 }, { "kind": "path", "id": "relay-arrow-before-selection", "start": 0, "end": 97, "slot": "arrowPath", "viewBox": [ 0, 0, 24, 30 ], "width": 32, "height": 40, "fill": "#050505", "stroke": "#ffffff", "strokeWidth": 1.8, "scaleY": 1.05, "origin": [ 4.3, 5.7 ], "blur": [ { "frame": 0, "value": 0.12, "easing": "linear" }, { "frame": 14, "value": 0.12, "easing": "linear" }, { "frame": 15, "value": 0.65, "easing": "linear" }, { "frame": 16, "value": 1.1, "easing": "linear" }, { "frame": 19, "value": 1.1, "easing": "linear" }, { "frame": 22, "value": 0.65, "easing": "linear" }, { "frame": 25, "value": 0.12, "easing": "linear" }, { "frame": 54, "value": 0.12, "easing": "linear" }, { "frame": 57, "value": 0.45, "easing": "linear" }, { "frame": 62, "value": 0.2, "easing": "linear" }, { "frame": 71, "value": 0.12, "easing": "linear" }, { "frame": 94, "value": 0.12, "easing": "linear" }, { "frame": 95, "value": 0.6, "easing": "linear" }, { "frame": 97, "value": 0.8, "easing": "linear" }, { "frame": 101, "value": 0.7, "easing": "linear" }, { "frame": 105, "value": 0.4, "easing": "linear" }, { "frame": 108, "value": 0.12, "easing": "linear" }, { "frame": 121, "value": 0.12, "easing": "linear" } ], "opacity": [ { "frame": 0, "value": 1, "easing": "linear" }, { "frame": 14, "value": 1, "easing": "linear" }, { "frame": 15, "value": 0.8, "easing": "linear" }, { "frame": 16, "value": 0.55, "easing": "linear" }, { "frame": 17, "value": 0.45, "easing": "linear" }, { "frame": 18, "value": 0.45, "easing": "linear" }, { "frame": 19, "value": 0.55, "easing": "linear" }, { "frame": 20, "value": 0.6, "easing": "linear" }, { "frame": 21, "value": 0.75, "easing": "linear" }, { "frame": 22, "value": 0.85, "easing": "linear" }, { "frame": 23, "value": 0.9, "easing": "linear" }, { "frame": 24, "value": 0.95, "easing": "linear" }, { "frame": 25, "value": 1, "easing": "linear" }, { "frame": 54, "value": 1, "easing": "linear" }, { "frame": 55, "value": 0.9, "easing": "linear" }, { "frame": 56, "value": 0.8, "easing": "linear" }, { "frame": 57, "value": 0.75, "easing": "linear" }, { "frame": 59, "value": 0.7, "easing": "linear" }, { "frame": 60, "value": 0.85, "easing": "linear" }, { "frame": 62, "value": 1, "easing": "linear" }, { "frame": 94, "value": 1, "easing": "linear" }, { "frame": 95, "value": 0.75, "easing": "linear" }, { "frame": 96, "value": 0.65, "easing": "linear" }, { "frame": 97, "value": 0.5, "easing": "linear" }, { "frame": 98, "value": 0.45, "easing": "linear" }, { "frame": 99, "value": 0.45, "easing": "linear" }, { "frame": 100, "value": 0.55, "easing": "linear" }, { "frame": 101, "value": 0.65, "easing": "linear" }, { "frame": 102, "value": 0.75, "easing": "linear" }, { "frame": 103, "value": 0.85, "easing": "linear" }, { "frame": 104, "value": 0.9, "easing": "linear" }, { "frame": 105, "value": 0.95, "easing": "linear" }, { "frame": 106, "value": 1, "easing": "linear" }, { "frame": 121, "value": 1, "easing": "linear" } ], "y": 1.6 }, { "kind": "path", "id": "third-option-hand", "start": 97, "end": 119, "slot": "handPath", "viewBox": [ 0, 0, 26, 32 ], "width": 37, "height": 46, "fill": "#ffffff", "stroke": "#111111", "strokeWidth": 1.7, "x": -8, "y": -2, "scaleX": [ { "frame": 97, "value": 1, "easing": "linear" }, { "frame": 106, "value": 1, "easing": "linear" }, { "frame": 108, "value": 0.88, "easing": "linear" }, { "frame": 110, "value": 0.88, "easing": "linear" }, { "frame": 114, "value": 1, "easing": "linear" } ], "scaleY": [ { "frame": 97, "value": 1, "easing": "linear" }, { "frame": 106, "value": 1, "easing": "linear" }, { "frame": 108, "value": 0.88, "easing": "linear" }, { "frame": 110, "value": 0.88, "easing": "linear" }, { "frame": 114, "value": 1, "easing": "linear" } ], "origin": [ 4, 1 ], "blur": [ { "frame": 0, "value": 0.12, "easing": "linear" }, { "frame": 14, "value": 0.12, "easing": "linear" }, { "frame": 15, "value": 0.65, "easing": "linear" }, { "frame": 16, "value": 1.1, "easing": "linear" }, { "frame": 19, "value": 1.1, "easing": "linear" }, { "frame": 22, "value": 0.65, "easing": "linear" }, { "frame": 25, "value": 0.12, "easing": "linear" }, { "frame": 54, "value": 0.12, "easing": "linear" }, { "frame": 57, "value": 0.45, "easing": "linear" }, { "frame": 62, "value": 0.2, "easing": "linear" }, { "frame": 71, "value": 0.12, "easing": "linear" }, { "frame": 94, "value": 0.12, "easing": "linear" }, { "frame": 95, "value": 0.6, "easing": "linear" }, { "frame": 97, "value": 0.8, "easing": "linear" }, { "frame": 101, "value": 0.7, "easing": "linear" }, { "frame": 105, "value": 0.4, "easing": "linear" }, { "frame": 108, "value": 0.12, "easing": "linear" }, { "frame": 121, "value": 0.12, "easing": "linear" } ], "opacity": [ { "frame": 0, "value": 1, "easing": "linear" }, { "frame": 14, "value": 1, "easing": "linear" }, { "frame": 15, "value": 0.8, "easing": "linear" }, { "frame": 16, "value": 0.55, "easing": "linear" }, { "frame": 17, "value": 0.45, "easing": "linear" }, { "frame": 18, "value": 0.45, "easing": "linear" }, { "frame": 19, "value": 0.55, "easing": "linear" }, { "frame": 20, "value": 0.6, "easing": "linear" }, { "frame": 21, "value": 0.75, "easing": "linear" }, { "frame": 22, "value": 0.85, "easing": "linear" }, { "frame": 23, "value": 0.9, "easing": "linear" }, { "frame": 24, "value": 0.95, "easing": "linear" }, { "frame": 25, "value": 1, "easing": "linear" }, { "frame": 54, "value": 1, "easing": "linear" }, { "frame": 55, "value": 0.9, "easing": "linear" }, { "frame": 56, "value": 0.8, "easing": "linear" }, { "frame": 57, "value": 0.75, "easing": "linear" }, { "frame": 59, "value": 0.7, "easing": "linear" }, { "frame": 60, "value": 0.85, "easing": "linear" }, { "frame": 62, "value": 1, "easing": "linear" }, { "frame": 94, "value": 1, "easing": "linear" }, { "frame": 95, "value": 0.75, "easing": "linear" }, { "frame": 96, "value": 0.65, "easing": "linear" }, { "frame": 97, "value": 0.5, "easing": "linear" }, { "frame": 98, "value": 0.45, "easing": "linear" }, { "frame": 99, "value": 0.45, "easing": "linear" }, { "frame": 100, "value": 0.55, "easing": "linear" }, { "frame": 101, "value": 0.65, "easing": "linear" }, { "frame": 102, "value": 0.75, "easing": "linear" }, { "frame": 103, "value": 0.85, "easing": "linear" }, { "frame": 104, "value": 0.9, "easing": "linear" }, { "frame": 105, "value": 0.95, "easing": "linear" }, { "frame": 106, "value": 1, "easing": "linear" }, { "frame": 121, "value": 1, "easing": "linear" } ] }, { "kind": "path", "id": "relay-arrow-to-continue", "start": 119, "end": 122, "slot": "arrowPath", "viewBox": [ 0, 0, 24, 30 ], "width": 32, "height": 40, "fill": "#050505", "stroke": "#ffffff", "strokeWidth": 1.8, "scaleY": 1.05, "origin": [ 4.3, 5.7 ], "blur": [ { "frame": 0, "value": 0.12, "easing": "linear" }, { "frame": 14, "value": 0.12, "easing": "linear" }, { "frame": 15, "value": 0.65, "easing": "linear" }, { "frame": 16, "value": 1.1, "easing": "linear" }, { "frame": 19, "value": 1.1, "easing": "linear" }, { "frame": 22, "value": 0.65, "easing": "linear" }, { "frame": 25, "value": 0.12, "easing": "linear" }, { "frame": 54, "value": 0.12, "easing": "linear" }, { "frame": 57, "value": 0.45, "easing": "linear" }, { "frame": 62, "value": 0.2, "easing": "linear" }, { "frame": 71, "value": 0.12, "easing": "linear" }, { "frame": 94, "value": 0.12, "easing": "linear" }, { "frame": 95, "value": 0.6, "easing": "linear" }, { "frame": 97, "value": 0.8, "easing": "linear" }, { "frame": 101, "value": 0.7, "easing": "linear" }, { "frame": 105, "value": 0.4, "easing": "linear" }, { "frame": 108, "value": 0.12, "easing": "linear" }, { "frame": 121, "value": 0.12, "easing": "linear" } ], "opacity": [ { "frame": 0, "value": 1, "easing": "linear" }, { "frame": 14, "value": 1, "easing": "linear" }, { "frame": 15, "value": 0.8, "easing": "linear" }, { "frame": 16, "value": 0.55, "easing": "linear" }, { "frame": 17, "value": 0.45, "easing": "linear" }, { "frame": 18, "value": 0.45, "easing": "linear" }, { "frame": 19, "value": 0.55, "easing": "linear" }, { "frame": 20, "value": 0.6, "easing": "linear" }, { "frame": 21, "value": 0.75, "easing": "linear" }, { "frame": 22, "value": 0.85, "easing": "linear" }, { "frame": 23, "value": 0.9, "easing": "linear" }, { "frame": 24, "value": 0.95, "easing": "linear" }, { "frame": 25, "value": 1, "easing": "linear" }, { "frame": 54, "value": 1, "easing": "linear" }, { "frame": 55, "value": 0.9, "easing": "linear" }, { "frame": 56, "value": 0.8, "easing": "linear" }, { "frame": 57, "value": 0.75, "easing": "linear" }, { "frame": 59, "value": 0.7, "easing": "linear" }, { "frame": 60, "value": 0.85, "easing": "linear" }, { "frame": 62, "value": 1, "easing": "linear" }, { "frame": 94, "value": 1, "easing": "linear" }, { "frame": 95, "value": 0.75, "easing": "linear" }, { "frame": 96, "value": 0.65, "easing": "linear" }, { "frame": 97, "value": 0.5, "easing": "linear" }, { "frame": 98, "value": 0.45, "easing": "linear" }, { "frame": 99, "value": 0.45, "easing": "linear" }, { "frame": 100, "value": 0.55, "easing": "linear" }, { "frame": 101, "value": 0.65, "easing": "linear" }, { "frame": 102, "value": 0.75, "easing": "linear" }, { "frame": 103, "value": 0.85, "easing": "linear" }, { "frame": 104, "value": 0.9, "easing": "linear" }, { "frame": 105, "value": 0.95, "easing": "linear" }, { "frame": 106, "value": 1, "easing": "linear" }, { "frame": 121, "value": 1, "easing": "linear" } ], "y": 1.6 } ] }, { "kind": "rect", "id": "disclosure-back", "start": 0, "end": 122, "x": 18, "y": 1038, "width": 254, "height": 28, "radius": 5, "fill": "#ffffff", "opacity": 0.9 }, { "kind": "text", "id": "disclosure", "start": 0, "end": 122, "slot": "disclosure", "x": 29, "y": 1044, "width": 232, "height": 19, "fontSize": 13, "weight": 600, "lineHeight": 1.25, "color": "#292d31" } ], "inspection": { "method": "Draft authoring from hash-bound native-frame source contacts, source-PTS ledger, larger anchors and bounded headless playback checks. No treatment render or fresh fidelity pass is claimed.", "limits": [ "Editable text layout does not reproduce native form density automatically; original state plates or constrained layouts are required.", "No measured scrim alpha or native-font match is supplied by the API; both remain fresh-review work.", "Source excerpt playback had headless limitations; source transitions were inspected through labelled native contacts. Source contacts do not approve rendered motion.", "Geometry marked estimate remains a fit target; new original text, symbols and required disclosure differ intentionally." ], "boundaryFrames": [ 0, 3, 4, 25, 26, 27, 46, 47, 74, 75, 76, 77, 86, 87, 88, 105, 106, 107, 108, 109, 110, 118, 119, 121 ], "intermediateFrames": [ 12, 16, 20, 35, 48, 55, 60, 61, 62, 63, 64, 65, 66, 67, 68, 69, 70, 71, 72, 73, 78, 79, 80, 81, 82, 83, 84, 85, 94, 100, 101, 102, 103, 104, 112, 115, 120 ], "sourceEvidence": [ "../research/interface/evidence/interface-04/source.mp4", "../research/interface/evidence/interface-04-native.jpg", "../research/interface/evidence/interface-04-anchors.jpg", "../research/interface/evidence/extraction-ledger.json", "../research/interface/evidence/geometry-measurements.json" ] } }, "content": { "disclosure": "ILLUSTRATED UI · NOT POE", "desktop": { "kind": "image", "path": "art/codex-modal-relay/desktop-adaptation.svg", "width": 1920, "height": 1080, "rights": "Original illustrated study artwork authored for this library; no source footage, screenshots, brand marks or demo data. SVG glyphs outlined from local Geist under SIL OFL 1.1; local FONT-LICENSE.txt. No font bytes or remote resources in SVGs. Not real Poe UI." }, "workspaceBefore": { "kind": "image", "path": "art/codex-modal-relay/workspace-r04-adaptation-before.svg", "width": 1720, "height": 1080, "rights": "Original illustrated study artwork authored for this library; no source footage, screenshots, brand marks or demo data. SVG glyphs outlined from local Geist under SIL OFL 1.1; local FONT-LICENSE.txt. No font bytes or remote resources in SVGs. Not real Poe UI." }, "workspaceAfter": { "kind": "image", "path": "art/codex-modal-relay/workspace-r04-adaptation-after.svg", "width": 1720, "height": 1080, "rights": "Original illustrated study artwork authored for this library; no source footage, screenshots, brand marks or demo data. SVG glyphs outlined from local Geist under SIL OFL 1.1; local FONT-LICENSE.txt. No font bytes or remote resources in SVGs. Not real Poe UI." }, "firstTitle": "Create a planning copy", "firstBody": "This copy keeps the original plan intact.\nUse this separate draft for the team review.\nThe source document will remain unchanged.", "nameLabel": "Draft name", "prefixHint": "Set prefix", "copyName": "planning/review-launch-checklist", "firstAction": "Continue", "progress": "Preparing the planning copy", "progressSubline": "Keeping the original plan unchanged…", "successTitle": "Planning copy ready", "successBody": "Your separate planning copy is ready.", "copyNameShort": "planning/review-launch-…", "nextHeading": "Next steps", "successSteps": "• Review the plan in this working copy\n and keep the original version unchanged", "successFoot": "• Save a separate draft when ready.", "closeAction": "Close", "secondTitle": "Save your review", "changesLabel": "Changes", "changeCount": "1 plan +17 -2", "toggleLabel": "Include planning notes", "summaryLabel": "Planning message", "summaryPlaceholder": "Add a short note to describe this plan for\nyour team.", "option1": "Save a draft", "option2": "Save and notify", "option3": "Save and open planning", "saveAction": "Continue", "arrowPath": "M2 2L2 23Q2 24 3 23.3L8 19.4L12 27.5Q12.7 29 14.2 28.2L16.4 27Q17.5 26.4 16.8 25.2L12.7 17.5L19.5 17.5Q20.9 17.5 19.9 16.5L3.2 1.3Q2 .5 2 2Z", "handPath": "M7 15V3C7 0 11 0 11 3V11C11 8 15 8 15 11V12C15 9 19 10 19 13C20 11 23 13 23 15V22L19 29H10L4 21C1 17 4 14 7 18Z" }, "holdBeforeFrames": 0, "holdAfterFrames": 0 }, "inputs": { "disclosure": "ILLUSTRATED UI · NOT POE", "desktop": { "kind": "image", "path": "art/codex-modal-relay/desktop-adaptation.svg", "width": 1920, "height": 1080, "rights": "Original illustrated study artwork authored for this library; no source footage, screenshots, brand marks or demo data. SVG glyphs outlined from local Geist under SIL OFL 1.1; local FONT-LICENSE.txt. No font bytes or remote resources in SVGs. Not real Poe UI." }, "workspaceBefore": { "kind": "image", "path": "art/codex-modal-relay/workspace-r04-adaptation-before.svg", "width": 1720, "height": 1080, "rights": "Original illustrated study artwork authored for this library; no source footage, screenshots, brand marks or demo data. SVG glyphs outlined from local Geist under SIL OFL 1.1; local FONT-LICENSE.txt. No font bytes or remote resources in SVGs. Not real Poe UI." }, "workspaceAfter": { "kind": "image", "path": "art/codex-modal-relay/workspace-r04-adaptation-after.svg", "width": 1720, "height": 1080, "rights": "Original illustrated study artwork authored for this library; no source footage, screenshots, brand marks or demo data. SVG glyphs outlined from local Geist under SIL OFL 1.1; local FONT-LICENSE.txt. No font bytes or remote resources in SVGs. Not real Poe UI." }, "firstTitle": "Create a planning copy", "firstBody": "This copy keeps the original plan intact.\nUse this separate draft for the team review.\nThe source document will remain unchanged.", "nameLabel": "Draft name", "prefixHint": "Set prefix", "copyName": "planning/review-launch-checklist", "firstAction": "Continue", "progress": "Preparing the planning copy", "progressSubline": "Keeping the original plan unchanged…", "successTitle": "Planning copy ready", "successBody": "Your separate planning copy is ready.", "copyNameShort": "planning/review-launch-…", "nextHeading": "Next steps", "successSteps": "• Review the plan in this working copy\n and keep the original version unchanged", "successFoot": "• Save a separate draft when ready.", "closeAction": "Close", "secondTitle": "Save your review", "changesLabel": "Changes", "changeCount": "1 plan +17 -2", "toggleLabel": "Include planning notes", "summaryLabel": "Planning message", "summaryPlaceholder": "Add a short note to describe this plan for\nyour team.", "option1": "Save a draft", "option2": "Save and notify", "option3": "Save and open planning", "saveAction": "Continue", "arrowPath": "M2 2L2 23Q2 24 3 23.3L8 19.4L12 27.5Q12.7 29 14.2 28.2L16.4 27Q17.5 26.4 16.8 25.2L12.7 17.5L19.5 17.5Q20.9 17.5 19.9 16.5L3.2 1.3Q2 .5 2 2Z", "handPath": "M7 15V3C7 0 11 0 11 3V11C11 8 15 8 15 11V12C15 9 19 10 19 13C20 11 23 13 23 15V22L19 29H10L4 21C1 17 4 14 7 18Z" } }, "default": { "binding": { "version": 1, "compositionId": "Treatment", "implementation": { "files": { "src/assemble.ts": { "sha256": "adb57e34e9f9d5fed4e2445b609f3ba40da3926b6360e7fd7eb15bd0a541d6df", "resolvedPath": "src/assemble.ts" }, "src/Edit.tsx": { "sha256": "ab99b024849190653a750d010be38b23a8a37356a071da858dca5bdc5c27fa0e", "resolvedPath": "src/Edit.tsx" }, "src/index.ts": { "sha256": "2e0e358282a1b998a65387c653b97c2bb2eb7aae94cf200fc0b8d919f7be73a6", "resolvedPath": "src/index.ts" }, "src/library.ts": { "sha256": "b3863be1ff2f053c8e3985f25160373a77da0b7cd2dbc020294124d6d3526b09", "resolvedPath": "src/library.ts" }, "src/Root.tsx": { "sha256": "9680a4c588bd063ba287a0c875f441ac348fe1a76a2d988a44685e3606922fbe", "resolvedPath": "src/Root.tsx" }, "src/text-fit.ts": { "sha256": "654cd5107172867298aca159cc5dbebced88c3ad11844f6eb47e022842091b38", "resolvedPath": "src/text-fit.ts" }, "src/timing.ts": { "sha256": "b7228f76ac5fd8a3854e2e9777238a68f4ba7db105b2818a3dadd7f22865e434", "resolvedPath": "src/timing.ts" }, "src/Treatment.tsx": { "sha256": "619961bce2dd3ceb6ef66a4a2575956eda749a73dc4bb8d716d6534b3c96e1ce", "resolvedPath": "src/Treatment.tsx" }, "src/types.ts": { "sha256": "e9d1d73a9fa77f4886349459f8e5f9099678b7c4ad84c827b01b854306e77dd3", "resolvedPath": "src/types.ts" }, "src/validate.ts": { "sha256": "3bd5c305bc287eba524c3315e9a38de8ab4c43b3453d31c5ee93a413a34caf43", "resolvedPath": "src/validate.ts" }, "scripts/lib.mjs": { "sha256": "b6c6535fc7279ff63f3feecb696d3b3092d5efbcb1491d7e7b525933e8d5b0e8", "resolvedPath": "scripts/lib.mjs" }, "scripts/render.mjs": { "sha256": "efd75f96353eebb7a4c15ccad939aad8bb5d3cb9dbd790d3c48aa8d4f53a7886", "resolvedPath": "scripts/render.mjs" }, "scripts/verify.mjs": { "sha256": "a99a2b9582e3735b3d49a784af0c471ab971759d555182b0854cdc9bba9a268e", "resolvedPath": "scripts/verify.mjs" }, "package.json": { "sha256": "78bbb94c56da3bfd012607ca3ba88e063ee2a280a65ae6d99175cbe50b1e34fb", "resolvedPath": "package.json" }, "package-lock.json": { "sha256": "d49a849f7eb399e171ed709b67e00e96104f1116e571c96e6e94952e14110922", "resolvedPath": "package-lock.json" }, "tsconfig.json": { "sha256": "a8c92231b0553e1d8c2f39926b4861156cae5eccb28e1780f2c720f3ab70602e", "resolvedPath": "tsconfig.json" }, "remotion.config.ts": { "sha256": "240cf99c8d4908d9e1904465dd1e3156b483e18e4470278d23ffa21d283956f1", "resolvedPath": "remotion.config.ts" } }, "sha256": "d8b9486d145a3c5c2eb163dba433e958b8310df238f13f0c354452a67f35cf22", "scope": "src/**, scripts/{lib,render,verify}.mjs, package.json, package-lock.json, tsconfig.json, remotion.config.ts; authoring helpers, catalog, tests and node_modules excluded" }, "dependencies": { "sha256": "d49a849f7eb399e171ed709b67e00e96104f1116e571c96e6e94952e14110922", "nodeModules": "excluded; lock and exact direct versions bound, installed dependency bytes are not attested" }, "recipeFile": { "path": "recipes/codex-modal-relay.json", "sha256": "3ff66cf81c672ad9c1fbd7de3b180c2069a7dbcbab3c29b33c5289c141de13c1" }, "inputSource": { "kind": "variant", "variant": "default" }, "inputProps": { "recipe": { "schemaVersion": 1, "id": "codex-modal-relay", "title": "Branch-to-commit modal relay on a held workspace", "description": "DRAFT — Attention moves through dimmed dialog, one-frame compact progress state, confirmation, an undimmed breathing interval and a taller second dialog, while the underlying workspace stays registered. Original illustrated UI, not real Poe; not fidelity-approved.", "families": [ "overlay", "interface", "continuity" ], "intents": [ "Attention moves through dimmed dialog, one-frame compact progress state, confirmation, an undimmed breathing interval and a taller second dialog, while the underlying workspace stays registered." ], "tags": [ "draft", "original-illustration", "not-poe", "interface-04" ], "distinctness": { "mechanism": "Attention moves through dimmed dialog, one-frame compact progress state, confirmation, an undimmed breathing interval and a taller second dialog, while the underlying workspace stays registered.", "notEquivalentTo": [ "Not a lower third: these central task layers suppress and restore the underlying app.", "Not a generic modal entrance: the two-dialog relay and intervening undimmed state are essential." ] }, "source": { "slug": "codex-first-look", "film": "A first look at the Codex app", "url": "https://www.youtube.com/watch?v=0e-Brv-gS9Q", "localMedia": "references/openai/media/codex-first-look.mp4", "sha256": "d5f8b05e7d123aa336f22d01210b315bfd914aa3d380e70ca21783f023174895", "fps": { "numerator": 24000, "denominator": 1001 }, "width": 1920, "height": 1080, "startFrame": 1390, "endFrameExclusive": 1512 }, "canvas": { "width": 1920, "height": 1080, "background": "#ffffff" }, "observations": [ { "kind": "measured", "sourceFrames": [ 1393, 1394, 1415, 1416, 1417 ], "statement": "Workspace is undimmed at f1393; first dialog and scrim are present at f1394. f1416 contains a compact progress state between the f1415 form and f1417 success state. That one-source-frame state is not a latency measurement.", "evidence": [ "../research/interface/evidence/interface-04/source.mp4", "../research/interface/evidence/interface-04-native.jpg", "../research/interface/evidence/interface-04-anchors.jpg" ] }, { "kind": "measured", "sourceFrames": [ 1436, 1437, 1476, 1477, 1478 ], "statement": "Dialog and dimming are absent at f1437 after being present at f1436. The taller second form starts visibly appearing at f1477 and is opaque by f1478.", "evidence": [ "../research/interface/evidence/interface-04/source.mp4", "../research/interface/evidence/interface-04-native.jpg", "../research/interface/evidence/interface-04-anchors.jpg" ] }, { "kind": "measured", "sourceFrames": [ 1394, 1416, 1478 ], "statement": "Bright-fill threshold envelopes within the modal ROI are [552,456,1032,849], [550,565,1033,845] and [525,336,1058,969]. The second dialog is taller and slightly wider, not the same box with different words.", "evidence": [ "../research/interface/evidence/interface-04/source.mp4", "../research/interface/evidence/interface-04-native.jpg", "../research/interface/evidence/interface-04-anchors.jpg" ] }, { "kind": "estimate", "sourceFrames": [ 1394, 1437, 1478 ], "statement": "The app fills about 90% of the frame width and remains positionally stable. Dialog fill density changes from a short form to a multi-option form; scrim opacity is not measured.", "evidence": [ "../research/interface/evidence/interface-04/source.mp4", "../research/interface/evidence/interface-04-native.jpg", "../research/interface/evidence/interface-04-anchors.jpg" ] }, { "kind": "unresolved", "sourceFrames": [ 1416, 1477 ], "statement": "Exact scrim alpha, entrance blend and source font metrics remain unfitted. The one-frame progress state must not be stretched into a fabricated real operation.", "evidence": [ "../research/interface/evidence/interface-04/source.mp4", "../research/interface/evidence/interface-04-native.jpg", "../research/interface/evidence/interface-04-anchors.jpg" ] }, { "kind": "implementation-choice", "statement": "Original illustrated interface artwork, visibly labelled NOT POE. SVG type is outlined from the licensed local Geist, without font bytes or external resources; editable TextLayers use the renderer's licensed Geist. Original text and drawn symbols replace all source branding/data. Geometry and source timing remain the study reference, not a real product claim.", "sourceFrames": [ 1390 ], "evidence": [ "art/codex-modal-relay/ASSET-NOTES.json", "art/codex-modal-relay/FONT-LICENSE.txt" ] }, { "kind": "implementation-choice", "statement": "Private review03 restores source4–14 first-pane rest,47–53 post-close rest with small54 movement,88–94 second-pane rest, and following native accelerations. Existing63–86 keys retain repaired72–86. Hand97–118 retains selection110 and arrow departure119. Only the original generic arrowPath style default changes, to rounded shoulder/corners for the measured press contour; its24x30 API, handPath, all text and media defaults remain unchanged. Dimensions, halo, compact exposure/opacity and entry alpha are fits, not recovered source parameters. Entry4/5/6 alpha fits .88/.97/.985;87/88/89 fits .525/.94/.975. Native toolbar, intermediate option98–103, third-option103–120 and Continue120 feedback are independent states, not hit-testing. No fidelity approval.", "sourceFrames": [ 1394, 1404, 1405, 1416, 1437, 1443, 1444, 1445, 1462, 1476, 1477, 1478, 1484, 1485, 1487, 1488, 1493, 1496, 1500, 1508, 1509, 1510 ], "evidence": [ "../evidence/review-interface-a/retest-cc-cm-review02/codex-modal-relay/review.json", "../evidence/private-cc-cm-review03/source-cursor-components.json" ] }, { "kind": "measured", "statement": "Native reinspection pins the third-option check to local110: ROI[987,855,34,34] has zero dark check pixels through109 and40 at110. Toolbar switches at47; source progress panel at26 is shallow[550,565,483,174], preceding confirmation27. Final pointer approaches Continue; no final click occurs inside this span.", "sourceFrames": [ 1416, 1417, 1437, 1499, 1500, 1509, 1510, 1511 ], "evidence": [ "../evidence/review-interface-a/codex-modal-relay/source-native.mp4", "../evidence/review-interface-a/codex-modal-relay/probes/source/0026.png" ] }, { "kind": "estimate", "statement": "Revision04 original controls restore first/confirmation box[550,451,483,402] and second box[525,334,533,636],26px radii,17/24px type, icon/close controls, draft/change rows, on-switch, empty textarea placeholder, next-step heading and full-width divided options. Native source geometry is observed; font optical metrics, shadow, scrim and intermediate cursor/exposure remain fits.", "sourceFrames": [ 1394, 1410, 1425, 1450, 1478, 1511 ], "evidence": [ "../evidence/review-interface-a/codex-modal-relay/review.json" ] }, { "kind": "measured", "statement": "Review02 input fit: consecutive native source63–86 dark-pointer components place the visible tip at[1300.5,250] on72,[1302,248] on74,[1306.5,243] on75,[1326.5,221] on77 and[1391,48] on86. The almost-held below-toolbar phase precedes the late approach; source hand is visible at106–107, independently of selection110. These are thresholded visible pixels, not recovered pointer hotspots.", "sourceFrames": [ 1453, 1462, 1463, 1464, 1465, 1466, 1467, 1476, 1496, 1497, 1500 ], "evidence": [ "../evidence/private-cc-cm-input-fit-20260905/source-pointer-measurements.json", "../evidence/private-cc-cm-input-fit-20260905/codex-modal-relay/hand-onset.png" ] }, { "kind": "implementation-choice", "statement": "Historical review02 fit pinned native63–86 and cleared exposure71–74. Review03 retains those position keys but supersedes its60–62, pre-pane and post-pane trajectories and106-only hand onset using the complete source sequence; the hand now starts97. Optical values remain fitted, not recovered source settings.", "sourceFrames": [ 1450, 1451, 1452, 1461, 1464, 1467, 1476, 1490, 1495, 1496 ], "evidence": [ "../evidence/private-cc-cm-input-fit-20260905/source-pointer-measurements.json", "../evidence/private-cc-cm-input-fit-20260905/codex-modal-relay/hand-onset.png" ] } ], "fields": { "disclosure": { "kind": "text", "description": "Required immutable disclosure; original interface illustration, never a product screenshot.", "minLength": 24, "maxLength": 24, "maxLines": 1, "exactLength": 24 }, "desktop": { "kind": "image", "description": "Original desktop illustration, 1920x1080; never source wallpaper.", "aspectRatio": { "numerator": 16, "denominator": 9 }, "minimumWidth": 1920, "minimumHeight": 1080, "fit": "contain" }, "workspaceBefore": { "kind": "image", "description": "Original dense 1720x1080 work-surface. The before/after toolbar changes exactly at local47; its targets are coupled to the pointer. Outlined licensed Geist, no real product capture.", "aspectRatio": { "numerator": 43, "denominator": 27 }, "minimumWidth": 1720, "minimumHeight": 1080, "fit": "contain" }, "workspaceAfter": { "kind": "image", "description": "Original dense 1720x1080 work-surface. The before/after toolbar changes exactly at local47; its targets are coupled to the pointer. Outlined licensed Geist, no real product capture.", "aspectRatio": { "numerator": 43, "denominator": 27 }, "minimumWidth": 1720, "minimumHeight": 1080, "fit": "contain" }, "firstTitle": { "kind": "text", "description": "First form title.", "minLength": 21, "maxLength": 22, "maxLines": 1, "exactLines": 1 }, "firstBody": { "kind": "text", "description": "Exactly three explanatory lines; no product or permission claim.", "minLength": 129, "maxLength": 130, "maxLines": 3, "exactLines": 3 }, "nameLabel": { "kind": "text", "description": "Field heading.", "minLength": 9, "maxLength": 10, "maxLines": 1, "exactLines": 1 }, "prefixHint": { "kind": "text", "description": "Pale right-aligned secondary field control.", "minLength": 10, "maxLength": 10, "maxLines": 1, "exactLines": 1 }, "copyName": { "kind": "text", "description": "Original full draft identifier; paired with copyNameShort and workspace content.", "minLength": 31, "maxLength": 32, "maxLines": 1, "exactLines": 1 }, "firstAction": { "kind": "text", "description": "First form action label.", "minLength": 8, "maxLength": 8, "maxLines": 1, "exactLines": 1 }, "progress": { "kind": "text", "description": "Left-aligned single-frame progress title.", "minLength": 26, "maxLength": 27, "maxLines": 1, "exactLines": 1 }, "progressSubline": { "kind": "text", "description": "Single-frame progress subline.", "minLength": 36, "maxLength": 37, "maxLines": 1, "exactLines": 1 }, "successTitle": { "kind": "text", "description": "Confirmation title.", "minLength": 18, "maxLength": 19, "maxLines": 1, "exactLines": 1 }, "successBody": { "kind": "text", "description": "One-line confirmation.", "minLength": 35, "maxLength": 37, "maxLines": 1, "exactLines": 1 }, "copyNameShort": { "kind": "text", "description": "Deliberately truncated original identifier, manually coupled to copyName.", "minLength": 24, "maxLength": 25, "maxLines": 1, "exactLines": 1 }, "nextHeading": { "kind": "text", "description": "Shared next-step heading.", "minLength": 10, "maxLength": 10, "maxLines": 1, "exactLines": 1 }, "successSteps": { "kind": "text", "description": "First confirmation bullet wraps across exactly two lines.", "minLength": 81, "maxLength": 82, "maxLines": 2, "exactLines": 2 }, "successFoot": { "kind": "text", "description": "Second confirmation bullet with a larger preceding gap.", "minLength": 34, "maxLength": 35, "maxLines": 1, "exactLines": 1 }, "closeAction": { "kind": "text", "description": "Confirmation close action.", "minLength": 5, "maxLength": 5, "maxLines": 1, "exactLines": 1 }, "secondTitle": { "kind": "text", "description": "Second form title.", "minLength": 16, "maxLength": 17, "maxLines": 1, "exactLines": 1 }, "changesLabel": { "kind": "text", "description": "Change-count heading.", "minLength": 7, "maxLength": 7, "maxLines": 1, "exactLines": 1 }, "changeCount": { "kind": "text", "description": "Original summary count, not source demo data.", "minLength": 15, "maxLength": 15, "maxLines": 1, "exactLines": 1 }, "toggleLabel": { "kind": "text", "description": "On-state switch label.", "minLength": 20, "maxLength": 22, "maxLines": 1, "exactLines": 1 }, "summaryLabel": { "kind": "text", "description": "Empty textarea heading.", "minLength": 14, "maxLength": 16, "maxLines": 1, "exactLines": 1 }, "summaryPlaceholder": { "kind": "text", "description": "Two-line placeholder only; no filled summary or generated result.", "minLength": 53, "maxLength": 55, "maxLines": 2, "exactLines": 2 }, "option1": { "kind": "text", "description": "First full-width row, selected until local110.", "minLength": 11, "maxLength": 12, "maxLines": 1, "exactLines": 1 }, "option2": { "kind": "text", "description": "Second full-width row, never selected in this interval.", "minLength": 14, "maxLength": 15, "maxLines": 1, "exactLines": 1 }, "option3": { "kind": "text", "description": "Third full-width row, selected from local110; no completed submission shown.", "minLength": 20, "maxLength": 22, "maxLines": 1, "exactLines": 1 }, "saveAction": { "kind": "text", "description": "Final action is approached, not clicked inside the source interval.", "minLength": 8, "maxLength": 8, "maxLines": 1, "exactLines": 1 }, "arrowPath": { "kind": "path", "description": "Original arrow silhouette; source hotspot is the upper-left pointed tip. Do not replace with a hand in held-arrow phases. Review03 changes only the original generic cursor contour to rounded corners and a lower shoulder; the same 24x30 path API and hotspot contract remain. This style correction is required for the observed press silhouette, not substituted presentation content.", "viewBox": [ 0, 0, 24, 30 ] }, "handPath": { "kind": "path", "description": "Original outlined hand cursor, paired with arrow phases; no remote platform asset.", "viewBox": [ 0, 0, 26, 32 ] } }, "defaults": { "disclosure": "ILLUSTRATED UI · NOT POE", "desktop": { "kind": "image", "path": "art/codex-modal-relay/desktop-default.svg", "width": 1920, "height": 1080, "rights": "Original illustrated study artwork authored for this library; no source footage, screenshots, brand marks or demo data. SVG glyphs outlined from local Geist under SIL OFL 1.1; local FONT-LICENSE.txt. No font bytes or remote resources in SVGs. Not real Poe UI." }, "workspaceBefore": { "kind": "image", "path": "art/codex-modal-relay/workspace-r04-default-before.svg", "width": 1720, "height": 1080, "rights": "Original illustrated study artwork authored for this library; no source footage, screenshots, brand marks or demo data. SVG glyphs outlined from local Geist under SIL OFL 1.1; local FONT-LICENSE.txt. No font bytes or remote resources in SVGs. Not real Poe UI." }, "workspaceAfter": { "kind": "image", "path": "art/codex-modal-relay/workspace-r04-default-after.svg", "width": 1720, "height": 1080, "rights": "Original illustrated study artwork authored for this library; no source footage, screenshots, brand marks or demo data. SVG glyphs outlined from local Geist under SIL OFL 1.1; local FONT-LICENSE.txt. No font bytes or remote resources in SVGs. Not real Poe UI." }, "firstTitle": "Create a working copy", "firstBody": "This copy keeps the original notes intact.\nUse this separate draft for the team review.\nThe source document will remain unchanged.", "nameLabel": "Copy name", "prefixHint": "Set prefix", "copyName": "workshop/review-session-outline", "firstAction": "Continue", "progress": "Preparing the working copy", "progressSubline": "Keeping the original notes unchanged…", "successTitle": "Working copy ready", "successBody": "Your separate review copy is ready.", "copyNameShort": "workshop/review-session-…", "nextHeading": "Next steps", "successSteps": "• Review the notes in this working copy\n and keep the original version unchanged", "successFoot": "• Save a separate copy when ready.", "closeAction": "Close", "secondTitle": "Save your changes", "changesLabel": "Changes", "changeCount": "1 note +17 -2", "toggleLabel": "Include review notes", "summaryLabel": "Review message", "summaryPlaceholder": "Add a short note to describe this review for\nyour team.", "option1": "Save a copy", "option2": "Save and share", "option3": "Save and open review", "saveAction": "Continue", "arrowPath": "M2 2L2 23Q2 24 3 23.3L8 19.4L12 27.5Q12.7 29 14.2 28.2L16.4 27Q17.5 26.4 16.8 25.2L12.7 17.5L19.5 17.5Q20.9 17.5 19.9 16.5L3.2 1.3Q2 .5 2 2Z", "handPath": "M7 15V3C7 0 11 0 11 3V11C11 8 15 8 15 11V12C15 9 19 10 19 13C20 11 23 13 23 15V22L19 29H10L4 21C1 17 4 14 7 18Z" }, "adaptation": { "disclosure": "ILLUSTRATED UI · NOT POE", "desktop": { "kind": "image", "path": "art/codex-modal-relay/desktop-adaptation.svg", "width": 1920, "height": 1080, "rights": "Original illustrated study artwork authored for this library; no source footage, screenshots, brand marks or demo data. SVG glyphs outlined from local Geist under SIL OFL 1.1; local FONT-LICENSE.txt. No font bytes or remote resources in SVGs. Not real Poe UI." }, "workspaceBefore": { "kind": "image", "path": "art/codex-modal-relay/workspace-r04-adaptation-before.svg", "width": 1720, "height": 1080, "rights": "Original illustrated study artwork authored for this library; no source footage, screenshots, brand marks or demo data. SVG glyphs outlined from local Geist under SIL OFL 1.1; local FONT-LICENSE.txt. No font bytes or remote resources in SVGs. Not real Poe UI." }, "workspaceAfter": { "kind": "image", "path": "art/codex-modal-relay/workspace-r04-adaptation-after.svg", "width": 1720, "height": 1080, "rights": "Original illustrated study artwork authored for this library; no source footage, screenshots, brand marks or demo data. SVG glyphs outlined from local Geist under SIL OFL 1.1; local FONT-LICENSE.txt. No font bytes or remote resources in SVGs. Not real Poe UI." }, "firstTitle": "Create a planning copy", "firstBody": "This copy keeps the original plan intact.\nUse this separate draft for the team review.\nThe source document will remain unchanged.", "nameLabel": "Draft name", "prefixHint": "Set prefix", "copyName": "planning/review-launch-checklist", "firstAction": "Continue", "progress": "Preparing the planning copy", "progressSubline": "Keeping the original plan unchanged…", "successTitle": "Planning copy ready", "successBody": "Your separate planning copy is ready.", "copyNameShort": "planning/review-launch-…", "nextHeading": "Next steps", "successSteps": "• Review the plan in this working copy\n and keep the original version unchanged", "successFoot": "• Save a separate draft when ready.", "closeAction": "Close", "secondTitle": "Save your review", "changesLabel": "Changes", "changeCount": "1 plan +17 -2", "toggleLabel": "Include planning notes", "summaryLabel": "Planning message", "summaryPlaceholder": "Add a short note to describe this plan for\nyour team.", "option1": "Save a draft", "option2": "Save and notify", "option3": "Save and open planning", "saveAction": "Continue", "arrowPath": "M2 2L2 23Q2 24 3 23.3L8 19.4L12 27.5Q12.7 29 14.2 28.2L16.4 27Q17.5 26.4 16.8 25.2L12.7 17.5L19.5 17.5Q20.9 17.5 19.9 16.5L3.2 1.3Q2 .5 2 2Z", "handPath": "M7 15V3C7 0 11 0 11 3V11C11 8 15 8 15 11V12C15 9 19 10 19 13C20 11 23 13 23 15V22L19 29H10L4 21C1 17 4 14 7 18Z" }, "adaptationNotes": [ "An original two-step task confirmation study with real or explicitly illustrative before/after assets. Preserve the spatial relay, but use original labels/data and do not imply a verified Poe workflow.", "Default and adaptation are different original scenarios, not source demo data. Keep fixed line breaks, slot dimensions and selection/phase relationships.", "The small on-canvas illustration disclosure is a deliberate non-source addition required to prevent a product-behavior claim.", "Stage is draft. Main owns first renders, moving comparisons and fresh fidelity review; these authored recipes contain no self-approval." ], "invariants": [ "Shared background registration", "Different modal heights", "The undimmed interval", "One-frame source transient in fidelity mode", "Native source interval/fps are locked. All animation keys are local; observation sourceFrames remain absolute.", "Do not remove the ILLUSTRATED UI · NOT POE disclosure.", "All SVGs and media inputs are original, self-contained and rights-declared.", "First visible4 and settles4–6; progress26 only; confirmation27–46; toolbar relay47; second fade87/settles88–89; third-option feedback110; no final submit beyond121.", "Keep original before/after controls under the exact trigger targets. Second summary remains a placeholder, not a generated result." ], "unsupported": [ "No full-film source UI pixels become presentation assets.", "Maintain camera lock while modal state changes.", "No Poe branch or commit behavior is asserted.", "Arbitrary UI screenshots, reflowing copy or aspect-ratio changes are unsupported.", "Fresh moving-source fidelity review and final font/blur/alpha fitting are outstanding.", "Full/truncated identifier, toolbar artwork, option labels and cursor targets are manually coupled; typed constraints do not prove semantic agreement.", "Source pointer subframe blur and optical type metrics require fresh retest. Forty-one-sample cursor exposure and opacity are implementation fits, not a measured source shutter. Generic hand contour and residual exposure weighting differ from source." ], "entry": { "field": "interface", "description": "Short dialog on scrim", "continuityKeys": [ "original-content-identity", "native-clock" ] }, "exit": { "field": "interface", "description": "Taller second form", "continuityKeys": [ "original-content-identity", "native-clock" ] }, "neighbors": { "before": [], "after": [], "rule": "Use an explicit hard cut unless a following shot shares these exact original content/anchor keys. Do not add automatic dissolves or retime the source-native passage." }, "layers": [ { "kind": "image", "id": "desktop", "start": 0, "end": 122, "slot": "desktop", "width": 1920, "height": 1080, "fit": "contain" }, { "kind": "image", "id": "workspace-before-relay", "start": 0, "end": 47, "slot": "workspaceBefore", "width": 1720, "height": 1080, "fit": "contain" }, { "kind": "image", "id": "workspace-after-relay", "start": 47, "end": 122, "slot": "workspaceAfter", "width": 1720, "height": 1080, "fit": "contain" }, { "kind": "rect", "id": "toolbar-dropdown-hover", "start": 80, "end": 82, "x": 1417, "y": 19, "width": 34, "height": 33, "radius": 10, "fill": "#000000", "opacity": 0.098 }, { "kind": "rect", "id": "toolbar-main-hover", "start": 82, "end": 87, "x": 1313, "y": 19, "width": 104, "height": 33, "radius": 10, "fill": "#000000", "opacity": 0.098 }, { "kind": "rect", "id": "first-scrim", "start": 4, "end": 47, "width": 1720, "height": 1080, "fill": "#101010", "opacity": 0.135 }, { "kind": "group", "id": "create-copy-dialog", "start": 4, "end": 26, "x": 550, "y": [ { "frame": 4, "value": 454, "easing": "linear" }, { "frame": 5, "value": 451.8, "easing": "linear" }, { "frame": 6, "value": 451, "easing": "linear" } ], "width": 483, "height": 402, "children": [ { "kind": "rect", "id": "first-card", "start": 0, "end": 122, "width": 483, "height": 402, "radius": 26, "fill": "#ffffff", "shadow": "0 4px 10px #00000010" }, { "kind": "rect", "id": "copy-tile", "start": 0, "end": 122, "x": 25, "y": 25, "width": 46, "height": 46, "radius": 13, "fill": "#f7f7f7" }, { "kind": "path", "id": "copy-glyph", "start": 0, "end": 122, "x": 36, "y": 36, "width": 24, "height": 24, "path": "M6 3V21M6 12H17V3M3 3A3 3 0 1 0 9 3A3 3 0 1 0 3 3M14 3A3 3 0 1 0 20 3A3 3 0 1 0 14 3", "viewBox": [ 0, 0, 24, 24 ], "fill": "none", "stroke": "#24292c", "strokeWidth": 2 }, { "kind": "path", "id": "first-close", "start": 0, "end": 122, "x": 440, "y": 30, "width": 15, "height": 15, "path": "M2 2L13 13M13 2L2 13", "viewBox": [ 0, 0, 15, 15 ], "fill": "none", "stroke": "#777777", "strokeWidth": 1.5 }, { "kind": "text", "id": "first-title", "start": 0, "end": 122, "slot": "firstTitle", "x": 25, "y": 90, "width": 433, "height": 32, "fontSize": 24, "weight": 600, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "text", "id": "first-body", "start": 0, "end": 122, "slot": "firstBody", "x": 25, "y": 141, "width": 433, "height": 76, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#777777" }, { "kind": "text", "id": "name-label", "start": 0, "end": 122, "slot": "nameLabel", "x": 25, "y": 234, "width": 300, "height": 25, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "text", "id": "prefix-hint", "start": 0, "end": 122, "slot": "prefixHint", "x": 345, "y": 234, "width": 106, "height": 25, "fontSize": 16, "weight": 400, "lineHeight": 1.25, "color": "#999999", "align": "right" }, { "kind": "rect", "id": "copy-name-input", "start": 0, "end": 122, "x": 25, "y": 275, "width": 433, "height": 47, "radius": 15, "fill": "#f7f7f7", "stroke": "#e5e5e5", "strokeWidth": 1.5 }, { "kind": "text", "id": "copy-name", "start": 0, "end": 122, "slot": "copyName", "x": 41, "y": 286, "width": 399, "height": 26, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "rect", "id": "first-button", "start": 0, "end": 122, "x": 25, "y": 338, "width": 433, "height": 35, "radius": 13, "fill": "#3b3b3b" }, { "kind": "text", "id": "first-action", "start": 0, "end": 122, "slot": "firstAction", "x": 35, "y": 343, "width": 413, "height": 25, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#ffffff", "align": "center" } ], "opacity": [ { "frame": 4, "value": 0.88, "easing": "linear" }, { "frame": 5, "value": 0.97, "easing": "linear" }, { "frame": 6, "value": 0.985, "easing": "linear" }, { "frame": 7, "value": 1, "easing": "linear" } ], "blur": [ { "frame": 4, "value": 0.32, "easing": "linear" }, { "frame": 5, "value": 0.12, "easing": "linear" }, { "frame": 6, "value": 0, "easing": "linear" } ] }, { "kind": "group", "id": "one-frame-progress", "start": 26, "end": 27, "x": 550, "y": 565, "width": 483, "height": 174, "children": [ { "kind": "rect", "id": "progress-card", "start": 0, "end": 122, "width": 483, "height": 174, "radius": 26, "fill": "#ffffff", "shadow": "0 4px 10px #00000010" }, { "kind": "rect", "id": "progress-icon-tile", "start": 0, "end": 122, "x": 25, "y": 22, "width": 46, "height": 46, "radius": 13, "fill": "#fafafa" }, { "kind": "path", "id": "progress-spinner", "start": 0, "end": 122, "x": 38, "y": 34, "width": 22, "height": 22, "path": "M11 2A9 9 0 1 1 2 11", "viewBox": [ 0, 0, 22, 22 ], "fill": "none", "stroke": "#c5c9c8", "strokeWidth": 2.5 }, { "kind": "path", "id": "progress-close", "start": 0, "end": 122, "x": 440, "y": 25, "width": 15, "height": 15, "path": "M2 2L13 13M13 2L2 13", "viewBox": [ 0, 0, 15, 15 ], "fill": "none", "stroke": "#777777", "strokeWidth": 1.5 }, { "kind": "text", "id": "progress-message", "start": 0, "end": 122, "slot": "progress", "x": 25, "y": 80, "width": 433, "height": 32, "fontSize": 24, "weight": 600, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "text", "id": "progress-subline", "start": 0, "end": 122, "slot": "progressSubline", "x": 25, "y": 123, "width": 433, "height": 27, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#858585" } ] }, { "kind": "group", "id": "copy-confirmation", "start": 27, "end": 47, "x": 550, "y": 451, "width": 483, "height": 402, "children": [ { "kind": "rect", "id": "success-card", "start": 0, "end": 122, "width": 483, "height": 402, "radius": 26, "fill": "#ffffff", "shadow": "0 4px 10px #00000010" }, { "kind": "rect", "id": "success-tile", "start": 0, "end": 122, "x": 25, "y": 25, "width": 46, "height": 46, "radius": 13, "fill": "#e5f5ed" }, { "kind": "path", "id": "success-glyph", "start": 0, "end": 122, "x": 36, "y": 36, "width": 24, "height": 24, "path": "M3 12L9 18L22 4", "viewBox": [ 0, 0, 24, 24 ], "fill": "none", "stroke": "#247b52", "strokeWidth": 2 }, { "kind": "path", "id": "success-close", "start": 0, "end": 122, "x": 440, "y": 30, "width": 15, "height": 15, "path": "M2 2L13 13M13 2L2 13", "viewBox": [ 0, 0, 15, 15 ], "fill": "none", "stroke": "#777777", "strokeWidth": 1.5 }, { "kind": "text", "id": "success-title", "start": 0, "end": 122, "slot": "successTitle", "x": 25, "y": 90, "width": 433, "height": 32, "fontSize": 24, "weight": 600, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "text", "id": "success-body", "start": 0, "end": 122, "slot": "successBody", "x": 25, "y": 128, "width": 433, "height": 26, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#777777" }, { "kind": "text", "id": "success-name-heading", "start": 0, "end": 122, "slot": "nameLabel", "x": 25, "y": 165, "width": 108, "height": 26, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "path", "id": "success-name-glyph", "start": 0, "end": 122, "x": 124, "y": 169, "width": 15, "height": 18, "path": "M3 2V16M3 8H12V2M1 2H5M10 2H14", "viewBox": [ 0, 0, 15, 18 ], "fill": "none", "stroke": "#343434", "strokeWidth": 1.5 }, { "kind": "text", "id": "success-name", "start": 0, "end": 122, "slot": "copyNameShort", "x": 145, "y": 165, "width": 313, "height": 26, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "text", "id": "success-next-heading", "start": 0, "end": 122, "slot": "nextHeading", "x": 25, "y": 205, "width": 433, "height": 26, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "text", "id": "success-steps", "start": 0, "end": 122, "slot": "successSteps", "x": 25, "y": 241, "width": 433, "height": 60, "fontSize": 17, "weight": 400, "lineHeight": 1.53, "color": "#292d31" }, { "kind": "text", "id": "success-foot", "start": 0, "end": 122, "slot": "successFoot", "x": 25, "y": 303, "width": 433, "height": 26, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#787878" }, { "kind": "rect", "id": "continue-button", "start": 0, "end": 122, "x": 25, "y": 341, "width": 433, "height": 35, "radius": 13, "fill": "#3b3b3b" }, { "kind": "text", "id": "continue-action", "start": 0, "end": 122, "slot": "closeAction", "x": 35, "y": 346, "width": 413, "height": 25, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#ffffff", "align": "center" } ] }, { "kind": "rect", "id": "second-scrim", "start": 87, "end": 122, "width": 1720, "height": 1080, "fill": "#101010", "opacity": [ { "frame": 87, "value": 0.06, "easing": "linear" }, { "frame": 88, "value": 0.135, "easing": "linear" } ] }, { "kind": "group", "id": "save-dialog", "start": 87, "end": 122, "x": 525, "y": [ { "frame": 87, "value": 338, "easing": "linear" }, { "frame": 88, "value": 335, "easing": "linear" }, { "frame": 89, "value": 334, "easing": "linear" } ], "width": 533, "height": 636, "opacity": [ { "frame": 87, "value": 0.525, "easing": "linear" }, { "frame": 88, "value": 0.94, "easing": "linear" }, { "frame": 89, "value": 0.975, "easing": "linear" }, { "frame": 90, "value": 1, "easing": "linear" } ], "children": [ { "kind": "rect", "id": "second-card", "start": 0, "end": 122, "width": 533, "height": 636, "radius": 26, "fill": "#ffffff", "shadow": "0 4px 10px #00000010" }, { "kind": "rect", "id": "save-tile", "start": 0, "end": 122, "x": 25, "y": 26, "width": 46, "height": 46, "radius": 13, "fill": "#f7f7f7" }, { "kind": "path", "id": "save-glyph", "start": 0, "end": 122, "x": 36, "y": 37, "width": 24, "height": 24, "path": "M6 3V21M6 12H17V3M3 3A3 3 0 1 0 9 3A3 3 0 1 0 3 3M14 3A3 3 0 1 0 20 3A3 3 0 1 0 14 3", "viewBox": [ 0, 0, 24, 24 ], "fill": "none", "stroke": "#24292c", "strokeWidth": 2 }, { "kind": "path", "id": "second-close", "start": 0, "end": 122, "x": 490, "y": 29, "width": 15, "height": 15, "path": "M2 2L13 13M13 2L2 13", "viewBox": [ 0, 0, 15, 15 ], "fill": "none", "stroke": "#777777", "strokeWidth": 1.5 }, { "kind": "text", "id": "second-title", "start": 0, "end": 122, "slot": "secondTitle", "x": 25, "y": 89, "width": 483, "height": 32, "fontSize": 24, "weight": 600, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "text", "id": "branch-heading", "start": 0, "end": 122, "slot": "nameLabel", "x": 25, "y": 137, "width": 180, "height": 26, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "path", "id": "branch-value-glyph", "start": 0, "end": 122, "x": 220, "y": 141, "width": 17, "height": 18, "path": "M3 2V16M3 8H12V2M1 2H5M10 2H14", "viewBox": [ 0, 0, 15, 18 ], "fill": "none", "stroke": "#343434", "strokeWidth": 1.5 }, { "kind": "text", "id": "branch-value", "start": 0, "end": 122, "slot": "copyNameShort", "x": 251, "y": 137, "width": 257, "height": 26, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "text", "id": "changes-heading", "start": 0, "end": 122, "slot": "changesLabel", "x": 25, "y": 178, "width": 230, "height": 26, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "text", "id": "changes-value", "start": 0, "end": 122, "slot": "changeCount", "x": 325, "y": 178, "width": 183, "height": 26, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#8b9691", "align": "right" }, { "kind": "rect", "id": "include-toggle", "start": 0, "end": 122, "x": 30, "y": 218, "width": 40, "height": 26, "radius": 13, "fill": "#111111" }, { "kind": "ellipse", "id": "toggle-knob", "start": 0, "end": 122, "x": 47, "y": 221, "width": 20, "height": 20, "fill": "#ffffff" }, { "kind": "text", "id": "toggle-label", "start": 0, "end": 122, "slot": "toggleLabel", "x": 85, "y": 218, "width": 415, "height": 26, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "text", "id": "summary-heading", "start": 0, "end": 122, "slot": "summaryLabel", "x": 25, "y": 265, "width": 483, "height": 26, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "rect", "id": "summary-field", "start": 0, "end": 122, "x": 25, "y": 299, "width": 483, "height": 73, "radius": 15, "fill": "#f7f7f7", "stroke": "#e5e5e5", "strokeWidth": 1.5 }, { "kind": "text", "id": "summary-placeholder", "start": 0, "end": 122, "slot": "summaryPlaceholder", "x": 41, "y": 311, "width": 453, "height": 55, "fontSize": 17, "weight": 400, "lineHeight": 1.45, "color": "#999999" }, { "kind": "text", "id": "next-heading", "start": 0, "end": 122, "slot": "nextHeading", "x": 25, "y": 389, "width": 483, "height": 26, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "rect", "id": "option-row-background", "start": 0, "end": 122, "x": 25, "y": 422, "width": 483, "height": 137, "radius": 14, "fill": "#f9f9f9" }, { "kind": "rect", "id": "second-option-hover", "start": 98, "end": 104, "x": 25, "y": 469, "width": 483, "height": 44, "fill": "#f4f4f4", "opacity": [ { "frame": 98, "value": 0.6, "easing": "linear" }, { "frame": 99, "value": 1, "easing": "linear" }, { "frame": 102, "value": 1, "easing": "linear" }, { "frame": 103, "value": 0.6, "easing": "linear" } ] }, { "kind": "rect", "id": "third-option-hover", "start": 103, "end": 121, "x": 25, "y": 515, "width": 483, "height": 43, "radius": 12, "fill": "#f4f4f4", "opacity": [ { "frame": 103, "value": 0.6, "easing": "linear" }, { "frame": 104, "value": 1, "easing": "linear" }, { "frame": 119, "value": 1, "easing": "linear" }, { "frame": 120, "value": 0.5, "easing": "linear" } ] }, { "kind": "path", "id": "option-icon-1", "start": 0, "end": 122, "x": 46, "y": 435, "width": 22, "height": 22, "path": "M1 11H21M6 11A5 5 0 1 0 16 11A5 5 0 1 0 6 11", "viewBox": [ 0, 0, 22, 22 ], "fill": "none", "stroke": "#171a1c", "strokeWidth": 1.8 }, { "kind": "text", "id": "option-label-1", "start": 0, "end": 122, "slot": "option1", "x": 83, "y": 433, "width": 375, "height": 27, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "rect", "id": "option-divider-1", "start": 0, "end": 122, "x": 25, "y": 468, "width": 483, "height": 1, "fill": "#e5e5e5" }, { "kind": "path", "id": "option-icon-2", "start": 0, "end": 122, "x": 46, "y": 481, "width": 22, "height": 22, "path": "M4 8L11 1L18 8M11 1V21", "viewBox": [ 0, 0, 22, 22 ], "fill": "none", "stroke": "#171a1c", "strokeWidth": 1.8 }, { "kind": "text", "id": "option-label-2", "start": 0, "end": 122, "slot": "option2", "x": 83, "y": 479, "width": 375, "height": 27, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "rect", "id": "option-divider-2", "start": 0, "end": 122, "x": 25, "y": 514, "width": 483, "height": 1, "fill": "#e5e5e5" }, { "kind": "path", "id": "option-icon-3", "start": 0, "end": 122, "x": 46, "y": 527, "width": 22, "height": 22, "path": "M2 3H20V19H2ZM6 8H16M6 13H14", "viewBox": [ 0, 0, 22, 22 ], "fill": "none", "stroke": "#171a1c", "strokeWidth": 1.8 }, { "kind": "text", "id": "option-label-3", "start": 0, "end": 122, "slot": "option3", "x": 83, "y": 525, "width": 375, "height": 27, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "path", "id": "first-option-check", "start": 0, "end": 110, "x": 465, "y": 434, "width": 23, "height": 23, "path": "M3 12L9 18L21 3", "viewBox": [ 0, 0, 24, 24 ], "fill": "none", "stroke": "#101010", "strokeWidth": 2 }, { "kind": "path", "id": "third-option-check", "start": 110, "end": 122, "x": 465, "y": 526, "width": 23, "height": 23, "path": "M3 12L9 18L21 3", "viewBox": [ 0, 0, 24, 24 ], "fill": "none", "stroke": "#101010", "strokeWidth": 2 }, { "kind": "rect", "id": "save-button", "start": 0, "end": 122, "x": 25, "y": 575, "width": 483, "height": 36, "radius": 13, "fill": "#0b0b0b" }, { "kind": "rect", "id": "save-button-hover", "start": 120, "end": 122, "x": 25, "y": 575, "width": 483, "height": 36, "radius": 13, "fill": "#3b3b3b" }, { "kind": "text", "id": "save-action", "start": 0, "end": 122, "slot": "saveAction", "x": 35, "y": 580, "width": 463, "height": 25, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#ffffff", "align": "center" } ], "blur": [ { "frame": 87, "value": 0.45, "easing": "linear" }, { "frame": 88, "value": 0.2, "easing": "linear" }, { "frame": 89, "value": 0, "easing": "linear" } ] }, { "kind": "group", "id": "relay-cursor", "start": 0, "end": 122, "x": [ { "frame": 0, "value": 1381.7, "easing": "linear" }, { "frame": 1, "value": 1382.7, "easing": "linear" }, { "frame": 2, "value": 1382.7, "easing": "linear" }, { "frame": 4, "value": 1382.7, "easing": "linear" }, { "frame": 14, "value": 1382.7, "easing": "linear" }, { "frame": 15, "value": 1376, "easing": "linear" }, { "frame": 16, "value": 1340, "easing": "linear" }, { "frame": 17, "value": 1234, "easing": "linear" }, { "frame": 18, "value": 1155, "easing": "linear" }, { "frame": 19, "value": 1050, "easing": "linear" }, { "frame": 20, "value": 997, "easing": "linear" }, { "frame": 21, "value": 936, "easing": "linear" }, { "frame": 22, "value": 900, "easing": "linear" }, { "frame": 23, "value": 873, "easing": "linear" }, { "frame": 24, "value": 857, "easing": "linear" }, { "frame": 25, "value": 848.7, "easing": "linear" }, { "frame": 26, "value": 846.7, "easing": "linear" }, { "frame": 27, "value": 845.7, "easing": "linear" }, { "frame": 30, "value": 847.2, "easing": "linear" }, { "frame": 46, "value": 847.2, "easing": "linear" }, { "frame": 47, "value": 847.2, "easing": "linear" }, { "frame": 53, "value": 847.2, "easing": "linear" }, { "frame": 54, "value": 848.2, "easing": "linear" }, { "frame": 55, "value": 858, "easing": "linear" }, { "frame": 56, "value": 884, "easing": "linear" }, { "frame": 57, "value": 950, "easing": "linear" }, { "frame": 58, "value": 1007, "easing": "linear" }, { "frame": 59, "value": 1084, "easing": "linear" }, { "frame": 60, "value": 1132, "easing": "linear" }, { "frame": 61, "value": 1178, "easing": "linear" }, { "frame": 62, "value": 1201, "easing": "linear" }, { "frame": 63, "value": 1234.7, "easing": "linear" }, { "frame": 64, "value": 1249.7, "easing": "linear" }, { "frame": 65, "value": 1267.2, "easing": "linear" }, { "frame": 66, "value": 1275.7, "easing": "linear" }, { "frame": 67, "value": 1284.7, "easing": "linear" }, { "frame": 68, "value": 1288.7, "easing": "linear" }, { "frame": 69, "value": 1292.7, "easing": "linear" }, { "frame": 70, "value": 1293.7, "easing": "linear" }, { "frame": 71, "value": 1295.7, "easing": "linear" }, { "frame": 72, "value": 1296.2, "easing": "linear" }, { "frame": 73, "value": 1296.7, "easing": "linear" }, { "frame": 74, "value": 1297.7, "easing": "linear" }, { "frame": 75, "value": 1302.2, "easing": "linear" }, { "frame": 76, "value": 1308.2, "easing": "linear" }, { "frame": 77, "value": 1322.2, "easing": "linear" }, { "frame": 78, "value": 1333.7, "easing": "linear" }, { "frame": 79, "value": 1351.2, "easing": "linear" }, { "frame": 80, "value": 1359.7, "easing": "linear" }, { "frame": 81, "value": 1370.7, "easing": "linear" }, { "frame": 82, "value": 1374.7, "easing": "linear" }, { "frame": 83, "value": 1381.2, "easing": "linear" }, { "frame": 84, "value": 1384.2, "easing": "linear" }, { "frame": 85, "value": 1385.7, "easing": "linear" }, { "frame": 86, "value": 1386.7, "easing": "linear" }, { "frame": 87, "value": 1386.7, "easing": "linear" }, { "frame": 88, "value": 1386.7, "easing": "linear" }, { "frame": 94, "value": 1386.7, "easing": "linear" }, { "frame": 95, "value": 1371, "easing": "linear" }, { "frame": 96, "value": 1334, "easing": "linear" }, { "frame": 97, "value": 1234, "easing": "linear" }, { "frame": 98, "value": 1156, "easing": "linear" }, { "frame": 99, "value": 1046.5, "easing": "linear" }, { "frame": 100, "value": 985.5, "easing": "linear" }, { "frame": 101, "value": 913, "easing": "linear" }, { "frame": 102, "value": 876.5, "easing": "linear" }, { "frame": 103, "value": 838.5, "easing": "linear" }, { "frame": 104, "value": 821, "easing": "linear" }, { "frame": 105, "value": 803, "easing": "linear" }, { "frame": 106, "value": 794, "easing": "linear" }, { "frame": 107, "value": 788, "easing": "linear" }, { "frame": 108, "value": 786, "easing": "linear" }, { "frame": 109, "value": 786, "easing": "linear" }, { "frame": 110, "value": 785, "easing": "linear" }, { "frame": 111, "value": 785, "easing": "linear" }, { "frame": 112, "value": 784, "easing": "linear" }, { "frame": 114, "value": 784, "easing": "linear" }, { "frame": 117, "value": 784, "easing": "linear" }, { "frame": 118, "value": 782, "easing": "linear" }, { "frame": 119, "value": 783.7, "easing": "linear" }, { "frame": 120, "value": 779.7, "easing": "linear" }, { "frame": 121, "value": 773.7, "easing": "linear" } ], "y": [ { "frame": 0, "value": 35.3, "easing": "linear" }, { "frame": 1, "value": 34.3, "easing": "linear" }, { "frame": 2, "value": 33.3, "easing": "linear" }, { "frame": 4, "value": 34.3, "easing": "linear" }, { "frame": 14, "value": 34.3, "easing": "linear" }, { "frame": 15, "value": 43, "easing": "linear" }, { "frame": 16, "value": 91, "easing": "linear" }, { "frame": 17, "value": 238, "easing": "linear" }, { "frame": 18, "value": 355, "easing": "linear" }, { "frame": 19, "value": 504, "easing": "linear" }, { "frame": 20, "value": 587, "easing": "linear" }, { "frame": 21, "value": 675, "easing": "linear" }, { "frame": 22, "value": 726, "easing": "linear" }, { "frame": 23, "value": 777, "easing": "linear" }, { "frame": 24, "value": 799, "easing": "linear" }, { "frame": 25, "value": 805.3, "easing": "linear" }, { "frame": 26, "value": 808.3, "easing": "linear" }, { "frame": 27, "value": 808.3, "easing": "linear" }, { "frame": 30, "value": 807.3, "easing": "linear" }, { "frame": 46, "value": 807.3, "easing": "linear" }, { "frame": 47, "value": 807.3, "easing": "linear" }, { "frame": 53, "value": 807.3, "easing": "linear" }, { "frame": 54, "value": 806.3, "easing": "linear" }, { "frame": 55, "value": 796, "easing": "linear" }, { "frame": 56, "value": 774, "easing": "linear" }, { "frame": 57, "value": 692, "easing": "linear" }, { "frame": 58, "value": 617, "easing": "linear" }, { "frame": 59, "value": 508, "easing": "linear" }, { "frame": 60, "value": 451, "easing": "linear" }, { "frame": 61, "value": 387, "easing": "linear" }, { "frame": 62, "value": 354, "easing": "linear" }, { "frame": 63, "value": 324.3, "easing": "linear" }, { "frame": 64, "value": 304.3, "easing": "linear" }, { "frame": 65, "value": 282.3, "easing": "linear" }, { "frame": 66, "value": 270.3, "easing": "linear" }, { "frame": 67, "value": 259.3, "easing": "linear" }, { "frame": 68, "value": 253.3, "easing": "linear" }, { "frame": 69, "value": 249.3, "easing": "linear" }, { "frame": 70, "value": 246.3, "easing": "linear" }, { "frame": 71, "value": 244.3, "easing": "linear" }, { "frame": 72, "value": 244.3, "easing": "linear" }, { "frame": 73, "value": 243.3, "easing": "linear" }, { "frame": 74, "value": 242.3, "easing": "linear" }, { "frame": 75, "value": 237.3, "easing": "linear" }, { "frame": 76, "value": 231.3, "easing": "linear" }, { "frame": 77, "value": 215.3, "easing": "linear" }, { "frame": 78, "value": 193.3, "easing": "linear" }, { "frame": 79, "value": 152.3, "easing": "linear" }, { "frame": 80, "value": 124.3, "easing": "linear" }, { "frame": 81, "value": 95.3, "easing": "linear" }, { "frame": 82, "value": 79.3, "easing": "linear" }, { "frame": 83, "value": 61.3, "easing": "linear" }, { "frame": 84, "value": 52.3, "easing": "linear" }, { "frame": 85, "value": 44.3, "easing": "linear" }, { "frame": 86, "value": 42.3, "easing": "linear" }, { "frame": 87, "value": 41.3, "easing": "linear" }, { "frame": 88, "value": 42.3, "easing": "linear" }, { "frame": 94, "value": 42.3, "easing": "linear" }, { "frame": 95, "value": 55, "easing": "linear" }, { "frame": 96, "value": 86, "easing": "linear" }, { "frame": 97, "value": 194, "easing": "linear" }, { "frame": 98, "value": 302, "easing": "linear" }, { "frame": 99, "value": 464.5, "easing": "linear" }, { "frame": 100, "value": 559, "easing": "linear" }, { "frame": 101, "value": 670.5, "easing": "linear" }, { "frame": 102, "value": 725.5, "easing": "linear" }, { "frame": 103, "value": 783.5, "easing": "linear" }, { "frame": 104, "value": 809.5, "easing": "linear" }, { "frame": 105, "value": 836, "easing": "linear" }, { "frame": 106, "value": 848, "easing": "linear" }, { "frame": 107, "value": 859, "easing": "linear" }, { "frame": 108, "value": 863, "easing": "linear" }, { "frame": 109, "value": 864, "easing": "linear" }, { "frame": 110, "value": 864, "easing": "linear" }, { "frame": 111, "value": 864, "easing": "linear" }, { "frame": 112, "value": 864, "easing": "linear" }, { "frame": 114, "value": 864, "easing": "linear" }, { "frame": 117, "value": 864, "easing": "linear" }, { "frame": 118, "value": 865, "easing": "linear" }, { "frame": 119, "value": 866.3, "easing": "linear" }, { "frame": 120, "value": 872.3, "easing": "linear" }, { "frame": 121, "value": 884.3, "easing": "linear" } ], "width": 40, "height": 48, "exposure": { "samples": 41, "shutterFrames": [ { "frame": 0, "value": 0, "easing": "linear" }, { "frame": 14, "value": 0, "easing": "linear" }, { "frame": 15, "value": 0.3, "easing": "linear" }, { "frame": 16, "value": 0.35, "easing": "linear" }, { "frame": 18, "value": 0.35, "easing": "linear" }, { "frame": 20, "value": 0.38, "easing": "linear" }, { "frame": 22, "value": 0.35, "easing": "linear" }, { "frame": 24, "value": 0.3, "easing": "linear" }, { "frame": 25, "value": 0, "easing": "linear" }, { "frame": 53, "value": 0, "easing": "linear" }, { "frame": 54, "value": 0.1, "easing": "linear" }, { "frame": 55, "value": 0.3, "easing": "linear" }, { "frame": 57, "value": 0.35, "easing": "linear" }, { "frame": 60, "value": 0.4, "easing": "linear" }, { "frame": 62, "value": 0.4, "easing": "linear" }, { "frame": 63, "value": 0.485, "easing": "linear" }, { "frame": 64, "value": 0.45, "easing": "linear" }, { "frame": 68, "value": 0.2, "easing": "linear" }, { "frame": 71, "value": 0, "easing": "linear" }, { "frame": 74, "value": 0, "easing": "linear" }, { "frame": 76, "value": 0.2, "easing": "linear" }, { "frame": 79, "value": 0.6, "easing": "linear" }, { "frame": 81, "value": 0.5, "easing": "linear" }, { "frame": 84, "value": 0.2, "easing": "linear" }, { "frame": 86, "value": 0, "easing": "linear" }, { "frame": 94, "value": 0, "easing": "linear" }, { "frame": 95, "value": 0.3, "easing": "linear" }, { "frame": 96, "value": 0.35, "easing": "linear" }, { "frame": 97, "value": 0.4, "easing": "linear" }, { "frame": 99, "value": 0.4, "easing": "linear" }, { "frame": 101, "value": 0.4, "easing": "linear" }, { "frame": 104, "value": 0.4, "easing": "linear" }, { "frame": 106, "value": 0.3, "easing": "linear" }, { "frame": 107, "value": 0.15, "easing": "linear" }, { "frame": 108, "value": 0, "easing": "linear" }, { "frame": 118, "value": 0, "easing": "linear" }, { "frame": 119, "value": 0.1, "easing": "linear" }, { "frame": 120, "value": 0.3, "easing": "linear" }, { "frame": 121, "value": 0.45, "easing": "linear" } ] }, "children": [ { "kind": "path", "id": "relay-arrow-before-selection-halo", "start": 0, "end": 97, "slot": "arrowPath", "viewBox": [ 0, 0, 24, 30 ], "width": 32, "height": 40, "fill": "#111111", "stroke": "#111111", "strokeWidth": 2.4, "scaleY": 1.05, "origin": [ 4.3, 5.7 ], "blur": 1.3, "opacity": 0.22, "y": 1.6 }, { "kind": "path", "id": "third-option-hand-halo", "start": 97, "end": 119, "slot": "handPath", "viewBox": [ 0, 0, 26, 32 ], "width": 37, "height": 46, "fill": "#111111", "stroke": "#111111", "strokeWidth": 2.4, "x": -8, "y": -2, "scaleX": [ { "frame": 97, "value": 1, "easing": "linear" }, { "frame": 106, "value": 1, "easing": "linear" }, { "frame": 108, "value": 0.88, "easing": "linear" }, { "frame": 110, "value": 0.88, "easing": "linear" }, { "frame": 114, "value": 1, "easing": "linear" } ], "scaleY": [ { "frame": 97, "value": 1, "easing": "linear" }, { "frame": 106, "value": 1, "easing": "linear" }, { "frame": 108, "value": 0.88, "easing": "linear" }, { "frame": 110, "value": 0.88, "easing": "linear" }, { "frame": 114, "value": 1, "easing": "linear" } ], "origin": [ 4, 1 ], "blur": 1.3, "opacity": 0.22 }, { "kind": "path", "id": "relay-arrow-to-continue-halo", "start": 119, "end": 122, "slot": "arrowPath", "viewBox": [ 0, 0, 24, 30 ], "width": 32, "height": 40, "fill": "#111111", "stroke": "#111111", "strokeWidth": 2.4, "scaleY": 1.05, "origin": [ 4.3, 5.7 ], "blur": 1.3, "opacity": 0.22, "y": 1.6 }, { "kind": "path", "id": "relay-arrow-before-selection", "start": 0, "end": 97, "slot": "arrowPath", "viewBox": [ 0, 0, 24, 30 ], "width": 32, "height": 40, "fill": "#050505", "stroke": "#ffffff", "strokeWidth": 1.8, "scaleY": 1.05, "origin": [ 4.3, 5.7 ], "blur": [ { "frame": 0, "value": 0.12, "easing": "linear" }, { "frame": 14, "value": 0.12, "easing": "linear" }, { "frame": 15, "value": 0.65, "easing": "linear" }, { "frame": 16, "value": 1.1, "easing": "linear" }, { "frame": 19, "value": 1.1, "easing": "linear" }, { "frame": 22, "value": 0.65, "easing": "linear" }, { "frame": 25, "value": 0.12, "easing": "linear" }, { "frame": 54, "value": 0.12, "easing": "linear" }, { "frame": 57, "value": 0.45, "easing": "linear" }, { "frame": 62, "value": 0.2, "easing": "linear" }, { "frame": 71, "value": 0.12, "easing": "linear" }, { "frame": 94, "value": 0.12, "easing": "linear" }, { "frame": 95, "value": 0.6, "easing": "linear" }, { "frame": 97, "value": 0.8, "easing": "linear" }, { "frame": 101, "value": 0.7, "easing": "linear" }, { "frame": 105, "value": 0.4, "easing": "linear" }, { "frame": 108, "value": 0.12, "easing": "linear" }, { "frame": 121, "value": 0.12, "easing": "linear" } ], "opacity": [ { "frame": 0, "value": 1, "easing": "linear" }, { "frame": 14, "value": 1, "easing": "linear" }, { "frame": 15, "value": 0.8, "easing": "linear" }, { "frame": 16, "value": 0.55, "easing": "linear" }, { "frame": 17, "value": 0.45, "easing": "linear" }, { "frame": 18, "value": 0.45, "easing": "linear" }, { "frame": 19, "value": 0.55, "easing": "linear" }, { "frame": 20, "value": 0.6, "easing": "linear" }, { "frame": 21, "value": 0.75, "easing": "linear" }, { "frame": 22, "value": 0.85, "easing": "linear" }, { "frame": 23, "value": 0.9, "easing": "linear" }, { "frame": 24, "value": 0.95, "easing": "linear" }, { "frame": 25, "value": 1, "easing": "linear" }, { "frame": 54, "value": 1, "easing": "linear" }, { "frame": 55, "value": 0.9, "easing": "linear" }, { "frame": 56, "value": 0.8, "easing": "linear" }, { "frame": 57, "value": 0.75, "easing": "linear" }, { "frame": 59, "value": 0.7, "easing": "linear" }, { "frame": 60, "value": 0.85, "easing": "linear" }, { "frame": 62, "value": 1, "easing": "linear" }, { "frame": 94, "value": 1, "easing": "linear" }, { "frame": 95, "value": 0.75, "easing": "linear" }, { "frame": 96, "value": 0.65, "easing": "linear" }, { "frame": 97, "value": 0.5, "easing": "linear" }, { "frame": 98, "value": 0.45, "easing": "linear" }, { "frame": 99, "value": 0.45, "easing": "linear" }, { "frame": 100, "value": 0.55, "easing": "linear" }, { "frame": 101, "value": 0.65, "easing": "linear" }, { "frame": 102, "value": 0.75, "easing": "linear" }, { "frame": 103, "value": 0.85, "easing": "linear" }, { "frame": 104, "value": 0.9, "easing": "linear" }, { "frame": 105, "value": 0.95, "easing": "linear" }, { "frame": 106, "value": 1, "easing": "linear" }, { "frame": 121, "value": 1, "easing": "linear" } ], "y": 1.6 }, { "kind": "path", "id": "third-option-hand", "start": 97, "end": 119, "slot": "handPath", "viewBox": [ 0, 0, 26, 32 ], "width": 37, "height": 46, "fill": "#ffffff", "stroke": "#111111", "strokeWidth": 1.7, "x": -8, "y": -2, "scaleX": [ { "frame": 97, "value": 1, "easing": "linear" }, { "frame": 106, "value": 1, "easing": "linear" }, { "frame": 108, "value": 0.88, "easing": "linear" }, { "frame": 110, "value": 0.88, "easing": "linear" }, { "frame": 114, "value": 1, "easing": "linear" } ], "scaleY": [ { "frame": 97, "value": 1, "easing": "linear" }, { "frame": 106, "value": 1, "easing": "linear" }, { "frame": 108, "value": 0.88, "easing": "linear" }, { "frame": 110, "value": 0.88, "easing": "linear" }, { "frame": 114, "value": 1, "easing": "linear" } ], "origin": [ 4, 1 ], "blur": [ { "frame": 0, "value": 0.12, "easing": "linear" }, { "frame": 14, "value": 0.12, "easing": "linear" }, { "frame": 15, "value": 0.65, "easing": "linear" }, { "frame": 16, "value": 1.1, "easing": "linear" }, { "frame": 19, "value": 1.1, "easing": "linear" }, { "frame": 22, "value": 0.65, "easing": "linear" }, { "frame": 25, "value": 0.12, "easing": "linear" }, { "frame": 54, "value": 0.12, "easing": "linear" }, { "frame": 57, "value": 0.45, "easing": "linear" }, { "frame": 62, "value": 0.2, "easing": "linear" }, { "frame": 71, "value": 0.12, "easing": "linear" }, { "frame": 94, "value": 0.12, "easing": "linear" }, { "frame": 95, "value": 0.6, "easing": "linear" }, { "frame": 97, "value": 0.8, "easing": "linear" }, { "frame": 101, "value": 0.7, "easing": "linear" }, { "frame": 105, "value": 0.4, "easing": "linear" }, { "frame": 108, "value": 0.12, "easing": "linear" }, { "frame": 121, "value": 0.12, "easing": "linear" } ], "opacity": [ { "frame": 0, "value": 1, "easing": "linear" }, { "frame": 14, "value": 1, "easing": "linear" }, { "frame": 15, "value": 0.8, "easing": "linear" }, { "frame": 16, "value": 0.55, "easing": "linear" }, { "frame": 17, "value": 0.45, "easing": "linear" }, { "frame": 18, "value": 0.45, "easing": "linear" }, { "frame": 19, "value": 0.55, "easing": "linear" }, { "frame": 20, "value": 0.6, "easing": "linear" }, { "frame": 21, "value": 0.75, "easing": "linear" }, { "frame": 22, "value": 0.85, "easing": "linear" }, { "frame": 23, "value": 0.9, "easing": "linear" }, { "frame": 24, "value": 0.95, "easing": "linear" }, { "frame": 25, "value": 1, "easing": "linear" }, { "frame": 54, "value": 1, "easing": "linear" }, { "frame": 55, "value": 0.9, "easing": "linear" }, { "frame": 56, "value": 0.8, "easing": "linear" }, { "frame": 57, "value": 0.75, "easing": "linear" }, { "frame": 59, "value": 0.7, "easing": "linear" }, { "frame": 60, "value": 0.85, "easing": "linear" }, { "frame": 62, "value": 1, "easing": "linear" }, { "frame": 94, "value": 1, "easing": "linear" }, { "frame": 95, "value": 0.75, "easing": "linear" }, { "frame": 96, "value": 0.65, "easing": "linear" }, { "frame": 97, "value": 0.5, "easing": "linear" }, { "frame": 98, "value": 0.45, "easing": "linear" }, { "frame": 99, "value": 0.45, "easing": "linear" }, { "frame": 100, "value": 0.55, "easing": "linear" }, { "frame": 101, "value": 0.65, "easing": "linear" }, { "frame": 102, "value": 0.75, "easing": "linear" }, { "frame": 103, "value": 0.85, "easing": "linear" }, { "frame": 104, "value": 0.9, "easing": "linear" }, { "frame": 105, "value": 0.95, "easing": "linear" }, { "frame": 106, "value": 1, "easing": "linear" }, { "frame": 121, "value": 1, "easing": "linear" } ] }, { "kind": "path", "id": "relay-arrow-to-continue", "start": 119, "end": 122, "slot": "arrowPath", "viewBox": [ 0, 0, 24, 30 ], "width": 32, "height": 40, "fill": "#050505", "stroke": "#ffffff", "strokeWidth": 1.8, "scaleY": 1.05, "origin": [ 4.3, 5.7 ], "blur": [ { "frame": 0, "value": 0.12, "easing": "linear" }, { "frame": 14, "value": 0.12, "easing": "linear" }, { "frame": 15, "value": 0.65, "easing": "linear" }, { "frame": 16, "value": 1.1, "easing": "linear" }, { "frame": 19, "value": 1.1, "easing": "linear" }, { "frame": 22, "value": 0.65, "easing": "linear" }, { "frame": 25, "value": 0.12, "easing": "linear" }, { "frame": 54, "value": 0.12, "easing": "linear" }, { "frame": 57, "value": 0.45, "easing": "linear" }, { "frame": 62, "value": 0.2, "easing": "linear" }, { "frame": 71, "value": 0.12, "easing": "linear" }, { "frame": 94, "value": 0.12, "easing": "linear" }, { "frame": 95, "value": 0.6, "easing": "linear" }, { "frame": 97, "value": 0.8, "easing": "linear" }, { "frame": 101, "value": 0.7, "easing": "linear" }, { "frame": 105, "value": 0.4, "easing": "linear" }, { "frame": 108, "value": 0.12, "easing": "linear" }, { "frame": 121, "value": 0.12, "easing": "linear" } ], "opacity": [ { "frame": 0, "value": 1, "easing": "linear" }, { "frame": 14, "value": 1, "easing": "linear" }, { "frame": 15, "value": 0.8, "easing": "linear" }, { "frame": 16, "value": 0.55, "easing": "linear" }, { "frame": 17, "value": 0.45, "easing": "linear" }, { "frame": 18, "value": 0.45, "easing": "linear" }, { "frame": 19, "value": 0.55, "easing": "linear" }, { "frame": 20, "value": 0.6, "easing": "linear" }, { "frame": 21, "value": 0.75, "easing": "linear" }, { "frame": 22, "value": 0.85, "easing": "linear" }, { "frame": 23, "value": 0.9, "easing": "linear" }, { "frame": 24, "value": 0.95, "easing": "linear" }, { "frame": 25, "value": 1, "easing": "linear" }, { "frame": 54, "value": 1, "easing": "linear" }, { "frame": 55, "value": 0.9, "easing": "linear" }, { "frame": 56, "value": 0.8, "easing": "linear" }, { "frame": 57, "value": 0.75, "easing": "linear" }, { "frame": 59, "value": 0.7, "easing": "linear" }, { "frame": 60, "value": 0.85, "easing": "linear" }, { "frame": 62, "value": 1, "easing": "linear" }, { "frame": 94, "value": 1, "easing": "linear" }, { "frame": 95, "value": 0.75, "easing": "linear" }, { "frame": 96, "value": 0.65, "easing": "linear" }, { "frame": 97, "value": 0.5, "easing": "linear" }, { "frame": 98, "value": 0.45, "easing": "linear" }, { "frame": 99, "value": 0.45, "easing": "linear" }, { "frame": 100, "value": 0.55, "easing": "linear" }, { "frame": 101, "value": 0.65, "easing": "linear" }, { "frame": 102, "value": 0.75, "easing": "linear" }, { "frame": 103, "value": 0.85, "easing": "linear" }, { "frame": 104, "value": 0.9, "easing": "linear" }, { "frame": 105, "value": 0.95, "easing": "linear" }, { "frame": 106, "value": 1, "easing": "linear" }, { "frame": 121, "value": 1, "easing": "linear" } ], "y": 1.6 } ] }, { "kind": "rect", "id": "disclosure-back", "start": 0, "end": 122, "x": 18, "y": 1038, "width": 254, "height": 28, "radius": 5, "fill": "#ffffff", "opacity": 0.9 }, { "kind": "text", "id": "disclosure", "start": 0, "end": 122, "slot": "disclosure", "x": 29, "y": 1044, "width": 232, "height": 19, "fontSize": 13, "weight": 600, "lineHeight": 1.25, "color": "#292d31" } ], "inspection": { "method": "Draft authoring from hash-bound native-frame source contacts, source-PTS ledger, larger anchors and bounded headless playback checks. No treatment render or fresh fidelity pass is claimed.", "limits": [ "Editable text layout does not reproduce native form density automatically; original state plates or constrained layouts are required.", "No measured scrim alpha or native-font match is supplied by the API; both remain fresh-review work.", "Source excerpt playback had headless limitations; source transitions were inspected through labelled native contacts. Source contacts do not approve rendered motion.", "Geometry marked estimate remains a fit target; new original text, symbols and required disclosure differ intentionally." ], "boundaryFrames": [ 0, 3, 4, 25, 26, 27, 46, 47, 74, 75, 76, 77, 86, 87, 88, 105, 106, 107, 108, 109, 110, 118, 119, 121 ], "intermediateFrames": [ 12, 16, 20, 35, 48, 55, 60, 61, 62, 63, 64, 65, 66, 67, 68, 69, 70, 71, 72, 73, 78, 79, 80, 81, 82, 83, 84, 85, 94, 100, 101, 102, 103, 104, 112, 115, 120 ], "sourceEvidence": [ "../research/interface/evidence/interface-04/source.mp4", "../research/interface/evidence/interface-04-native.jpg", "../research/interface/evidence/interface-04-anchors.jpg", "../research/interface/evidence/extraction-ledger.json", "../research/interface/evidence/geometry-measurements.json" ] } }, "content": { "disclosure": "ILLUSTRATED UI · NOT POE", "desktop": { "kind": "image", "path": "art/codex-modal-relay/desktop-default.svg", "width": 1920, "height": 1080, "rights": "Original illustrated study artwork authored for this library; no source footage, screenshots, brand marks or demo data. SVG glyphs outlined from local Geist under SIL OFL 1.1; local FONT-LICENSE.txt. No font bytes or remote resources in SVGs. Not real Poe UI." }, "workspaceBefore": { "kind": "image", "path": "art/codex-modal-relay/workspace-r04-default-before.svg", "width": 1720, "height": 1080, "rights": "Original illustrated study artwork authored for this library; no source footage, screenshots, brand marks or demo data. SVG glyphs outlined from local Geist under SIL OFL 1.1; local FONT-LICENSE.txt. No font bytes or remote resources in SVGs. Not real Poe UI." }, "workspaceAfter": { "kind": "image", "path": "art/codex-modal-relay/workspace-r04-default-after.svg", "width": 1720, "height": 1080, "rights": "Original illustrated study artwork authored for this library; no source footage, screenshots, brand marks or demo data. SVG glyphs outlined from local Geist under SIL OFL 1.1; local FONT-LICENSE.txt. No font bytes or remote resources in SVGs. Not real Poe UI." }, "firstTitle": "Create a working copy", "firstBody": "This copy keeps the original notes intact.\nUse this separate draft for the team review.\nThe source document will remain unchanged.", "nameLabel": "Copy name", "prefixHint": "Set prefix", "copyName": "workshop/review-session-outline", "firstAction": "Continue", "progress": "Preparing the working copy", "progressSubline": "Keeping the original notes unchanged…", "successTitle": "Working copy ready", "successBody": "Your separate review copy is ready.", "copyNameShort": "workshop/review-session-…", "nextHeading": "Next steps", "successSteps": "• Review the notes in this working copy\n and keep the original version unchanged", "successFoot": "• Save a separate copy when ready.", "closeAction": "Close", "secondTitle": "Save your changes", "changesLabel": "Changes", "changeCount": "1 note +17 -2", "toggleLabel": "Include review notes", "summaryLabel": "Review message", "summaryPlaceholder": "Add a short note to describe this review for\nyour team.", "option1": "Save a copy", "option2": "Save and share", "option3": "Save and open review", "saveAction": "Continue", "arrowPath": "M2 2L2 23Q2 24 3 23.3L8 19.4L12 27.5Q12.7 29 14.2 28.2L16.4 27Q17.5 26.4 16.8 25.2L12.7 17.5L19.5 17.5Q20.9 17.5 19.9 16.5L3.2 1.3Q2 .5 2 2Z", "handPath": "M7 15V3C7 0 11 0 11 3V11C11 8 15 8 15 11V12C15 9 19 10 19 13C20 11 23 13 23 15V22L19 29H10L4 21C1 17 4 14 7 18Z" }, "holdBeforeFrames": 0, "holdAfterFrames": 0 }, "inputPropsSha256": "f3e16ef036b8872861d8f610ef65d610358abc6e0a25850e7f63566f344916e9", "shots": [ { "index": 0, "recipeId": "codex-modal-relay", "recipeSha256": "706b63f2752b9b11cc659e20c212b281a9e940f8d989f13a49d2c11b1a2e750f", "contentSha256": "5c1cfd8f694c97cf7e0bea3d6a37131afba4a83f8cd0a736a9230c307d096f1f", "inputPropsSha256": "f3e16ef036b8872861d8f610ef65d610358abc6e0a25850e7f63566f344916e9", "source": { "slug": "codex-first-look", "film": "A first look at the Codex app", "url": "https://www.youtube.com/watch?v=0e-Brv-gS9Q", "localMedia": "references/openai/media/codex-first-look.mp4", "sha256": "d5f8b05e7d123aa336f22d01210b315bfd914aa3d380e70ca21783f023174895", "fps": { "numerator": 24000, "denominator": 1001 }, "width": 1920, "height": 1080, "startFrame": 1390, "endFrameExclusive": 1512 } } ], "assets": [ { "slot": "desktop", "path": "public/art/codex-modal-relay/desktop-default.svg", "resolvedPath": "public/art/codex-modal-relay/desktop-default.svg", "sha256": "ddbafa343e6225d3db695138c00f973588a4df260eba9eb6d8e7188573a9b8f6", "rights": "Original illustrated study artwork authored for this library; no source footage, screenshots, brand marks or demo data. SVG glyphs outlined from local Geist under SIL OFL 1.1; local FONT-LICENSE.txt. No font bytes or remote resources in SVGs. Not real Poe UI.", "actual": { "width": 1920, "height": 1080, "method": "svg-viewport/viewBox" } }, { "slot": "workspaceBefore", "path": "public/art/codex-modal-relay/workspace-r04-default-before.svg", "resolvedPath": "public/art/codex-modal-relay/workspace-r04-default-before.svg", "sha256": "bd814d3c777c99bd95c13d7d5eb580e513b3b9497ab6a9101736d1b7f0914bea", "rights": "Original illustrated study artwork authored for this library; no source footage, screenshots, brand marks or demo data. SVG glyphs outlined from local Geist under SIL OFL 1.1; local FONT-LICENSE.txt. No font bytes or remote resources in SVGs. Not real Poe UI.", "actual": { "width": 1720, "height": 1080, "method": "svg-viewport/viewBox" } }, { "slot": "workspaceAfter", "path": "public/art/codex-modal-relay/workspace-r04-default-after.svg", "resolvedPath": "public/art/codex-modal-relay/workspace-r04-default-after.svg", "sha256": "3bece8b343c72d003fcd09a4bb292fcb052e7a109e428c0cb212d5442ae00f90", "rights": "Original illustrated study artwork authored for this library; no source footage, screenshots, brand marks or demo data. SVG glyphs outlined from local Geist under SIL OFL 1.1; local FONT-LICENSE.txt. No font bytes or remote resources in SVGs. Not real Poe UI.", "actual": { "width": 1720, "height": 1080, "method": "svg-viewport/viewBox" } } ], "publicFiles": { "public/art/codex-modal-relay/desktop-default.svg": { "sha256": "ddbafa343e6225d3db695138c00f973588a4df260eba9eb6d8e7188573a9b8f6", "resolvedPath": "public/art/codex-modal-relay/desktop-default.svg" }, "public/art/codex-modal-relay/workspace-r04-default-after.svg": { "sha256": "3bece8b343c72d003fcd09a4bb292fcb052e7a109e428c0cb212d5442ae00f90", "resolvedPath": "public/art/codex-modal-relay/workspace-r04-default-after.svg" }, "public/art/codex-modal-relay/workspace-r04-default-before.svg": { "sha256": "bd814d3c777c99bd95c13d7d5eb580e513b3b9497ab6a9101736d1b7f0914bea", "resolvedPath": "public/art/codex-modal-relay/workspace-r04-default-before.svg" }, "public/fonts/Geist.ttf": { "sha256": "73894e0448cae90a92b6c2f8732b7bb9acb7b94c418bff559dad4a18e1de9659", "resolvedPath": "public/fonts/Geist.ttf" } }, "assetScope": "Selected content assets and literal staticFile() dependencies in shared source; unrelated recipes and public assets excluded. Rights declarations are preserved, not independently certified." }, "bindingSha256": "ca7da12c29486640f9f37fcd9ddebee2f0a9aa4fd1a3c94528e530c307f309dc", "implementationDigest": "d8b9486d145a3c5c2eb163dba433e958b8310df238f13f0c354452a67f35cf22", "fileHashes": { "package-lock.json": "d49a849f7eb399e171ed709b67e00e96104f1116e571c96e6e94952e14110922", "package.json": "78bbb94c56da3bfd012607ca3ba88e063ee2a280a65ae6d99175cbe50b1e34fb", "public/art/codex-modal-relay/desktop-default.svg": "ddbafa343e6225d3db695138c00f973588a4df260eba9eb6d8e7188573a9b8f6", "public/art/codex-modal-relay/workspace-r04-default-after.svg": "3bece8b343c72d003fcd09a4bb292fcb052e7a109e428c0cb212d5442ae00f90", "public/art/codex-modal-relay/workspace-r04-default-before.svg": "bd814d3c777c99bd95c13d7d5eb580e513b3b9497ab6a9101736d1b7f0914bea", "public/fonts/Geist.ttf": "73894e0448cae90a92b6c2f8732b7bb9acb7b94c418bff559dad4a18e1de9659", "recipes/codex-modal-relay.json": "3ff66cf81c672ad9c1fbd7de3b180c2069a7dbcbab3c29b33c5289c141de13c1", "remotion.config.ts": "240cf99c8d4908d9e1904465dd1e3156b483e18e4470278d23ffa21d283956f1", "scripts/lib.mjs": "b6c6535fc7279ff63f3feecb696d3b3092d5efbcb1491d7e7b525933e8d5b0e8", "scripts/render.mjs": "efd75f96353eebb7a4c15ccad939aad8bb5d3cb9dbd790d3c48aa8d4f53a7886", "scripts/verify.mjs": "a99a2b9582e3735b3d49a784af0c471ab971759d555182b0854cdc9bba9a268e", "src/assemble.ts": "adb57e34e9f9d5fed4e2445b609f3ba40da3926b6360e7fd7eb15bd0a541d6df", "src/Edit.tsx": "ab99b024849190653a750d010be38b23a8a37356a071da858dca5bdc5c27fa0e", "src/index.ts": "2e0e358282a1b998a65387c653b97c2bb2eb7aae94cf200fc0b8d919f7be73a6", "src/library.ts": "b3863be1ff2f053c8e3985f25160373a77da0b7cd2dbc020294124d6d3526b09", "src/Root.tsx": "9680a4c588bd063ba287a0c875f441ac348fe1a76a2d988a44685e3606922fbe", "src/text-fit.ts": "654cd5107172867298aca159cc5dbebced88c3ad11844f6eb47e022842091b38", "src/timing.ts": "b7228f76ac5fd8a3854e2e9777238a68f4ba7db105b2818a3dadd7f22865e434", "src/Treatment.tsx": "619961bce2dd3ceb6ef66a4a2575956eda749a73dc4bb8d716d6534b3c96e1ce", "src/types.ts": "e9d1d73a9fa77f4886349459f8e5f9099678b7c4ad84c827b01b854306e77dd3", "src/validate.ts": "3bd5c305bc287eba524c3315e9a38de8ab4c43b3453d31c5ee93a413a34caf43", "tsconfig.json": "a8c92231b0553e1d8c2f39926b4861156cae5eccb28e1780f2c720f3ab70602e" }, "inputProps": { "recipe": { "schemaVersion": 1, "id": "codex-modal-relay", "title": "Branch-to-commit modal relay on a held workspace", "description": "DRAFT — Attention moves through dimmed dialog, one-frame compact progress state, confirmation, an undimmed breathing interval and a taller second dialog, while the underlying workspace stays registered. Original illustrated UI, not real Poe; not fidelity-approved.", "families": [ "overlay", "interface", "continuity" ], "intents": [ "Attention moves through dimmed dialog, one-frame compact progress state, confirmation, an undimmed breathing interval and a taller second dialog, while the underlying workspace stays registered." ], "tags": [ "draft", "original-illustration", "not-poe", "interface-04" ], "distinctness": { "mechanism": "Attention moves through dimmed dialog, one-frame compact progress state, confirmation, an undimmed breathing interval and a taller second dialog, while the underlying workspace stays registered.", "notEquivalentTo": [ "Not a lower third: these central task layers suppress and restore the underlying app.", "Not a generic modal entrance: the two-dialog relay and intervening undimmed state are essential." ] }, "source": { "slug": "codex-first-look", "film": "A first look at the Codex app", "url": "https://www.youtube.com/watch?v=0e-Brv-gS9Q", "localMedia": "references/openai/media/codex-first-look.mp4", "sha256": "d5f8b05e7d123aa336f22d01210b315bfd914aa3d380e70ca21783f023174895", "fps": { "numerator": 24000, "denominator": 1001 }, "width": 1920, "height": 1080, "startFrame": 1390, "endFrameExclusive": 1512 }, "canvas": { "width": 1920, "height": 1080, "background": "#ffffff" }, "observations": [ { "kind": "measured", "sourceFrames": [ 1393, 1394, 1415, 1416, 1417 ], "statement": "Workspace is undimmed at f1393; first dialog and scrim are present at f1394. f1416 contains a compact progress state between the f1415 form and f1417 success state. That one-source-frame state is not a latency measurement.", "evidence": [ "../research/interface/evidence/interface-04/source.mp4", "../research/interface/evidence/interface-04-native.jpg", "../research/interface/evidence/interface-04-anchors.jpg" ] }, { "kind": "measured", "sourceFrames": [ 1436, 1437, 1476, 1477, 1478 ], "statement": "Dialog and dimming are absent at f1437 after being present at f1436. The taller second form starts visibly appearing at f1477 and is opaque by f1478.", "evidence": [ "../research/interface/evidence/interface-04/source.mp4", "../research/interface/evidence/interface-04-native.jpg", "../research/interface/evidence/interface-04-anchors.jpg" ] }, { "kind": "measured", "sourceFrames": [ 1394, 1416, 1478 ], "statement": "Bright-fill threshold envelopes within the modal ROI are [552,456,1032,849], [550,565,1033,845] and [525,336,1058,969]. The second dialog is taller and slightly wider, not the same box with different words.", "evidence": [ "../research/interface/evidence/interface-04/source.mp4", "../research/interface/evidence/interface-04-native.jpg", "../research/interface/evidence/interface-04-anchors.jpg" ] }, { "kind": "estimate", "sourceFrames": [ 1394, 1437, 1478 ], "statement": "The app fills about 90% of the frame width and remains positionally stable. Dialog fill density changes from a short form to a multi-option form; scrim opacity is not measured.", "evidence": [ "../research/interface/evidence/interface-04/source.mp4", "../research/interface/evidence/interface-04-native.jpg", "../research/interface/evidence/interface-04-anchors.jpg" ] }, { "kind": "unresolved", "sourceFrames": [ 1416, 1477 ], "statement": "Exact scrim alpha, entrance blend and source font metrics remain unfitted. The one-frame progress state must not be stretched into a fabricated real operation.", "evidence": [ "../research/interface/evidence/interface-04/source.mp4", "../research/interface/evidence/interface-04-native.jpg", "../research/interface/evidence/interface-04-anchors.jpg" ] }, { "kind": "implementation-choice", "statement": "Original illustrated interface artwork, visibly labelled NOT POE. SVG type is outlined from the licensed local Geist, without font bytes or external resources; editable TextLayers use the renderer's licensed Geist. Original text and drawn symbols replace all source branding/data. Geometry and source timing remain the study reference, not a real product claim.", "sourceFrames": [ 1390 ], "evidence": [ "art/codex-modal-relay/ASSET-NOTES.json", "art/codex-modal-relay/FONT-LICENSE.txt" ] }, { "kind": "implementation-choice", "statement": "Private review03 restores source4–14 first-pane rest,47–53 post-close rest with small54 movement,88–94 second-pane rest, and following native accelerations. Existing63–86 keys retain repaired72–86. Hand97–118 retains selection110 and arrow departure119. Only the original generic arrowPath style default changes, to rounded shoulder/corners for the measured press contour; its24x30 API, handPath, all text and media defaults remain unchanged. Dimensions, halo, compact exposure/opacity and entry alpha are fits, not recovered source parameters. Entry4/5/6 alpha fits .88/.97/.985;87/88/89 fits .525/.94/.975. Native toolbar, intermediate option98–103, third-option103–120 and Continue120 feedback are independent states, not hit-testing. No fidelity approval.", "sourceFrames": [ 1394, 1404, 1405, 1416, 1437, 1443, 1444, 1445, 1462, 1476, 1477, 1478, 1484, 1485, 1487, 1488, 1493, 1496, 1500, 1508, 1509, 1510 ], "evidence": [ "../evidence/review-interface-a/retest-cc-cm-review02/codex-modal-relay/review.json", "../evidence/private-cc-cm-review03/source-cursor-components.json" ] }, { "kind": "measured", "statement": "Native reinspection pins the third-option check to local110: ROI[987,855,34,34] has zero dark check pixels through109 and40 at110. Toolbar switches at47; source progress panel at26 is shallow[550,565,483,174], preceding confirmation27. Final pointer approaches Continue; no final click occurs inside this span.", "sourceFrames": [ 1416, 1417, 1437, 1499, 1500, 1509, 1510, 1511 ], "evidence": [ "../evidence/review-interface-a/codex-modal-relay/source-native.mp4", "../evidence/review-interface-a/codex-modal-relay/probes/source/0026.png" ] }, { "kind": "estimate", "statement": "Revision04 original controls restore first/confirmation box[550,451,483,402] and second box[525,334,533,636],26px radii,17/24px type, icon/close controls, draft/change rows, on-switch, empty textarea placeholder, next-step heading and full-width divided options. Native source geometry is observed; font optical metrics, shadow, scrim and intermediate cursor/exposure remain fits.", "sourceFrames": [ 1394, 1410, 1425, 1450, 1478, 1511 ], "evidence": [ "../evidence/review-interface-a/codex-modal-relay/review.json" ] }, { "kind": "measured", "statement": "Review02 input fit: consecutive native source63–86 dark-pointer components place the visible tip at[1300.5,250] on72,[1302,248] on74,[1306.5,243] on75,[1326.5,221] on77 and[1391,48] on86. The almost-held below-toolbar phase precedes the late approach; source hand is visible at106–107, independently of selection110. These are thresholded visible pixels, not recovered pointer hotspots.", "sourceFrames": [ 1453, 1462, 1463, 1464, 1465, 1466, 1467, 1476, 1496, 1497, 1500 ], "evidence": [ "../evidence/private-cc-cm-input-fit-20260905/source-pointer-measurements.json", "../evidence/private-cc-cm-input-fit-20260905/codex-modal-relay/hand-onset.png" ] }, { "kind": "implementation-choice", "statement": "Historical review02 fit pinned native63–86 and cleared exposure71–74. Review03 retains those position keys but supersedes its60–62, pre-pane and post-pane trajectories and106-only hand onset using the complete source sequence; the hand now starts97. Optical values remain fitted, not recovered source settings.", "sourceFrames": [ 1450, 1451, 1452, 1461, 1464, 1467, 1476, 1490, 1495, 1496 ], "evidence": [ "../evidence/private-cc-cm-input-fit-20260905/source-pointer-measurements.json", "../evidence/private-cc-cm-input-fit-20260905/codex-modal-relay/hand-onset.png" ] } ], "fields": { "disclosure": { "kind": "text", "description": "Required immutable disclosure; original interface illustration, never a product screenshot.", "minLength": 24, "maxLength": 24, "maxLines": 1, "exactLength": 24 }, "desktop": { "kind": "image", "description": "Original desktop illustration, 1920x1080; never source wallpaper.", "aspectRatio": { "numerator": 16, "denominator": 9 }, "minimumWidth": 1920, "minimumHeight": 1080, "fit": "contain" }, "workspaceBefore": { "kind": "image", "description": "Original dense 1720x1080 work-surface. The before/after toolbar changes exactly at local47; its targets are coupled to the pointer. Outlined licensed Geist, no real product capture.", "aspectRatio": { "numerator": 43, "denominator": 27 }, "minimumWidth": 1720, "minimumHeight": 1080, "fit": "contain" }, "workspaceAfter": { "kind": "image", "description": "Original dense 1720x1080 work-surface. The before/after toolbar changes exactly at local47; its targets are coupled to the pointer. Outlined licensed Geist, no real product capture.", "aspectRatio": { "numerator": 43, "denominator": 27 }, "minimumWidth": 1720, "minimumHeight": 1080, "fit": "contain" }, "firstTitle": { "kind": "text", "description": "First form title.", "minLength": 21, "maxLength": 22, "maxLines": 1, "exactLines": 1 }, "firstBody": { "kind": "text", "description": "Exactly three explanatory lines; no product or permission claim.", "minLength": 129, "maxLength": 130, "maxLines": 3, "exactLines": 3 }, "nameLabel": { "kind": "text", "description": "Field heading.", "minLength": 9, "maxLength": 10, "maxLines": 1, "exactLines": 1 }, "prefixHint": { "kind": "text", "description": "Pale right-aligned secondary field control.", "minLength": 10, "maxLength": 10, "maxLines": 1, "exactLines": 1 }, "copyName": { "kind": "text", "description": "Original full draft identifier; paired with copyNameShort and workspace content.", "minLength": 31, "maxLength": 32, "maxLines": 1, "exactLines": 1 }, "firstAction": { "kind": "text", "description": "First form action label.", "minLength": 8, "maxLength": 8, "maxLines": 1, "exactLines": 1 }, "progress": { "kind": "text", "description": "Left-aligned single-frame progress title.", "minLength": 26, "maxLength": 27, "maxLines": 1, "exactLines": 1 }, "progressSubline": { "kind": "text", "description": "Single-frame progress subline.", "minLength": 36, "maxLength": 37, "maxLines": 1, "exactLines": 1 }, "successTitle": { "kind": "text", "description": "Confirmation title.", "minLength": 18, "maxLength": 19, "maxLines": 1, "exactLines": 1 }, "successBody": { "kind": "text", "description": "One-line confirmation.", "minLength": 35, "maxLength": 37, "maxLines": 1, "exactLines": 1 }, "copyNameShort": { "kind": "text", "description": "Deliberately truncated original identifier, manually coupled to copyName.", "minLength": 24, "maxLength": 25, "maxLines": 1, "exactLines": 1 }, "nextHeading": { "kind": "text", "description": "Shared next-step heading.", "minLength": 10, "maxLength": 10, "maxLines": 1, "exactLines": 1 }, "successSteps": { "kind": "text", "description": "First confirmation bullet wraps across exactly two lines.", "minLength": 81, "maxLength": 82, "maxLines": 2, "exactLines": 2 }, "successFoot": { "kind": "text", "description": "Second confirmation bullet with a larger preceding gap.", "minLength": 34, "maxLength": 35, "maxLines": 1, "exactLines": 1 }, "closeAction": { "kind": "text", "description": "Confirmation close action.", "minLength": 5, "maxLength": 5, "maxLines": 1, "exactLines": 1 }, "secondTitle": { "kind": "text", "description": "Second form title.", "minLength": 16, "maxLength": 17, "maxLines": 1, "exactLines": 1 }, "changesLabel": { "kind": "text", "description": "Change-count heading.", "minLength": 7, "maxLength": 7, "maxLines": 1, "exactLines": 1 }, "changeCount": { "kind": "text", "description": "Original summary count, not source demo data.", "minLength": 15, "maxLength": 15, "maxLines": 1, "exactLines": 1 }, "toggleLabel": { "kind": "text", "description": "On-state switch label.", "minLength": 20, "maxLength": 22, "maxLines": 1, "exactLines": 1 }, "summaryLabel": { "kind": "text", "description": "Empty textarea heading.", "minLength": 14, "maxLength": 16, "maxLines": 1, "exactLines": 1 }, "summaryPlaceholder": { "kind": "text", "description": "Two-line placeholder only; no filled summary or generated result.", "minLength": 53, "maxLength": 55, "maxLines": 2, "exactLines": 2 }, "option1": { "kind": "text", "description": "First full-width row, selected until local110.", "minLength": 11, "maxLength": 12, "maxLines": 1, "exactLines": 1 }, "option2": { "kind": "text", "description": "Second full-width row, never selected in this interval.", "minLength": 14, "maxLength": 15, "maxLines": 1, "exactLines": 1 }, "option3": { "kind": "text", "description": "Third full-width row, selected from local110; no completed submission shown.", "minLength": 20, "maxLength": 22, "maxLines": 1, "exactLines": 1 }, "saveAction": { "kind": "text", "description": "Final action is approached, not clicked inside the source interval.", "minLength": 8, "maxLength": 8, "maxLines": 1, "exactLines": 1 }, "arrowPath": { "kind": "path", "description": "Original arrow silhouette; source hotspot is the upper-left pointed tip. Do not replace with a hand in held-arrow phases. Review03 changes only the original generic cursor contour to rounded corners and a lower shoulder; the same 24x30 path API and hotspot contract remain. This style correction is required for the observed press silhouette, not substituted presentation content.", "viewBox": [ 0, 0, 24, 30 ] }, "handPath": { "kind": "path", "description": "Original outlined hand cursor, paired with arrow phases; no remote platform asset.", "viewBox": [ 0, 0, 26, 32 ] } }, "defaults": { "disclosure": "ILLUSTRATED UI · NOT POE", "desktop": { "kind": "image", "path": "art/codex-modal-relay/desktop-default.svg", "width": 1920, "height": 1080, "rights": "Original illustrated study artwork authored for this library; no source footage, screenshots, brand marks or demo data. SVG glyphs outlined from local Geist under SIL OFL 1.1; local FONT-LICENSE.txt. No font bytes or remote resources in SVGs. Not real Poe UI." }, "workspaceBefore": { "kind": "image", "path": "art/codex-modal-relay/workspace-r04-default-before.svg", "width": 1720, "height": 1080, "rights": "Original illustrated study artwork authored for this library; no source footage, screenshots, brand marks or demo data. SVG glyphs outlined from local Geist under SIL OFL 1.1; local FONT-LICENSE.txt. No font bytes or remote resources in SVGs. Not real Poe UI." }, "workspaceAfter": { "kind": "image", "path": "art/codex-modal-relay/workspace-r04-default-after.svg", "width": 1720, "height": 1080, "rights": "Original illustrated study artwork authored for this library; no source footage, screenshots, brand marks or demo data. SVG glyphs outlined from local Geist under SIL OFL 1.1; local FONT-LICENSE.txt. No font bytes or remote resources in SVGs. Not real Poe UI." }, "firstTitle": "Create a working copy", "firstBody": "This copy keeps the original notes intact.\nUse this separate draft for the team review.\nThe source document will remain unchanged.", "nameLabel": "Copy name", "prefixHint": "Set prefix", "copyName": "workshop/review-session-outline", "firstAction": "Continue", "progress": "Preparing the working copy", "progressSubline": "Keeping the original notes unchanged…", "successTitle": "Working copy ready", "successBody": "Your separate review copy is ready.", "copyNameShort": "workshop/review-session-…", "nextHeading": "Next steps", "successSteps": "• Review the notes in this working copy\n and keep the original version unchanged", "successFoot": "• Save a separate copy when ready.", "closeAction": "Close", "secondTitle": "Save your changes", "changesLabel": "Changes", "changeCount": "1 note +17 -2", "toggleLabel": "Include review notes", "summaryLabel": "Review message", "summaryPlaceholder": "Add a short note to describe this review for\nyour team.", "option1": "Save a copy", "option2": "Save and share", "option3": "Save and open review", "saveAction": "Continue", "arrowPath": "M2 2L2 23Q2 24 3 23.3L8 19.4L12 27.5Q12.7 29 14.2 28.2L16.4 27Q17.5 26.4 16.8 25.2L12.7 17.5L19.5 17.5Q20.9 17.5 19.9 16.5L3.2 1.3Q2 .5 2 2Z", "handPath": "M7 15V3C7 0 11 0 11 3V11C11 8 15 8 15 11V12C15 9 19 10 19 13C20 11 23 13 23 15V22L19 29H10L4 21C1 17 4 14 7 18Z" }, "adaptation": { "disclosure": "ILLUSTRATED UI · NOT POE", "desktop": { "kind": "image", "path": "art/codex-modal-relay/desktop-adaptation.svg", "width": 1920, "height": 1080, "rights": "Original illustrated study artwork authored for this library; no source footage, screenshots, brand marks or demo data. SVG glyphs outlined from local Geist under SIL OFL 1.1; local FONT-LICENSE.txt. No font bytes or remote resources in SVGs. Not real Poe UI." }, "workspaceBefore": { "kind": "image", "path": "art/codex-modal-relay/workspace-r04-adaptation-before.svg", "width": 1720, "height": 1080, "rights": "Original illustrated study artwork authored for this library; no source footage, screenshots, brand marks or demo data. SVG glyphs outlined from local Geist under SIL OFL 1.1; local FONT-LICENSE.txt. No font bytes or remote resources in SVGs. Not real Poe UI." }, "workspaceAfter": { "kind": "image", "path": "art/codex-modal-relay/workspace-r04-adaptation-after.svg", "width": 1720, "height": 1080, "rights": "Original illustrated study artwork authored for this library; no source footage, screenshots, brand marks or demo data. SVG glyphs outlined from local Geist under SIL OFL 1.1; local FONT-LICENSE.txt. No font bytes or remote resources in SVGs. Not real Poe UI." }, "firstTitle": "Create a planning copy", "firstBody": "This copy keeps the original plan intact.\nUse this separate draft for the team review.\nThe source document will remain unchanged.", "nameLabel": "Draft name", "prefixHint": "Set prefix", "copyName": "planning/review-launch-checklist", "firstAction": "Continue", "progress": "Preparing the planning copy", "progressSubline": "Keeping the original plan unchanged…", "successTitle": "Planning copy ready", "successBody": "Your separate planning copy is ready.", "copyNameShort": "planning/review-launch-…", "nextHeading": "Next steps", "successSteps": "• Review the plan in this working copy\n and keep the original version unchanged", "successFoot": "• Save a separate draft when ready.", "closeAction": "Close", "secondTitle": "Save your review", "changesLabel": "Changes", "changeCount": "1 plan +17 -2", "toggleLabel": "Include planning notes", "summaryLabel": "Planning message", "summaryPlaceholder": "Add a short note to describe this plan for\nyour team.", "option1": "Save a draft", "option2": "Save and notify", "option3": "Save and open planning", "saveAction": "Continue", "arrowPath": "M2 2L2 23Q2 24 3 23.3L8 19.4L12 27.5Q12.7 29 14.2 28.2L16.4 27Q17.5 26.4 16.8 25.2L12.7 17.5L19.5 17.5Q20.9 17.5 19.9 16.5L3.2 1.3Q2 .5 2 2Z", "handPath": "M7 15V3C7 0 11 0 11 3V11C11 8 15 8 15 11V12C15 9 19 10 19 13C20 11 23 13 23 15V22L19 29H10L4 21C1 17 4 14 7 18Z" }, "adaptationNotes": [ "An original two-step task confirmation study with real or explicitly illustrative before/after assets. Preserve the spatial relay, but use original labels/data and do not imply a verified Poe workflow.", "Default and adaptation are different original scenarios, not source demo data. Keep fixed line breaks, slot dimensions and selection/phase relationships.", "The small on-canvas illustration disclosure is a deliberate non-source addition required to prevent a product-behavior claim.", "Stage is draft. Main owns first renders, moving comparisons and fresh fidelity review; these authored recipes contain no self-approval." ], "invariants": [ "Shared background registration", "Different modal heights", "The undimmed interval", "One-frame source transient in fidelity mode", "Native source interval/fps are locked. All animation keys are local; observation sourceFrames remain absolute.", "Do not remove the ILLUSTRATED UI · NOT POE disclosure.", "All SVGs and media inputs are original, self-contained and rights-declared.", "First visible4 and settles4–6; progress26 only; confirmation27–46; toolbar relay47; second fade87/settles88–89; third-option feedback110; no final submit beyond121.", "Keep original before/after controls under the exact trigger targets. Second summary remains a placeholder, not a generated result." ], "unsupported": [ "No full-film source UI pixels become presentation assets.", "Maintain camera lock while modal state changes.", "No Poe branch or commit behavior is asserted.", "Arbitrary UI screenshots, reflowing copy or aspect-ratio changes are unsupported.", "Fresh moving-source fidelity review and final font/blur/alpha fitting are outstanding.", "Full/truncated identifier, toolbar artwork, option labels and cursor targets are manually coupled; typed constraints do not prove semantic agreement.", "Source pointer subframe blur and optical type metrics require fresh retest. Forty-one-sample cursor exposure and opacity are implementation fits, not a measured source shutter. Generic hand contour and residual exposure weighting differ from source." ], "entry": { "field": "interface", "description": "Short dialog on scrim", "continuityKeys": [ "original-content-identity", "native-clock" ] }, "exit": { "field": "interface", "description": "Taller second form", "continuityKeys": [ "original-content-identity", "native-clock" ] }, "neighbors": { "before": [], "after": [], "rule": "Use an explicit hard cut unless a following shot shares these exact original content/anchor keys. Do not add automatic dissolves or retime the source-native passage." }, "layers": [ { "kind": "image", "id": "desktop", "start": 0, "end": 122, "slot": "desktop", "width": 1920, "height": 1080, "fit": "contain" }, { "kind": "image", "id": "workspace-before-relay", "start": 0, "end": 47, "slot": "workspaceBefore", "width": 1720, "height": 1080, "fit": "contain" }, { "kind": "image", "id": "workspace-after-relay", "start": 47, "end": 122, "slot": "workspaceAfter", "width": 1720, "height": 1080, "fit": "contain" }, { "kind": "rect", "id": "toolbar-dropdown-hover", "start": 80, "end": 82, "x": 1417, "y": 19, "width": 34, "height": 33, "radius": 10, "fill": "#000000", "opacity": 0.098 }, { "kind": "rect", "id": "toolbar-main-hover", "start": 82, "end": 87, "x": 1313, "y": 19, "width": 104, "height": 33, "radius": 10, "fill": "#000000", "opacity": 0.098 }, { "kind": "rect", "id": "first-scrim", "start": 4, "end": 47, "width": 1720, "height": 1080, "fill": "#101010", "opacity": 0.135 }, { "kind": "group", "id": "create-copy-dialog", "start": 4, "end": 26, "x": 550, "y": [ { "frame": 4, "value": 454, "easing": "linear" }, { "frame": 5, "value": 451.8, "easing": "linear" }, { "frame": 6, "value": 451, "easing": "linear" } ], "width": 483, "height": 402, "children": [ { "kind": "rect", "id": "first-card", "start": 0, "end": 122, "width": 483, "height": 402, "radius": 26, "fill": "#ffffff", "shadow": "0 4px 10px #00000010" }, { "kind": "rect", "id": "copy-tile", "start": 0, "end": 122, "x": 25, "y": 25, "width": 46, "height": 46, "radius": 13, "fill": "#f7f7f7" }, { "kind": "path", "id": "copy-glyph", "start": 0, "end": 122, "x": 36, "y": 36, "width": 24, "height": 24, "path": "M6 3V21M6 12H17V3M3 3A3 3 0 1 0 9 3A3 3 0 1 0 3 3M14 3A3 3 0 1 0 20 3A3 3 0 1 0 14 3", "viewBox": [ 0, 0, 24, 24 ], "fill": "none", "stroke": "#24292c", "strokeWidth": 2 }, { "kind": "path", "id": "first-close", "start": 0, "end": 122, "x": 440, "y": 30, "width": 15, "height": 15, "path": "M2 2L13 13M13 2L2 13", "viewBox": [ 0, 0, 15, 15 ], "fill": "none", "stroke": "#777777", "strokeWidth": 1.5 }, { "kind": "text", "id": "first-title", "start": 0, "end": 122, "slot": "firstTitle", "x": 25, "y": 90, "width": 433, "height": 32, "fontSize": 24, "weight": 600, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "text", "id": "first-body", "start": 0, "end": 122, "slot": "firstBody", "x": 25, "y": 141, "width": 433, "height": 76, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#777777" }, { "kind": "text", "id": "name-label", "start": 0, "end": 122, "slot": "nameLabel", "x": 25, "y": 234, "width": 300, "height": 25, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "text", "id": "prefix-hint", "start": 0, "end": 122, "slot": "prefixHint", "x": 345, "y": 234, "width": 106, "height": 25, "fontSize": 16, "weight": 400, "lineHeight": 1.25, "color": "#999999", "align": "right" }, { "kind": "rect", "id": "copy-name-input", "start": 0, "end": 122, "x": 25, "y": 275, "width": 433, "height": 47, "radius": 15, "fill": "#f7f7f7", "stroke": "#e5e5e5", "strokeWidth": 1.5 }, { "kind": "text", "id": "copy-name", "start": 0, "end": 122, "slot": "copyName", "x": 41, "y": 286, "width": 399, "height": 26, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "rect", "id": "first-button", "start": 0, "end": 122, "x": 25, "y": 338, "width": 433, "height": 35, "radius": 13, "fill": "#3b3b3b" }, { "kind": "text", "id": "first-action", "start": 0, "end": 122, "slot": "firstAction", "x": 35, "y": 343, "width": 413, "height": 25, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#ffffff", "align": "center" } ], "opacity": [ { "frame": 4, "value": 0.88, "easing": "linear" }, { "frame": 5, "value": 0.97, "easing": "linear" }, { "frame": 6, "value": 0.985, "easing": "linear" }, { "frame": 7, "value": 1, "easing": "linear" } ], "blur": [ { "frame": 4, "value": 0.32, "easing": "linear" }, { "frame": 5, "value": 0.12, "easing": "linear" }, { "frame": 6, "value": 0, "easing": "linear" } ] }, { "kind": "group", "id": "one-frame-progress", "start": 26, "end": 27, "x": 550, "y": 565, "width": 483, "height": 174, "children": [ { "kind": "rect", "id": "progress-card", "start": 0, "end": 122, "width": 483, "height": 174, "radius": 26, "fill": "#ffffff", "shadow": "0 4px 10px #00000010" }, { "kind": "rect", "id": "progress-icon-tile", "start": 0, "end": 122, "x": 25, "y": 22, "width": 46, "height": 46, "radius": 13, "fill": "#fafafa" }, { "kind": "path", "id": "progress-spinner", "start": 0, "end": 122, "x": 38, "y": 34, "width": 22, "height": 22, "path": "M11 2A9 9 0 1 1 2 11", "viewBox": [ 0, 0, 22, 22 ], "fill": "none", "stroke": "#c5c9c8", "strokeWidth": 2.5 }, { "kind": "path", "id": "progress-close", "start": 0, "end": 122, "x": 440, "y": 25, "width": 15, "height": 15, "path": "M2 2L13 13M13 2L2 13", "viewBox": [ 0, 0, 15, 15 ], "fill": "none", "stroke": "#777777", "strokeWidth": 1.5 }, { "kind": "text", "id": "progress-message", "start": 0, "end": 122, "slot": "progress", "x": 25, "y": 80, "width": 433, "height": 32, "fontSize": 24, "weight": 600, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "text", "id": "progress-subline", "start": 0, "end": 122, "slot": "progressSubline", "x": 25, "y": 123, "width": 433, "height": 27, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#858585" } ] }, { "kind": "group", "id": "copy-confirmation", "start": 27, "end": 47, "x": 550, "y": 451, "width": 483, "height": 402, "children": [ { "kind": "rect", "id": "success-card", "start": 0, "end": 122, "width": 483, "height": 402, "radius": 26, "fill": "#ffffff", "shadow": "0 4px 10px #00000010" }, { "kind": "rect", "id": "success-tile", "start": 0, "end": 122, "x": 25, "y": 25, "width": 46, "height": 46, "radius": 13, "fill": "#e5f5ed" }, { "kind": "path", "id": "success-glyph", "start": 0, "end": 122, "x": 36, "y": 36, "width": 24, "height": 24, "path": "M3 12L9 18L22 4", "viewBox": [ 0, 0, 24, 24 ], "fill": "none", "stroke": "#247b52", "strokeWidth": 2 }, { "kind": "path", "id": "success-close", "start": 0, "end": 122, "x": 440, "y": 30, "width": 15, "height": 15, "path": "M2 2L13 13M13 2L2 13", "viewBox": [ 0, 0, 15, 15 ], "fill": "none", "stroke": "#777777", "strokeWidth": 1.5 }, { "kind": "text", "id": "success-title", "start": 0, "end": 122, "slot": "successTitle", "x": 25, "y": 90, "width": 433, "height": 32, "fontSize": 24, "weight": 600, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "text", "id": "success-body", "start": 0, "end": 122, "slot": "successBody", "x": 25, "y": 128, "width": 433, "height": 26, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#777777" }, { "kind": "text", "id": "success-name-heading", "start": 0, "end": 122, "slot": "nameLabel", "x": 25, "y": 165, "width": 108, "height": 26, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "path", "id": "success-name-glyph", "start": 0, "end": 122, "x": 124, "y": 169, "width": 15, "height": 18, "path": "M3 2V16M3 8H12V2M1 2H5M10 2H14", "viewBox": [ 0, 0, 15, 18 ], "fill": "none", "stroke": "#343434", "strokeWidth": 1.5 }, { "kind": "text", "id": "success-name", "start": 0, "end": 122, "slot": "copyNameShort", "x": 145, "y": 165, "width": 313, "height": 26, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "text", "id": "success-next-heading", "start": 0, "end": 122, "slot": "nextHeading", "x": 25, "y": 205, "width": 433, "height": 26, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "text", "id": "success-steps", "start": 0, "end": 122, "slot": "successSteps", "x": 25, "y": 241, "width": 433, "height": 60, "fontSize": 17, "weight": 400, "lineHeight": 1.53, "color": "#292d31" }, { "kind": "text", "id": "success-foot", "start": 0, "end": 122, "slot": "successFoot", "x": 25, "y": 303, "width": 433, "height": 26, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#787878" }, { "kind": "rect", "id": "continue-button", "start": 0, "end": 122, "x": 25, "y": 341, "width": 433, "height": 35, "radius": 13, "fill": "#3b3b3b" }, { "kind": "text", "id": "continue-action", "start": 0, "end": 122, "slot": "closeAction", "x": 35, "y": 346, "width": 413, "height": 25, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#ffffff", "align": "center" } ] }, { "kind": "rect", "id": "second-scrim", "start": 87, "end": 122, "width": 1720, "height": 1080, "fill": "#101010", "opacity": [ { "frame": 87, "value": 0.06, "easing": "linear" }, { "frame": 88, "value": 0.135, "easing": "linear" } ] }, { "kind": "group", "id": "save-dialog", "start": 87, "end": 122, "x": 525, "y": [ { "frame": 87, "value": 338, "easing": "linear" }, { "frame": 88, "value": 335, "easing": "linear" }, { "frame": 89, "value": 334, "easing": "linear" } ], "width": 533, "height": 636, "opacity": [ { "frame": 87, "value": 0.525, "easing": "linear" }, { "frame": 88, "value": 0.94, "easing": "linear" }, { "frame": 89, "value": 0.975, "easing": "linear" }, { "frame": 90, "value": 1, "easing": "linear" } ], "children": [ { "kind": "rect", "id": "second-card", "start": 0, "end": 122, "width": 533, "height": 636, "radius": 26, "fill": "#ffffff", "shadow": "0 4px 10px #00000010" }, { "kind": "rect", "id": "save-tile", "start": 0, "end": 122, "x": 25, "y": 26, "width": 46, "height": 46, "radius": 13, "fill": "#f7f7f7" }, { "kind": "path", "id": "save-glyph", "start": 0, "end": 122, "x": 36, "y": 37, "width": 24, "height": 24, "path": "M6 3V21M6 12H17V3M3 3A3 3 0 1 0 9 3A3 3 0 1 0 3 3M14 3A3 3 0 1 0 20 3A3 3 0 1 0 14 3", "viewBox": [ 0, 0, 24, 24 ], "fill": "none", "stroke": "#24292c", "strokeWidth": 2 }, { "kind": "path", "id": "second-close", "start": 0, "end": 122, "x": 490, "y": 29, "width": 15, "height": 15, "path": "M2 2L13 13M13 2L2 13", "viewBox": [ 0, 0, 15, 15 ], "fill": "none", "stroke": "#777777", "strokeWidth": 1.5 }, { "kind": "text", "id": "second-title", "start": 0, "end": 122, "slot": "secondTitle", "x": 25, "y": 89, "width": 483, "height": 32, "fontSize": 24, "weight": 600, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "text", "id": "branch-heading", "start": 0, "end": 122, "slot": "nameLabel", "x": 25, "y": 137, "width": 180, "height": 26, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "path", "id": "branch-value-glyph", "start": 0, "end": 122, "x": 220, "y": 141, "width": 17, "height": 18, "path": "M3 2V16M3 8H12V2M1 2H5M10 2H14", "viewBox": [ 0, 0, 15, 18 ], "fill": "none", "stroke": "#343434", "strokeWidth": 1.5 }, { "kind": "text", "id": "branch-value", "start": 0, "end": 122, "slot": "copyNameShort", "x": 251, "y": 137, "width": 257, "height": 26, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "text", "id": "changes-heading", "start": 0, "end": 122, "slot": "changesLabel", "x": 25, "y": 178, "width": 230, "height": 26, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "text", "id": "changes-value", "start": 0, "end": 122, "slot": "changeCount", "x": 325, "y": 178, "width": 183, "height": 26, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#8b9691", "align": "right" }, { "kind": "rect", "id": "include-toggle", "start": 0, "end": 122, "x": 30, "y": 218, "width": 40, "height": 26, "radius": 13, "fill": "#111111" }, { "kind": "ellipse", "id": "toggle-knob", "start": 0, "end": 122, "x": 47, "y": 221, "width": 20, "height": 20, "fill": "#ffffff" }, { "kind": "text", "id": "toggle-label", "start": 0, "end": 122, "slot": "toggleLabel", "x": 85, "y": 218, "width": 415, "height": 26, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "text", "id": "summary-heading", "start": 0, "end": 122, "slot": "summaryLabel", "x": 25, "y": 265, "width": 483, "height": 26, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "rect", "id": "summary-field", "start": 0, "end": 122, "x": 25, "y": 299, "width": 483, "height": 73, "radius": 15, "fill": "#f7f7f7", "stroke": "#e5e5e5", "strokeWidth": 1.5 }, { "kind": "text", "id": "summary-placeholder", "start": 0, "end": 122, "slot": "summaryPlaceholder", "x": 41, "y": 311, "width": 453, "height": 55, "fontSize": 17, "weight": 400, "lineHeight": 1.45, "color": "#999999" }, { "kind": "text", "id": "next-heading", "start": 0, "end": 122, "slot": "nextHeading", "x": 25, "y": 389, "width": 483, "height": 26, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "rect", "id": "option-row-background", "start": 0, "end": 122, "x": 25, "y": 422, "width": 483, "height": 137, "radius": 14, "fill": "#f9f9f9" }, { "kind": "rect", "id": "second-option-hover", "start": 98, "end": 104, "x": 25, "y": 469, "width": 483, "height": 44, "fill": "#f4f4f4", "opacity": [ { "frame": 98, "value": 0.6, "easing": "linear" }, { "frame": 99, "value": 1, "easing": "linear" }, { "frame": 102, "value": 1, "easing": "linear" }, { "frame": 103, "value": 0.6, "easing": "linear" } ] }, { "kind": "rect", "id": "third-option-hover", "start": 103, "end": 121, "x": 25, "y": 515, "width": 483, "height": 43, "radius": 12, "fill": "#f4f4f4", "opacity": [ { "frame": 103, "value": 0.6, "easing": "linear" }, { "frame": 104, "value": 1, "easing": "linear" }, { "frame": 119, "value": 1, "easing": "linear" }, { "frame": 120, "value": 0.5, "easing": "linear" } ] }, { "kind": "path", "id": "option-icon-1", "start": 0, "end": 122, "x": 46, "y": 435, "width": 22, "height": 22, "path": "M1 11H21M6 11A5 5 0 1 0 16 11A5 5 0 1 0 6 11", "viewBox": [ 0, 0, 22, 22 ], "fill": "none", "stroke": "#171a1c", "strokeWidth": 1.8 }, { "kind": "text", "id": "option-label-1", "start": 0, "end": 122, "slot": "option1", "x": 83, "y": 433, "width": 375, "height": 27, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "rect", "id": "option-divider-1", "start": 0, "end": 122, "x": 25, "y": 468, "width": 483, "height": 1, "fill": "#e5e5e5" }, { "kind": "path", "id": "option-icon-2", "start": 0, "end": 122, "x": 46, "y": 481, "width": 22, "height": 22, "path": "M4 8L11 1L18 8M11 1V21", "viewBox": [ 0, 0, 22, 22 ], "fill": "none", "stroke": "#171a1c", "strokeWidth": 1.8 }, { "kind": "text", "id": "option-label-2", "start": 0, "end": 122, "slot": "option2", "x": 83, "y": 479, "width": 375, "height": 27, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "rect", "id": "option-divider-2", "start": 0, "end": 122, "x": 25, "y": 514, "width": 483, "height": 1, "fill": "#e5e5e5" }, { "kind": "path", "id": "option-icon-3", "start": 0, "end": 122, "x": 46, "y": 527, "width": 22, "height": 22, "path": "M2 3H20V19H2ZM6 8H16M6 13H14", "viewBox": [ 0, 0, 22, 22 ], "fill": "none", "stroke": "#171a1c", "strokeWidth": 1.8 }, { "kind": "text", "id": "option-label-3", "start": 0, "end": 122, "slot": "option3", "x": 83, "y": 525, "width": 375, "height": 27, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#292d31" }, { "kind": "path", "id": "first-option-check", "start": 0, "end": 110, "x": 465, "y": 434, "width": 23, "height": 23, "path": "M3 12L9 18L21 3", "viewBox": [ 0, 0, 24, 24 ], "fill": "none", "stroke": "#101010", "strokeWidth": 2 }, { "kind": "path", "id": "third-option-check", "start": 110, "end": 122, "x": 465, "y": 526, "width": 23, "height": 23, "path": "M3 12L9 18L21 3", "viewBox": [ 0, 0, 24, 24 ], "fill": "none", "stroke": "#101010", "strokeWidth": 2 }, { "kind": "rect", "id": "save-button", "start": 0, "end": 122, "x": 25, "y": 575, "width": 483, "height": 36, "radius": 13, "fill": "#0b0b0b" }, { "kind": "rect", "id": "save-button-hover", "start": 120, "end": 122, "x": 25, "y": 575, "width": 483, "height": 36, "radius": 13, "fill": "#3b3b3b" }, { "kind": "text", "id": "save-action", "start": 0, "end": 122, "slot": "saveAction", "x": 35, "y": 580, "width": 463, "height": 25, "fontSize": 17, "weight": 400, "lineHeight": 1.25, "color": "#ffffff", "align": "center" } ], "blur": [ { "frame": 87, "value": 0.45, "easing": "linear" }, { "frame": 88, "value": 0.2, "easing": "linear" }, { "frame": 89, "value": 0, "easing": "linear" } ] }, { "kind": "group", "id": "relay-cursor", "start": 0, "end": 122, "x": [ { "frame": 0, "value": 1381.7, "easing": "linear" }, { "frame": 1, "value": 1382.7, "easing": "linear" }, { "frame": 2, "value": 1382.7, "easing": "linear" }, { "frame": 4, "value": 1382.7, "easing": "linear" }, { "frame": 14, "value": 1382.7, "easing": "linear" }, { "frame": 15, "value": 1376, "easing": "linear" }, { "frame": 16, "value": 1340, "easing": "linear" }, { "frame": 17, "value": 1234, "easing": "linear" }, { "frame": 18, "value": 1155, "easing": "linear" }, { "frame": 19, "value": 1050, "easing": "linear" }, { "frame": 20, "value": 997, "easing": "linear" }, { "frame": 21, "value": 936, "easing": "linear" }, { "frame": 22, "value": 900, "easing": "linear" }, { "frame": 23, "value": 873, "easing": "linear" }, { "frame": 24, "value": 857, "easing": "linear" }, { "frame": 25, "value": 848.7, "easing": "linear" }, { "frame": 26, "value": 846.7, "easing": "linear" }, { "frame": 27, "value": 845.7, "easing": "linear" }, { "frame": 30, "value": 847.2, "easing": "linear" }, { "frame": 46, "value": 847.2, "easing": "linear" }, { "frame": 47, "value": 847.2, "easing": "linear" }, { "frame": 53, "value": 847.2, "easing": "linear" }, { "frame": 54, "value": 848.2, "easing": "linear" }, { "frame": 55, "value": 858, "easing": "linear" }, { "frame": 56, "value": 884, "easing": "linear" }, { "frame": 57, "value": 950, "easing": "linear" }, { "frame": 58, "value": 1007, "easing": "linear" }, { "frame": 59, "value": 1084, "easing": "linear" }, { "frame": 60, "value": 1132, "easing": "linear" }, { "frame": 61, "value": 1178, "easing": "linear" }, { "frame": 62, "value": 1201, "easing": "linear" }, { "frame": 63, "value": 1234.7, "easing": "linear" }, { "frame": 64, "value": 1249.7, "easing": "linear" }, { "frame": 65, "value": 1267.2, "easing": "linear" }, { "frame": 66, "value": 1275.7, "easing": "linear" }, { "frame": 67, "value": 1284.7, "easing": "linear" }, { "frame": 68, "value": 1288.7, "easing": "linear" }, { "frame": 69, "value": 1292.7, "easing": "linear" }, { "frame": 70, "value": 1293.7, "easing": "linear" }, { "frame": 71, "value": 1295.7, "easing": "linear" }, { "frame": 72, "value": 1296.2, "easing": "linear" }, { "frame": 73, "value": 1296.7, "easing": "linear" }, { "frame": 74, "value": 1297.7, "easing": "linear" }, { "frame": 75, "value": 1302.2, "easing": "linear" }, { "frame": 76, "value": 1308.2, "easing": "linear" }, { "frame": 77, "value": 1322.2, "easing": "linear" }, { "frame": 78, "value": 1333.7, "easing": "linear" }, { "frame": 79, "value": 1351.2, "easing": "linear" }, { "frame": 80, "value": 1359.7, "easing": "linear" }, { "frame": 81, "value": 1370.7, "easing": "linear" }, { "frame": 82, "value": 1374.7, "easing": "linear" }, { "frame": 83, "value": 1381.2, "easing": "linear" }, { "frame": 84, "value": 1384.2, "easing": "linear" }, { "frame": 85, "value": 1385.7, "easing": "linear" }, { "frame": 86, "value": 1386.7, "easing": "linear" }, { "frame": 87, "value": 1386.7, "easing": "linear" }, { "frame": 88, "value": 1386.7, "easing": "linear" }, { "frame": 94, "value": 1386.7, "easing": "linear" }, { "frame": 95, "value": 1371, "easing": "linear" }, { "frame": 96, "value": 1334, "easing": "linear" }, { "frame": 97, "value": 1234, "easing": "linear" }, { "frame": 98, "value": 1156, "easing": "linear" }, { "frame": 99, "value": 1046.5, "easing": "linear" }, { "frame": 100, "value": 985.5, "easing": "linear" }, { "frame": 101, "value": 913, "easing": "linear" }, { "frame": 102, "value": 876.5, "easing": "linear" }, { "frame": 103, "value": 838.5, "easing": "linear" }, { "frame": 104, "value": 821, "easing": "linear" }, { "frame": 105, "value": 803, "easing": "linear" }, { "frame": 106, "value": 794, "easing": "linear" }, { "frame": 107, "value": 788, "easing": "linear" }, { "frame": 108, "value": 786, "easing": "linear" }, { "frame": 109, "value": 786, "easing": "linear" }, { "frame": 110, "value": 785, "easing": "linear" }, { "frame": 111, "value": 785, "easing": "linear" }, { "frame": 112, "value": 784, "easing": "linear" }, { "frame": 114, "value": 784, "easing": "linear" }, { "frame": 117, "value": 784, "easing": "linear" }, { "frame": 118, "value": 782, "easing": "linear" }, { "frame": 119, "value": 783.7, "easing": "linear" }, { "frame": 120, "value": 779.7, "easing": "linear" }, { "frame": 121, "value": 773.7, "easing": "linear" } ], "y": [ { "frame": 0, "value": 35.3, "easing": "linear" }, { "frame": 1, "value": 34.3, "easing": "linear" }, { "frame": 2, "value": 33.3, "easing": "linear" }, { "frame": 4, "value": 34.3, "easing": "linear" }, { "frame": 14, "value": 34.3, "easing": "linear" }, { "frame": 15, "value": 43, "easing": "linear" }, { "frame": 16, "value": 91, "easing": "linear" }, { "frame": 17, "value": 238, "easing": "linear" }, { "frame": 18, "value": 355, "easing": "linear" }, { "frame": 19, "value": 504, "easing": "linear" }, { "frame": 20, "value": 587, "easing": "linear" }, { "frame": 21, "value": 675, "easing": "linear" }, { "frame": 22, "value": 726, "easing": "linear" }, { "frame": 23, "value": 777, "easing": "linear" }, { "frame": 24, "value": 799, "easing": "linear" }, { "frame": 25, "value": 805.3, "easing": "linear" }, { "frame": 26, "value": 808.3, "easing": "linear" }, { "frame": 27, "value": 808.3, "easing": "linear" }, { "frame": 30, "value": 807.3, "easing": "linear" }, { "frame": 46, "value": 807.3, "easing": "linear" }, { "frame": 47, "value": 807.3, "easing": "linear" }, { "frame": 53, "value": 807.3, "easing": "linear" }, { "frame": 54, "value": 806.3, "easing": "linear" }, { "frame": 55, "value": 796, "easing": "linear" }, { "frame": 56, "value": 774, "easing": "linear" }, { "frame": 57, "value": 692, "easing": "linear" }, { "frame": 58, "value": 617, "easing": "linear" }, { "frame": 59, "value": 508, "easing": "linear" }, { "frame": 60, "value": 451, "easing": "linear" }, { "frame": 61, "value": 387, "easing": "linear" }, { "frame": 62, "value": 354, "easing": "linear" }, { "frame": 63, "value": 324.3, "easing": "linear" }, { "frame": 64, "value": 304.3, "easing": "linear" }, { "frame": 65, "value": 282.3, "easing": "linear" }, { "frame": 66, "value": 270.3, "easing": "linear" }, { "frame": 67, "value": 259.3, "easing": "linear" }, { "frame": 68, "value": 253.3, "easing": "linear" }, { "frame": 69, "value": 249.3, "easing": "linear" }, { "frame": 70, "value": 246.3, "easing": "linear" }, { "frame": 71, "value": 244.3, "easing": "linear" }, { "frame": 72, "value": 244.3, "easing": "linear" }, { "frame": 73, "value": 243.3, "easing": "linear" }, { "frame": 74, "value": 242.3, "easing": "linear" }, { "frame": 75, "value": 237.3, "easing": "linear" }, { "frame": 76, "value": 231.3, "easing": "linear" }, { "frame": 77, "value": 215.3, "easing": "linear" }, { "frame": 78, "value": 193.3, "easing": "linear" }, { "frame": 79, "value": 152.3, "easing": "linear" }, { "frame": 80, "value": 124.3, "easing": "linear" }, { "frame": 81, "value": 95.3, "easing": "linear" }, { "frame": 82, "value": 79.3, "easing": "linear" }, { "frame": 83, "value": 61.3, "easing": "linear" }, { "frame": 84, "value": 52.3, "easing": "linear" }, { "frame": 85, "value": 44.3, "easing": "linear" }, { "frame": 86, "value": 42.3, "easing": "linear" }, { "frame": 87, "value": 41.3, "easing": "linear" }, { "frame": 88, "value": 42.3, "easing": "linear" }, { "frame": 94, "value": 42.3, "easing": "linear" }, { "frame": 95, "value": 55, "easing": "linear" }, { "frame": 96, "value": 86, "easing": "linear" }, { "frame": 97, "value": 194, "easing": "linear" }, { "frame": 98, "value": 302, "easing": "linear" }, { "frame": 99, "value": 464.5, "easing": "linear" }, { "frame": 100, "value": 559, "easing": "linear" }, { "frame": 101, "value": 670.5, "easing": "linear" }, { "frame": 102, "value": 725.5, "easing": "linear" }, { "frame": 103, "value": 783.5, "easing": "linear" }, { "frame": 104, "value": 809.5, "easing": "linear" }, { "frame": 105, "value": 836, "easing": "linear" }, { "frame": 106, "value": 848, "easing": "linear" }, { "frame": 107, "value": 859, "easing": "linear" }, { "frame": 108, "value": 863, "easing": "linear" }, { "frame": 109, "value": 864, "easing": "linear" }, { "frame": 110, "value": 864, "easing": "linear" }, { "frame": 111, "value": 864, "easing": "linear" }, { "frame": 112, "value": 864, "easing": "linear" }, { "frame": 114, "value": 864, "easing": "linear" }, { "frame": 117, "value": 864, "easing": "linear" }, { "frame": 118, "value": 865, "easing": "linear" }, { "frame": 119, "value": 866.3, "easing": "linear" }, { "frame": 120, "value": 872.3, "easing": "linear" }, { "frame": 121, "value": 884.3, "easing": "linear" } ], "width": 40, "height": 48, "exposure": { "samples": 41, "shutterFrames": [ { "frame": 0, "value": 0, "easing": "linear" }, { "frame": 14, "value": 0, "easing": "linear" }, { "frame": 15, "value": 0.3, "easing": "linear" }, { "frame": 16, "value": 0.35, "easing": "linear" }, { "frame": 18, "value": 0.35, "easing": "linear" }, { "frame": 20, "value": 0.38, "easing": "linear" }, { "frame": 22, "value": 0.35, "easing": "linear" }, { "frame": 24, "value": 0.3, "easing": "linear" }, { "frame": 25, "value": 0, "easing": "linear" }, { "frame": 53, "value": 0, "easing": "linear" }, { "frame": 54, "value": 0.1, "easing": "linear" }, { "frame": 55, "value": 0.3, "easing": "linear" }, { "frame": 57, "value": 0.35, "easing": "linear" }, { "frame": 60, "value": 0.4, "easing": "linear" }, { "frame": 62, "value": 0.4, "easing": "linear" }, { "frame": 63, "value": 0.485, "easing": "linear" }, { "frame": 64, "value": 0.45, "easing": "linear" }, { "frame": 68, "value": 0.2, "easing": "linear" }, { "frame": 71, "value": 0, "easing": "linear" }, { "frame": 74, "value": 0, "easing": "linear" }, { "frame": 76, "value": 0.2, "easing": "linear" }, { "frame": 79, "value": 0.6, "easing": "linear" }, { "frame": 81, "value": 0.5, "easing": "linear" }, { "frame": 84, "value": 0.2, "easing": "linear" }, { "frame": 86, "value": 0, "easing": "linear" }, { "frame": 94, "value": 0, "easing": "linear" }, { "frame": 95, "value": 0.3, "easing": "linear" }, { "frame": 96, "value": 0.35, "easing": "linear" }, { "frame": 97, "value": 0.4, "easing": "linear" }, { "frame": 99, "value": 0.4, "easing": "linear" }, { "frame": 101, "value": 0.4, "easing": "linear" }, { "frame": 104, "value": 0.4, "easing": "linear" }, { "frame": 106, "value": 0.3, "easing": "linear" }, { "frame": 107, "value": 0.15, "easing": "linear" }, { "frame": 108, "value": 0, "easing": "linear" }, { "frame": 118, "value": 0, "easing": "linear" }, { "frame": 119, "value": 0.1, "easing": "linear" }, { "frame": 120, "value": 0.3, "easing": "linear" }, { "frame": 121, "value": 0.45, "easing": "linear" } ] }, "children": [ { "kind": "path", "id": "relay-arrow-before-selection-halo", "start": 0, "end": 97, "slot": "arrowPath", "viewBox": [ 0, 0, 24, 30 ], "width": 32, "height": 40, "fill": "#111111", "stroke": "#111111", "strokeWidth": 2.4, "scaleY": 1.05, "origin": [ 4.3, 5.7 ], "blur": 1.3, "opacity": 0.22, "y": 1.6 }, { "kind": "path", "id": "third-option-hand-halo", "start": 97, "end": 119, "slot": "handPath", "viewBox": [ 0, 0, 26, 32 ], "width": 37, "height": 46, "fill": "#111111", "stroke": "#111111", "strokeWidth": 2.4, "x": -8, "y": -2, "scaleX": [ { "frame": 97, "value": 1, "easing": "linear" }, { "frame": 106, "value": 1, "easing": "linear" }, { "frame": 108, "value": 0.88, "easing": "linear" }, { "frame": 110, "value": 0.88, "easing": "linear" }, { "frame": 114, "value": 1, "easing": "linear" } ], "scaleY": [ { "frame": 97, "value": 1, "easing": "linear" }, { "frame": 106, "value": 1, "easing": "linear" }, { "frame": 108, "value": 0.88, "easing": "linear" }, { "frame": 110, "value": 0.88, "easing": "linear" }, { "frame": 114, "value": 1, "easing": "linear" } ], "origin": [ 4, 1 ], "blur": 1.3, "opacity": 0.22 }, { "kind": "path", "id": "relay-arrow-to-continue-halo", "start": 119, "end": 122, "slot": "arrowPath", "viewBox": [ 0, 0, 24, 30 ], "width": 32, "height": 40, "fill": "#111111", "stroke": "#111111", "strokeWidth": 2.4, "scaleY": 1.05, "origin": [ 4.3, 5.7 ], "blur": 1.3, "opacity": 0.22, "y": 1.6 }, { "kind": "path", "id": "relay-arrow-before-selection", "start": 0, "end": 97, "slot": "arrowPath", "viewBox": [ 0, 0, 24, 30 ], "width": 32, "height": 40, "fill": "#050505", "stroke": "#ffffff", "strokeWidth": 1.8, "scaleY": 1.05, "origin": [ 4.3, 5.7 ], "blur": [ { "frame": 0, "value": 0.12, "easing": "linear" }, { "frame": 14, "value": 0.12, "easing": "linear" }, { "frame": 15, "value": 0.65, "easing": "linear" }, { "frame": 16, "value": 1.1, "easing": "linear" }, { "frame": 19, "value": 1.1, "easing": "linear" }, { "frame": 22, "value": 0.65, "easing": "linear" }, { "frame": 25, "value": 0.12, "easing": "linear" }, { "frame": 54, "value": 0.12, "easing": "linear" }, { "frame": 57, "value": 0.45, "easing": "linear" }, { "frame": 62, "value": 0.2, "easing": "linear" }, { "frame": 71, "value": 0.12, "easing": "linear" }, { "frame": 94, "value": 0.12, "easing": "linear" }, { "frame": 95, "value": 0.6, "easing": "linear" }, { "frame": 97, "value": 0.8, "easing": "linear" }, { "frame": 101, "value": 0.7, "easing": "linear" }, { "frame": 105, "value": 0.4, "easing": "linear" }, { "frame": 108, "value": 0.12, "easing": "linear" }, { "frame": 121, "value": 0.12, "easing": "linear" } ], "opacity": [ { "frame": 0, "value": 1, "easing": "linear" }, { "frame": 14, "value": 1, "easing": "linear" }, { "frame": 15, "value": 0.8, "easing": "linear" }, { "frame": 16, "value": 0.55, "easing": "linear" }, { "frame": 17, "value": 0.45, "easing": "linear" }, { "frame": 18, "value": 0.45, "easing": "linear" }, { "frame": 19, "value": 0.55, "easing": "linear" }, { "frame": 20, "value": 0.6, "easing": "linear" }, { "frame": 21, "value": 0.75, "easing": "linear" }, { "frame": 22, "value": 0.85, "easing": "linear" }, { "frame": 23, "value": 0.9, "easing": "linear" }, { "frame": 24, "value": 0.95, "easing": "linear" }, { "frame": 25, "value": 1, "easing": "linear" }, { "frame": 54, "value": 1, "easing": "linear" }, { "frame": 55, "value": 0.9, "easing": "linear" }, { "frame": 56, "value": 0.8, "easing": "linear" }, { "frame": 57, "value": 0.75, "easing": "linear" }, { "frame": 59, "value": 0.7, "easing": "linear" }, { "frame": 60, "value": 0.85, "easing": "linear" }, { "frame": 62, "value": 1, "easing": "linear" }, { "frame": 94, "value": 1, "easing": "linear" }, { "frame": 95, "value": 0.75, "easing": "linear" }, { "frame": 96, "value": 0.65, "easing": "linear" }, { "frame": 97, "value": 0.5, "easing": "linear" }, { "frame": 98, "value": 0.45, "easing": "linear" }, { "frame": 99, "value": 0.45, "easing": "linear" }, { "frame": 100, "value": 0.55, "easing": "linear" }, { "frame": 101, "value": 0.65, "easing": "linear" }, { "frame": 102, "value": 0.75, "easing": "linear" }, { "frame": 103, "value": 0.85, "easing": "linear" }, { "frame": 104, "value": 0.9, "easing": "linear" }, { "frame": 105, "value": 0.95, "easing": "linear" }, { "frame": 106, "value": 1, "easing": "linear" }, { "frame": 121, "value": 1, "easing": "linear" } ], "y": 1.6 }, { "kind": "path", "id": "third-option-hand", "start": 97, "end": 119, "slot": "handPath", "viewBox": [ 0, 0, 26, 32 ], "width": 37, "height": 46, "fill": "#ffffff", "stroke": "#111111", "strokeWidth": 1.7, "x": -8, "y": -2, "scaleX": [ { "frame": 97, "value": 1, "easing": "linear" }, { "frame": 106, "value": 1, "easing": "linear" }, { "frame": 108, "value": 0.88, "easing": "linear" }, { "frame": 110, "value": 0.88, "easing": "linear" }, { "frame": 114, "value": 1, "easing": "linear" } ], "scaleY": [ { "frame": 97, "value": 1, "easing": "linear" }, { "frame": 106, "value": 1, "easing": "linear" }, { "frame": 108, "value": 0.88, "easing": "linear" }, { "frame": 110, "value": 0.88, "easing": "linear" }, { "frame": 114, "value": 1, "easing": "linear" } ], "origin": [ 4, 1 ], "blur": [ { "frame": 0, "value": 0.12, "easing": "linear" }, { "frame": 14, "value": 0.12, "easing": "linear" }, { "frame": 15, "value": 0.65, "easing": "linear" }, { "frame": 16, "value": 1.1, "easing": "linear" }, { "frame": 19, "value": 1.1, "easing": "linear" }, { "frame": 22, "value": 0.65, "easing": "linear" }, { "frame": 25, "value": 0.12, "easing": "linear" }, { "frame": 54, "value": 0.12, "easing": "linear" }, { "frame": 57, "value": 0.45, "easing": "linear" }, { "frame": 62, "value": 0.2, "easing": "linear" }, { "frame": 71, "value": 0.12, "easing": "linear" }, { "frame": 94, "value": 0.12, "easing": "linear" }, { "frame": 95, "value": 0.6, "easing": "linear" }, { "frame": 97, "value": 0.8, "easing": "linear" }, { "frame": 101, "value": 0.7, "easing": "linear" }, { "frame": 105, "value": 0.4, "easing": "linear" }, { "frame": 108, "value": 0.12, "easing": "linear" }, { "frame": 121, "value": 0.12, "easing": "linear" } ], "opacity": [ { "frame": 0, "value": 1, "easing": "linear" }, { "frame": 14, "value": 1, "easing": "linear" }, { "frame": 15, "value": 0.8, "easing": "linear" }, { "frame": 16, "value": 0.55, "easing": "linear" }, { "frame": 17, "value": 0.45, "easing": "linear" }, { "frame": 18, "value": 0.45, "easing": "linear" }, { "frame": 19, "value": 0.55, "easing": "linear" }, { "frame": 20, "value": 0.6, "easing": "linear" }, { "frame": 21, "value": 0.75, "easing": "linear" }, { "frame": 22, "value": 0.85, "easing": "linear" }, { "frame": 23, "value": 0.9, "easing": "linear" }, { "frame": 24, "value": 0.95, "easing": "linear" }, { "frame": 25, "value": 1, "easing": "linear" }, { "frame": 54, "value": 1, "easing": "linear" }, { "frame": 55, "value": 0.9, "easing": "linear" }, { "frame": 56, "value": 0.8, "easing": "linear" }, { "frame": 57, "value": 0.75, "easing": "linear" }, { "frame": 59, "value": 0.7, "easing": "linear" }, { "frame": 60, "value": 0.85, "easing": "linear" }, { "frame": 62, "value": 1, "easing": "linear" }, { "frame": 94, "value": 1, "easing": "linear" }, { "frame": 95, "value": 0.75, "easing": "linear" }, { "frame": 96, "value": 0.65, "easing": "linear" }, { "frame": 97, "value": 0.5, "easing": "linear" }, { "frame": 98, "value": 0.45, "easing": "linear" }, { "frame": 99, "value": 0.45, "easing": "linear" }, { "frame": 100, "value": 0.55, "easing": "linear" }, { "frame": 101, "value": 0.65, "easing": "linear" }, { "frame": 102, "value": 0.75, "easing": "linear" }, { "frame": 103, "value": 0.85, "easing": "linear" }, { "frame": 104, "value": 0.9, "easing": "linear" }, { "frame": 105, "value": 0.95, "easing": "linear" }, { "frame": 106, "value": 1, "easing": "linear" }, { "frame": 121, "value": 1, "easing": "linear" } ] }, { "kind": "path", "id": "relay-arrow-to-continue", "start": 119, "end": 122, "slot": "arrowPath", "viewBox": [ 0, 0, 24, 30 ], "width": 32, "height": 40, "fill": "#050505", "stroke": "#ffffff", "strokeWidth": 1.8, "scaleY": 1.05, "origin": [ 4.3, 5.7 ], "blur": [ { "frame": 0, "value": 0.12, "easing": "linear" }, { "frame": 14, "value": 0.12, "easing": "linear" }, { "frame": 15, "value": 0.65, "easing": "linear" }, { "frame": 16, "value": 1.1, "easing": "linear" }, { "frame": 19, "value": 1.1, "easing": "linear" }, { "frame": 22, "value": 0.65, "easing": "linear" }, { "frame": 25, "value": 0.12, "easing": "linear" }, { "frame": 54, "value": 0.12, "easing": "linear" }, { "frame": 57, "value": 0.45, "easing": "linear" }, { "frame": 62, "value": 0.2, "easing": "linear" }, { "frame": 71, "value": 0.12, "easing": "linear" }, { "frame": 94, "value": 0.12, "easing": "linear" }, { "frame": 95, "value": 0.6, "easing": "linear" }, { "frame": 97, "value": 0.8, "easing": "linear" }, { "frame": 101, "value": 0.7, "easing": "linear" }, { "frame": 105, "value": 0.4, "easing": "linear" }, { "frame": 108, "value": 0.12, "easing": "linear" }, { "frame": 121, "value": 0.12, "easing": "linear" } ], "opacity": [ { "frame": 0, "value": 1, "easing": "linear" }, { "frame": 14, "value": 1, "easing": "linear" }, { "frame": 15, "value": 0.8, "easing": "linear" }, { "frame": 16, "value": 0.55, "easing": "linear" }, { "frame": 17, "value": 0.45, "easing": "linear" }, { "frame": 18, "value": 0.45, "easing": "linear" }, { "frame": 19, "value": 0.55, "easing": "linear" }, { "frame": 20, "value": 0.6, "easing": "linear" }, { "frame": 21, "value": 0.75, "easing": "linear" }, { "frame": 22, "value": 0.85, "easing": "linear" }, { "frame": 23, "value": 0.9, "easing": "linear" }, { "frame": 24, "value": 0.95, "easing": "linear" }, { "frame": 25, "value": 1, "easing": "linear" }, { "frame": 54, "value": 1, "easing": "linear" }, { "frame": 55, "value": 0.9, "easing": "linear" }, { "frame": 56, "value": 0.8, "easing": "linear" }, { "frame": 57, "value": 0.75, "easing": "linear" }, { "frame": 59, "value": 0.7, "easing": "linear" }, { "frame": 60, "value": 0.85, "easing": "linear" }, { "frame": 62, "value": 1, "easing": "linear" }, { "frame": 94, "value": 1, "easing": "linear" }, { "frame": 95, "value": 0.75, "easing": "linear" }, { "frame": 96, "value": 0.65, "easing": "linear" }, { "frame": 97, "value": 0.5, "easing": "linear" }, { "frame": 98, "value": 0.45, "easing": "linear" }, { "frame": 99, "value": 0.45, "easing": "linear" }, { "frame": 100, "value": 0.55, "easing": "linear" }, { "frame": 101, "value": 0.65, "easing": "linear" }, { "frame": 102, "value": 0.75, "easing": "linear" }, { "frame": 103, "value": 0.85, "easing": "linear" }, { "frame": 104, "value": 0.9, "easing": "linear" }, { "frame": 105, "value": 0.95, "easing": "linear" }, { "frame": 106, "value": 1, "easing": "linear" }, { "frame": 121, "value": 1, "easing": "linear" } ], "y": 1.6 } ] }, { "kind": "rect", "id": "disclosure-back", "start": 0, "end": 122, "x": 18, "y": 1038, "width": 254, "height": 28, "radius": 5, "fill": "#ffffff", "opacity": 0.9 }, { "kind": "text", "id": "disclosure", "start": 0, "end": 122, "slot": "disclosure", "x": 29, "y": 1044, "width": 232, "height": 19, "fontSize": 13, "weight": 600, "lineHeight": 1.25, "color": "#292d31" } ], "inspection": { "method": "Draft authoring from hash-bound native-frame source contacts, source-PTS ledger, larger anchors and bounded headless playback checks. No treatment render or fresh fidelity pass is claimed.", "limits": [ "Editable text layout does not reproduce native form density automatically; original state plates or constrained layouts are required.", "No measured scrim alpha or native-font match is supplied by the API; both remain fresh-review work.", "Source excerpt playback had headless limitations; source transitions were inspected through labelled native contacts. Source contacts do not approve rendered motion.", "Geometry marked estimate remains a fit target; new original text, symbols and required disclosure differ intentionally." ], "boundaryFrames": [ 0, 3, 4, 25, 26, 27, 46, 47, 74, 75, 76, 77, 86, 87, 88, 105, 106, 107, 108, 109, 110, 118, 119, 121 ], "intermediateFrames": [ 12, 16, 20, 35, 48, 55, 60, 61, 62, 63, 64, 65, 66, 67, 68, 69, 70, 71, 72, 73, 78, 79, 80, 81, 82, 83, 84, 85, 94, 100, 101, 102, 103, 104, 112, 115, 120 ], "sourceEvidence": [ "../research/interface/evidence/interface-04/source.mp4", "../research/interface/evidence/interface-04-native.jpg", "../research/interface/evidence/interface-04-anchors.jpg", "../research/interface/evidence/extraction-ledger.json", "../research/interface/evidence/geometry-measurements.json" ] } }, "content": { "disclosure": "ILLUSTRATED UI · NOT POE", "desktop": { "kind": "image", "path": "art/codex-modal-relay/desktop-default.svg", "width": 1920, "height": 1080, "rights": "Original illustrated study artwork authored for this library; no source footage, screenshots, brand marks or demo data. SVG glyphs outlined from local Geist under SIL OFL 1.1; local FONT-LICENSE.txt. No font bytes or remote resources in SVGs. Not real Poe UI." }, "workspaceBefore": { "kind": "image", "path": "art/codex-modal-relay/workspace-r04-default-before.svg", "width": 1720, "height": 1080, "rights": "Original illustrated study artwork authored for this library; no source footage, screenshots, brand marks or demo data. SVG glyphs outlined from local Geist under SIL OFL 1.1; local FONT-LICENSE.txt. No font bytes or remote resources in SVGs. Not real Poe UI." }, "workspaceAfter": { "kind": "image", "path": "art/codex-modal-relay/workspace-r04-default-after.svg", "width": 1720, "height": 1080, "rights": "Original illustrated study artwork authored for this library; no source footage, screenshots, brand marks or demo data. SVG glyphs outlined from local Geist under SIL OFL 1.1; local FONT-LICENSE.txt. No font bytes or remote resources in SVGs. Not real Poe UI." }, "firstTitle": "Create a working copy", "firstBody": "This copy keeps the original notes intact.\nUse this separate draft for the team review.\nThe source document will remain unchanged.", "nameLabel": "Copy name", "prefixHint": "Set prefix", "copyName": "workshop/review-session-outline", "firstAction": "Continue", "progress": "Preparing the working copy", "progressSubline": "Keeping the original notes unchanged…", "successTitle": "Working copy ready", "successBody": "Your separate review copy is ready.", "copyNameShort": "workshop/review-session-…", "nextHeading": "Next steps", "successSteps": "• Review the notes in this working copy\n and keep the original version unchanged", "successFoot": "• Save a separate copy when ready.", "closeAction": "Close", "secondTitle": "Save your changes", "changesLabel": "Changes", "changeCount": "1 note +17 -2", "toggleLabel": "Include review notes", "summaryLabel": "Review message", "summaryPlaceholder": "Add a short note to describe this review for\nyour team.", "option1": "Save a copy", "option2": "Save and share", "option3": "Save and open review", "saveAction": "Continue", "arrowPath": "M2 2L2 23Q2 24 3 23.3L8 19.4L12 27.5Q12.7 29 14.2 28.2L16.4 27Q17.5 26.4 16.8 25.2L12.7 17.5L19.5 17.5Q20.9 17.5 19.9 16.5L3.2 1.3Q2 .5 2 2Z", "handPath": "M7 15V3C7 0 11 0 11 3V11C11 8 15 8 15 11V12C15 9 19 10 19 13C20 11 23 13 23 15V22L19 29H10L4 21C1 17 4 14 7 18Z" }, "holdBeforeFrames": 0, "holdAfterFrames": 0 }, "inputs": { "disclosure": "ILLUSTRATED UI · NOT POE", "desktop": { "kind": "image", "path": "art/codex-modal-relay/desktop-default.svg", "width": 1920, "height": 1080, "rights": "Original illustrated study artwork authored for this library; no source footage, screenshots, brand marks or demo data. SVG glyphs outlined from local Geist under SIL OFL 1.1; local FONT-LICENSE.txt. No font bytes or remote resources in SVGs. Not real Poe UI." }, "workspaceBefore": { "kind": "image", "path": "art/codex-modal-relay/workspace-r04-default-before.svg", "width": 1720, "height": 1080, "rights": "Original illustrated study artwork authored for this library; no source footage, screenshots, brand marks or demo data. SVG glyphs outlined from local Geist under SIL OFL 1.1; local FONT-LICENSE.txt. No font bytes or remote resources in SVGs. Not real Poe UI." }, "workspaceAfter": { "kind": "image", "path": "art/codex-modal-relay/workspace-r04-default-after.svg", "width": 1720, "height": 1080, "rights": "Original illustrated study artwork authored for this library; no source footage, screenshots, brand marks or demo data. SVG glyphs outlined from local Geist under SIL OFL 1.1; local FONT-LICENSE.txt. No font bytes or remote resources in SVGs. Not real Poe UI." }, "firstTitle": "Create a working copy", "firstBody": "This copy keeps the original notes intact.\nUse this separate draft for the team review.\nThe source document will remain unchanged.", "nameLabel": "Copy name", "prefixHint": "Set prefix", "copyName": "workshop/review-session-outline", "firstAction": "Continue", "progress": "Preparing the working copy", "progressSubline": "Keeping the original notes unchanged…", "successTitle": "Working copy ready", "successBody": "Your separate review copy is ready.", "copyNameShort": "workshop/review-session-…", "nextHeading": "Next steps", "successSteps": "• Review the notes in this working copy\n and keep the original version unchanged", "successFoot": "• Save a separate copy when ready.", "closeAction": "Close", "secondTitle": "Save your changes", "changesLabel": "Changes", "changeCount": "1 note +17 -2", "toggleLabel": "Include review notes", "summaryLabel": "Review message", "summaryPlaceholder": "Add a short note to describe this review for\nyour team.", "option1": "Save a copy", "option2": "Save and share", "option3": "Save and open review", "saveAction": "Continue", "arrowPath": "M2 2L2 23Q2 24 3 23.3L8 19.4L12 27.5Q12.7 29 14.2 28.2L16.4 27Q17.5 26.4 16.8 25.2L12.7 17.5L19.5 17.5Q20.9 17.5 19.9 16.5L3.2 1.3Q2 .5 2 2Z", "handPath": "M7 15V3C7 0 11 0 11 3V11C11 8 15 8 15 11V12C15 9 19 10 19 13C20 11 23 13 23 15V22L19 29H10L4 21C1 17 4 14 7 18Z" } } }, "archives": [ { "path": "assets/codex-modal-relay/assets-001.zip", "bytes": 2602650, "sha256": "03ea74a222487bb61a2c13e408c1f0a9a6f19d054b14c9f32592675bce06832b", "members": [ { "path": "project/public/art/codex-modal-relay/desktop-adaptation.svg", "bytes": 938, "sha256": "701e110d5f01c4f30c223b3814bb4a8c7615c0c8fd1d9849a1364edc59d568ee" }, { "path": "project/public/art/codex-modal-relay/desktop-default.svg", "bytes": 938, "sha256": "ddbafa343e6225d3db695138c00f973588a4df260eba9eb6d8e7188573a9b8f6" }, { "path": "project/public/art/codex-modal-relay/workspace-r04-adaptation-after.svg", "bytes": 647983, "sha256": "0ac4af34efb9d8be4fa8444243a5cd92f804f4ac25361fd44710f1122bd4ec49" }, { "path": "project/public/art/codex-modal-relay/workspace-r04-adaptation-before.svg", "bytes": 657405, "sha256": "0534b6433eb757db7d7b2ac140fe49bd20b44ccf2a441ba3a81cf99338b69f47" }, { "path": "project/public/art/codex-modal-relay/workspace-r04-default-after.svg", "bytes": 642348, "sha256": "3bece8b343c72d003fcd09a4bb292fcb052e7a109e428c0cb212d5442ae00f90" }, { "path": "project/public/art/codex-modal-relay/workspace-r04-default-before.svg", "bytes": 651770, "sha256": "bd814d3c777c99bd95c13d7d5eb580e513b3b9497ab6a9101736d1b7f0914bea" } ] } ], "sharedFilesInCore": [ "project/public/fonts/Geist.ttf", "project/public/fonts/OFL.txt" ], "layout": "Merge every archive into one project/ folder; no original file is split.", "limits": [ "Selected render binding values are exact, not newly verified renders.", "Source film, review diagnostics and rendered movies are not runtime assets or included downloads.", "The download does not grant fidelity approval or completion credit." ] }