{ "schemaVersion": 1, "recipeId": "agent-task-card-explanation", "status": "draft", "completed": false, "nativeIndex": { "path": "evidence/native-packages-first20-review03/agent-task-card-explanation/index.json", "bytes": 211092, "sha256": "17d87f3f9e403056726d4b65986342844c4d79ddbc2b7c861acec538f582df75" }, "source": { "endFrameExclusive": 1450, "film": "A Look at ChatGPT agent", "fps": { "denominator": 1, "numerator": 60 }, "height": 1080, "sha256": "f39beb96507b79d3779d339fb923ac1d0c5ad74f145295ec0c86d8b333e68391", "startFrame": 1156, "url": "https://www.youtube.com/watch?v=2wzGS_WUZYQ", "width": 1920 }, "boundProjectFiles": [ { "bytes": 140230, "path": "project/package-lock.json", "sha256": "d49a849f7eb399e171ed709b67e00e96104f1116e571c96e6e94952e14110922" }, { "bytes": 928, "path": "project/package.json", "sha256": "78bbb94c56da3bfd012607ca3ba88e063ee2a280a65ae6d99175cbe50b1e34fb" }, { "bytes": 1027, "path": "project/public/art/agent-task-card-explanation/field-r04-base-adaptation.svg", "sha256": "3b93579e2b078d119b170bada17ab01d485a4a7a3906530a74538e74f399ec51" }, { "bytes": 1027, "path": "project/public/art/agent-task-card-explanation/field-r04-base-default.svg", "sha256": "22a14a993caaf53e406e1108e5ca9411da4187e5b69299ffdfad2b34e8271973" }, { "bytes": 2490, "path": "project/public/art/agent-task-card-explanation/field-r04-folds-adaptation.svg", "sha256": "ca8b42849defbe1505ef992ddb9156cb8366babc9422a472230ebd17b1592968" }, { "bytes": 2490, "path": "project/public/art/agent-task-card-explanation/field-r04-folds-default.svg", "sha256": "9463e8e9309a7aeb9a1f578a6795651573c6703f7e5e74b51bce0567fcfa1408" }, { "bytes": 1097, "path": "project/public/art/agent-task-card-explanation/field-r04-mist-adaptation.svg", "sha256": "4e944bf8f46f1ebb485270cbabac0e9fa82d0ec2aeff05f6a13bfc8462bec7b1" }, { "bytes": 1097, "path": "project/public/art/agent-task-card-explanation/field-r04-mist-default.svg", "sha256": "4289fa5e98aa1c26fe8ea8f37dfe7ff2b9b525601e05ea1b4bf9aa77d35ecc9c" }, { "bytes": 755, "path": "project/public/art/agent-task-card-explanation/shimmer-r04.svg", "sha256": "a709cd8d7da14999a8dee6b1faec13c4ebaf81ece86e557db60121ee49078c1c" }, { "bytes": 1022, "path": "project/public/art/agent-task-card-explanation/symbol-agenda-adaptation.svg", "sha256": "e070fb0211268d7852f06dd9d5144e9ad462ed33e09bb770a6567039b4c9d6da" }, { "bytes": 1022, "path": "project/public/art/agent-task-card-explanation/symbol-agenda-default.svg", "sha256": "d2b5508a04300ce41d9573065a6c5466c4cb44aee137aa3972a7d6b25582032b" }, { "bytes": 774, "path": "project/public/art/agent-task-card-explanation/symbol-notes-adaptation.svg", "sha256": "e1f0db6ddeb1f2601861607c5e1f34397ff26d84c22be024050bea39821cc9d2" }, { "bytes": 774, "path": "project/public/art/agent-task-card-explanation/symbol-notes-default.svg", "sha256": "6adc8cbc6525d8c87d99037b6013567c90dbe73a353bec91e6a5aac82f7dbaf0" }, { "bytes": 169056, "path": "project/public/fonts/Geist.ttf", "sha256": "73894e0448cae90a92b6c2f8732b7bb9acb7b94c418bff559dad4a18e1de9659" }, { "bytes": 130881, "path": "project/recipes/agent-task-card-explanation.json", "sha256": "28c76fdbbc025361bde3249716491b040fb8ec75c066b6f4b6090bbaa8d52239" }, { "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": "e76fc972c1d089f66efa77f9ae38effdd05b585bcd2cab8cf6b8f3377087125d", "implementationDigest": "d8b9486d145a3c5c2eb163dba433e958b8310df238f13f0c354452a67f35cf22", "inputPropsSha256": "edab430ec66f97cf2da24cc44171eb3a9a24268999f5c35192f03d3f22a40fd3", "manifest": { "bytes": 338956, "path": "renders/agent-task-card-explanation/review01/adaptation.manifest.json", "sha256": "6205fb831650e0a465e16b0a45ad49daed72125091f0eb362df1eb9aad9ec680" }, "movie": { "bytes": 1575560, "path": "renders/agent-task-card-explanation/review01/adaptation.mp4", "sha256": "bff839246669a24dc86fd96308473618d1f60ac05a790859d586bb763a7bce06" } }, "default": { "bindingSha256": "887b3c306d855a65f2475e888ce6af9ee66e102d3c950cb179a486e1d81d067b", "implementationDigest": "d8b9486d145a3c5c2eb163dba433e958b8310df238f13f0c354452a67f35cf22", "inputPropsSha256": "1d09d62a1aed3839ecc00f404b01247750ce80f42a3d5f5e2d8a0243a00ad807", "manifest": { "bytes": 338828, "path": "renders/agent-task-card-explanation/review01/original.manifest.json", "sha256": "ce1076cea30803589310897b97b90d76d3dc1be54da85bd2263ea83efe402806" }, "movie": { "bytes": 1578993, "path": "renders/agent-task-card-explanation/review01/original.mp4", "sha256": "44b255b6ba153e90fc72f027e49ca1d732349e625aad9f4ec642c1541c0e5729" } } }, "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/agent-task-card-explanation.json", "sha256": "28c76fdbbc025361bde3249716491b040fb8ec75c066b6f4b6090bbaa8d52239" }, "inputSource": { "kind": "variant", "variant": "adaptation" }, "inputProps": { "recipe": { "schemaVersion": 1, "id": "agent-task-card-explanation", "title": "Quiet task card, drifting field, delayed attached explanation", "description": "DRAFT — A foreground card grows vertically and settles while the blurred colored background continues drifting; a pointer-attached explanation types out later, then the central icon changes through a narrow silhouette without moving the card. Original illustrated UI, not real Poe; not fidelity-approved.", "families": [ "layered", "overlay", "interface" ], "intents": [ "A foreground card grows vertically and settles while the blurred colored background continues drifting; a pointer-attached explanation types out later, then the central icon changes through a narrow silhouette without moving the card." ], "tags": [ "draft", "original-illustration", "not-poe", "interface-05" ], "distinctness": { "mechanism": "A foreground card grows vertically and settles while the blurred colored background continues drifting; a pointer-attached explanation types out later, then the central icon changes through a narrow silhouette without moving the card.", "notEquivalentTo": [ "Not interface-04: no dimmed workspace relay; attention is separated between a moving background, quiet card and delayed local callout.", "Not the excluded Atlas icon: icon replacement is a small interior state within a persistent task composition, not a standalone identity reveal." ] }, "source": { "slug": "agent-look", "film": "A Look at ChatGPT agent", "url": "https://www.youtube.com/watch?v=2wzGS_WUZYQ", "localMedia": "references/openai/media/agent-look.mp4", "sha256": "f39beb96507b79d3779d339fb923ac1d0c5ad74f145295ec0c86d8b333e68391", "fps": { "numerator": 60, "denominator": 1 }, "width": 1920, "height": 1080, "startFrame": 1156, "endFrameExclusive": 1450 }, "canvas": { "width": 1920, "height": 1080, "background": "#ffffff" }, "observations": [ { "kind": "measured", "sourceFrames": [ 1155, 1156, 1169 ], "statement": "Title is replaced by the white card at f1156. Its white-fill threshold envelope grows from [511,278,1409,802] at f1156 to [511,174,1409,906] at f1169: width and vertical center remain constant while height grows.", "evidence": [ "../research/interface/evidence/interface-05/source.mp4", "../research/interface/evidence/interface-05-native.jpg", "../research/interface/evidence/interface-05-anchors.jpg" ] }, { "kind": "measured", "sourceFrames": [ 1229, 1230, 1231, 1239, 1428 ], "statement": "The small attached callout starts as a pale form at f1230 and accumulates text through later frames. It is delayed relative to the already-established card.", "evidence": [ "../research/interface/evidence/interface-05/source.mp4", "../research/interface/evidence/interface-05-native.jpg", "../research/interface/evidence/interface-05-anchors.jpg" ] }, { "kind": "measured", "sourceFrames": [ 1434, 1435, 1436, 1437, 1438, 1443 ], "statement": "The old icon narrows, the label changes at f1437, and the replacement icon widens afterward. A simple same-size crossfade would miss this observed silhouette change.", "evidence": [ "../research/interface/evidence/interface-05/source.mp4", "../research/interface/evidence/interface-05-native.jpg", "../research/interface/evidence/interface-05-anchors.jpg" ] }, { "kind": "estimate", "sourceFrames": [ 1280, 1437 ], "statement": "Foreground card about 900x775 px near center; central icon roughly 125 px, about seven pale skeleton rows and a small two-line callout below/right. Bounds ±20 px; no 3D rotation angle is recovered.", "evidence": [ "../research/interface/evidence/interface-05/source.mp4", "../research/interface/evidence/interface-05-native.jpg", "../research/interface/evidence/interface-05-anchors.jpg" ] }, { "kind": "unresolved", "sourceFrames": [ 1156, 1280, 1437 ], "statement": "The blurred background's spatial drift and icon narrowing could be implemented several ways. No actual connector/consent semantics or live timing is established.", "evidence": [ "../research/interface/evidence/interface-05/source.mp4", "../research/interface/evidence/interface-05-native.jpg", "../research/interface/evidence/interface-05-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": [ 1156 ], "evidence": [ "art/agent-task-card-explanation/ASSET-NOTES.json", "art/agent-task-card-explanation/FONT-LICENSE.txt" ] }, { "kind": "measured", "statement": "Native recheck: pointer first appears43; first pale glyph74; second-line shell growth113; label/icon/callout handoff281. Skeleton interior[700,285] varies245→249→246 at24/159/220, confirming foreground activity independent of background drift. Tile has already narrowed at278 and is still about72px wide at280.", "sourceFrames": [ 1180, 1199, 1230, 1269, 1315, 1376, 1434, 1436, 1437 ], "evidence": [ "../evidence/review-interface-a/agent-task-card-explanation/source-native.mp4", "../evidence/review-interface-a/agent-task-card-explanation/review.json" ] }, { "kind": "implementation-choice", "statement": "Nine rounded per-bar clipping groups share a translated diagonal243–249 luminance field. This restores independently moving masked skeleton activity; source shader, band phase and blur are not recovered. Three independent original background planes retain motion with narrower wisps and varied8/16/20px blur, not source pixels.", "sourceFrames": [ 1180, 1255, 1315, 1375, 1376, 1377, 1426, 1449 ], "evidence": [ "art/agent-task-card-explanation/ASSET-NOTES.json" ] }, { "kind": "estimate", "statement": "Perspective1100 and fitted Y rotations begin narrowing274, target about143px at278 and72px at280, reopen asymmetrically from281. These are silhouette fits, not measured source3D parameters. Original bubble uses Geist34 with-0.3px tracking, separate unclipped shadow shell, and a bold white-edged triangular cursor; original frozen32/35-character copy is retained.", "sourceFrames": [ 1230, 1269, 1315, 1430, 1434, 1436, 1437, 1439, 1443 ], "evidence": [ "../evidence/review-interface-a/agent-task-card-explanation/probes/source/0283.png", "art/agent-task-card-explanation/ASSET-NOTES.json" ] } ], "fields": { "disclosure": { "kind": "text", "description": "Required immutable disclosure; original interface illustration, never a product screenshot.", "minLength": 24, "maxLength": 24, "maxLines": 1, "exactLength": 24 }, "fieldBase": { "kind": "image", "description": "Independent original2304x1296 overscan base plane. Revision04 adds narrower wisps and varied blur; no source background reuse.", "aspectRatio": { "numerator": 16, "denominator": 9 }, "minimumWidth": 2304, "minimumHeight": 1296, "fit": "contain" }, "fieldFolds": { "kind": "image", "description": "Independent original2304x1296 overscan folds plane. Revision04 adds narrower wisps and varied blur; no source background reuse.", "aspectRatio": { "numerator": 16, "denominator": 9 }, "minimumWidth": 2304, "minimumHeight": 1296, "fit": "contain" }, "fieldMist": { "kind": "image", "description": "Independent original2304x1296 overscan mist plane. Revision04 adds narrower wisps and varied blur; no source background reuse.", "aspectRatio": { "numerator": 16, "denominator": 9 }, "minimumWidth": 2304, "minimumHeight": 1296, "fit": "contain" }, "symbolNotes": { "kind": "image", "description": "Original208x208 task illustration. Preserve centered200px white tile and perspective handoff; not a connector logo or product claim.", "aspectRatio": { "numerator": 1, "denominator": 1 }, "minimumWidth": 208, "minimumHeight": 208, "fit": "contain" }, "symbolAgenda": { "kind": "image", "description": "Original208x208 task illustration. Preserve centered200px white tile and perspective handoff; not a connector logo or product claim.", "aspectRatio": { "numerator": 1, "denominator": 1 }, "minimumWidth": 208, "minimumHeight": 208, "fit": "contain" }, "skeletonShimmer": { "kind": "image", "description": "Original4000x700 diagonal luminance field, continuously translated through nine rounded per-bar clips. Keep neutral243–249 levels; opaque slot must cover every bar throughout the native hold.", "aspectRatio": { "numerator": 40, "denominator": 7 }, "minimumWidth": 4000, "minimumHeight": 700, "fit": "contain" }, "firstLabel": { "kind": "text", "description": "One-line original status, not a connection or permission claim.", "minLength": 24, "maxLength": 24, "maxLines": 1 }, "secondLabel": { "kind": "text", "description": "One-line next-task label, switches only at local281/source1437.", "minLength": 25, "maxLength": 25, "maxLines": 1 }, "explanation": { "kind": "text", "description": "Exactly32 characters, newline,35 characters. Native typing, line onset113 and paired capsule geometry are coupled to this fixed shape; no automatic wrapping.", "minLength": 68, "maxLength": 68, "maxLines": 2, "exactLength": 68, "lineLengths": [ 32, 35 ], "exactLines": 2 }, "taskPointerPath": { "kind": "path", "description": "Original bold rounded triangular pointer; white4px edge with no stem. Keep the upper-left hotspot attached to the bubble motion.", "viewBox": [ 0, 0, 54, 56 ] } }, "defaults": { "disclosure": "ILLUSTRATED UI · NOT POE", "fieldBase": { "kind": "image", "path": "art/agent-task-card-explanation/field-r04-base-default.svg", "width": 2304, "height": 1296, "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." }, "fieldFolds": { "kind": "image", "path": "art/agent-task-card-explanation/field-r04-folds-default.svg", "width": 2304, "height": 1296, "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." }, "fieldMist": { "kind": "image", "path": "art/agent-task-card-explanation/field-r04-mist-default.svg", "width": 2304, "height": 1296, "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." }, "symbolNotes": { "kind": "image", "path": "art/agent-task-card-explanation/symbol-notes-default.svg", "width": 208, "height": 208, "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." }, "symbolAgenda": { "kind": "image", "path": "art/agent-task-card-explanation/symbol-agenda-default.svg", "width": 208, "height": 208, "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." }, "skeletonShimmer": { "kind": "image", "path": "art/agent-task-card-explanation/shimmer-r04.svg", "width": 4000, "height": 700, "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." }, "firstLabel": "Preparing workshop notes", "secondLabel": "Preparing the team agenda", "explanation": "Reviewing the workshop notes and\ncollecting next steps for the team.", "taskPointerPath": "M7 3Q2 1 3 7L17 44Q20 51 24 44L29 28L45 24Q52 21 45 17Z" }, "adaptation": { "disclosure": "ILLUSTRATED UI · NOT POE", "fieldBase": { "kind": "image", "path": "art/agent-task-card-explanation/field-r04-base-adaptation.svg", "width": 2304, "height": 1296, "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." }, "fieldFolds": { "kind": "image", "path": "art/agent-task-card-explanation/field-r04-folds-adaptation.svg", "width": 2304, "height": 1296, "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." }, "fieldMist": { "kind": "image", "path": "art/agent-task-card-explanation/field-r04-mist-adaptation.svg", "width": 2304, "height": 1296, "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." }, "symbolNotes": { "kind": "image", "path": "art/agent-task-card-explanation/symbol-notes-adaptation.svg", "width": 208, "height": 208, "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." }, "symbolAgenda": { "kind": "image", "path": "art/agent-task-card-explanation/symbol-agenda-adaptation.svg", "width": 208, "height": 208, "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." }, "skeletonShimmer": { "kind": "image", "path": "art/agent-task-card-explanation/shimmer-r04.svg", "width": 4000, "height": 700, "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." }, "firstLabel": "Reviewing planning notes", "secondLabel": "Reviewing team milestones", "explanation": "Reviewing the planning notes and\ncollecting open items for the team.", "taskPointerPath": "M7 3Q2 1 3 7L17 44Q20 51 24 44L29 28L45 24Q52 21 45 17Z" }, "adaptationNotes": [ "Use an original abstract task-status card over an original moving color field; keep the task card quiet while a small local explanation and original icon change provide progression.", "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": [ "Independent foreground/background motion", "Vertical card growth about its center", "Delayed callout", "Narrow icon handoff", "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.", "Keep center-preserving card growth, live foreground shimmer during the hold and three independently moving background planes.", "Pointer43, first pale glyph74, second-line shell113, earlier icon narrowing and label/callout handoff281 are source-locked.", "Explanation is exactly32/newline/35 characters. Copy, prefix-derived capsule widths and fitted reveal steps are coupled; never auto-reflow, shrink, or retime." ], "unsupported": [ "An original abstraction is not a claim that Poe connects these services.", "Keep the callout locally attached; do not center it as a chapter heading.", "No source background or product icon asset reuse.", "Arbitrary UI screenshots, reflowing copy or aspect-ratio changes are unsupported.", "Fresh moving-source fidelity review and final font/blur/alpha fitting are outstanding.", "Band phase/width, tile perspective and source background topology remain estimates requiring fresh moving-source retest; no material finding is self-accepted.", "Text lineLengths and measured line-width ranges cannot validate the semantic or prefix-to-capsule coupling. Changing copy requires recalculating capsule widths and a new review.", "The runtime provides rectangular rounded clipping, not a general scene-mask primitive. Nine synchronized rounded clips exactly preserve the authored bar geometry; source procedural shader recovery is not claimed." ], "entry": { "field": "layered", "description": "Short card replaces title", "continuityKeys": [ "original-content-identity", "native-clock" ] }, "exit": { "field": "layered", "description": "Icon at narrow handoff silhouette", "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": "moving-base", "start": 0, "end": 294, "slot": "fieldBase", "width": 2304, "height": 1296, "origin": [ 1152, 648 ], "fit": "contain", "x": [ { "frame": 0, "value": -192, "easing": "smooth" }, { "frame": 100, "value": -173, "easing": "smooth" }, { "frame": 200, "value": -215, "easing": "smooth" }, { "frame": 293, "value": -242, "easing": "smooth" } ], "y": [ { "frame": 0, "value": -108, "easing": "smooth" }, { "frame": 147, "value": -88, "easing": "smooth" }, { "frame": 293, "value": -115, "easing": "smooth" } ], "rotation": [ { "frame": 0, "value": 0, "easing": "linear" }, { "frame": 293, "value": 0.45, "easing": "linear" } ] }, { "kind": "image", "id": "moving-folds", "start": 0, "end": 294, "slot": "fieldFolds", "width": 2304, "height": 1296, "origin": [ 1152, 648 ], "fit": "contain", "x": [ { "frame": 0, "value": -178, "easing": "smooth" }, { "frame": 90, "value": -206, "easing": "smooth" }, { "frame": 200, "value": -158, "easing": "smooth" }, { "frame": 293, "value": -219, "easing": "smooth" } ], "y": [ { "frame": 0, "value": -123, "easing": "smooth" }, { "frame": 147, "value": -65, "easing": "smooth" }, { "frame": 293, "value": -107, "easing": "smooth" } ], "rotation": [ { "frame": 0, "value": -1, "easing": "smooth" }, { "frame": 130, "value": 0.8, "easing": "smooth" }, { "frame": 293, "value": -0.3, "easing": "smooth" } ] }, { "kind": "image", "id": "moving-mist", "start": 0, "end": 294, "slot": "fieldMist", "width": 2304, "height": 1296, "origin": [ 1152, 648 ], "fit": "contain", "x": [ { "frame": 0, "value": -224, "easing": "smooth" }, { "frame": 150, "value": -158, "easing": "smooth" }, { "frame": 293, "value": -192, "easing": "smooth" } ], "y": [ { "frame": 0, "value": -97, "easing": "smooth" }, { "frame": 150, "value": -136, "easing": "smooth" }, { "frame": 293, "value": -84, "easing": "smooth" } ], "rotation": [ { "frame": 0, "value": 0.8, "easing": "linear" }, { "frame": 293, "value": -0.5, "easing": "linear" } ] }, { "kind": "group", "id": "growing-card", "start": 0, "end": 294, "x": 511, "y": [ { "frame": 0, "value": 278, "easing": "linear" }, { "frame": 1, "value": 268, "easing": "linear" }, { "frame": 2, "value": 258, "easing": "linear" }, { "frame": 3, "value": 248.5, "easing": "linear" }, { "frame": 4, "value": 239.5, "easing": "linear" }, { "frame": 5, "value": 231, "easing": "linear" }, { "frame": 6, "value": 223, "easing": "linear" }, { "frame": 7, "value": 215, "easing": "linear" }, { "frame": 8, "value": 207.5, "easing": "linear" }, { "frame": 9, "value": 200, "easing": "linear" }, { "frame": 10, "value": 193, "easing": "linear" }, { "frame": 11, "value": 186.5, "easing": "linear" }, { "frame": 12, "value": 180, "easing": "linear" }, { "frame": 13, "value": 174, "easing": "linear" }, { "frame": 18, "value": 159, "easing": "linear" }, { "frame": 24, "value": 153, "easing": "linear" }, { "frame": 293, "value": 153, "easing": "linear" } ], "width": 898, "height": [ { "frame": 0, "value": 524, "easing": "linear" }, { "frame": 1, "value": 544, "easing": "linear" }, { "frame": 2, "value": 564, "easing": "linear" }, { "frame": 3, "value": 583, "easing": "linear" }, { "frame": 4, "value": 601, "easing": "linear" }, { "frame": 5, "value": 618, "easing": "linear" }, { "frame": 6, "value": 634, "easing": "linear" }, { "frame": 7, "value": 650, "easing": "linear" }, { "frame": 8, "value": 665, "easing": "linear" }, { "frame": 9, "value": 680, "easing": "linear" }, { "frame": 10, "value": 694, "easing": "linear" }, { "frame": 11, "value": 707, "easing": "linear" }, { "frame": 12, "value": 720, "easing": "linear" }, { "frame": 13, "value": 732, "easing": "linear" }, { "frame": 18, "value": 762, "easing": "linear" }, { "frame": 24, "value": 774, "easing": "linear" }, { "frame": 293, "value": 774, "easing": "linear" } ], "children": [ { "kind": "rect", "id": "card-shell", "start": 0, "end": 294, "width": 898, "height": [ { "frame": 0, "value": 524, "easing": "linear" }, { "frame": 1, "value": 544, "easing": "linear" }, { "frame": 2, "value": 564, "easing": "linear" }, { "frame": 3, "value": 583, "easing": "linear" }, { "frame": 4, "value": 601, "easing": "linear" }, { "frame": 5, "value": 618, "easing": "linear" }, { "frame": 6, "value": 634, "easing": "linear" }, { "frame": 7, "value": 650, "easing": "linear" }, { "frame": 8, "value": 665, "easing": "linear" }, { "frame": 9, "value": 680, "easing": "linear" }, { "frame": 10, "value": 694, "easing": "linear" }, { "frame": 11, "value": 707, "easing": "linear" }, { "frame": 12, "value": 720, "easing": "linear" }, { "frame": 13, "value": 732, "easing": "linear" }, { "frame": 18, "value": 762, "easing": "linear" }, { "frame": 24, "value": 774, "easing": "linear" }, { "frame": 293, "value": 774, "easing": "linear" } ], "radius": 38, "fill": "#ffffff", "shadow": "0 3px 12px #4d66840d" }, { "kind": "path", "id": "task-status-symbol", "start": 0, "end": 294, "x": 40, "y": 33, "width": 39, "height": 39, "path": "M17 1A16 16 0 1 0 17 33A16 16 0 1 0 17 1M1 17H33M17 1C7 9 7 25 17 33M17 1C27 9 27 25 17 33M17 1V33", "viewBox": [ 0, 0, 34, 34 ], "fill": "none", "stroke": "#626567", "strokeWidth": 2.5 }, { "kind": "text", "id": "first-task-label", "start": 0, "end": 281, "slot": "firstLabel", "x": 97, "y": 30, "width": 750, "height": 46, "fontSize": 34, "weight": 500, "lineHeight": 1.25, "color": "#626262" }, { "kind": "text", "id": "second-task-label", "start": 281, "end": 294, "slot": "secondLabel", "x": 97, "y": 30, "width": 750, "height": 46, "fontSize": 34, "weight": 500, "lineHeight": 1.25, "color": "#626262" }, { "kind": "rect", "id": "skeleton-panel-outline", "start": 0, "end": 294, "x": 36, "y": 103, "width": 826, "height": [ { "frame": 0, "value": 384, "easing": "linear" }, { "frame": 1, "value": 404, "easing": "linear" }, { "frame": 2, "value": 424, "easing": "linear" }, { "frame": 3, "value": 443, "easing": "linear" }, { "frame": 4, "value": 461, "easing": "linear" }, { "frame": 5, "value": 478, "easing": "linear" }, { "frame": 6, "value": 494, "easing": "linear" }, { "frame": 7, "value": 510, "easing": "linear" }, { "frame": 8, "value": 525, "easing": "linear" }, { "frame": 9, "value": 540, "easing": "linear" }, { "frame": 10, "value": 554, "easing": "linear" }, { "frame": 11, "value": 567, "easing": "linear" }, { "frame": 12, "value": 580, "easing": "linear" }, { "frame": 13, "value": 592, "easing": "linear" }, { "frame": 18, "value": 622, "easing": "linear" }, { "frame": 24, "value": 634, "easing": "linear" }, { "frame": 293, "value": 634, "easing": "linear" } ], "radius": 19, "fill": "none", "stroke": "#ededed", "strokeWidth": 2, "opacity": [ { "frame": 0, "value": 0.15, "easing": "linear" }, { "frame": 13, "value": 0.8, "easing": "linear" }, { "frame": 24, "value": 1, "easing": "linear" } ] }, { "kind": "group", "id": "skeleton-layout", "start": 0, "end": 294, "x": 36, "y": 103, "width": 826, "height": 634, "origin": [ 0, 0 ], "scaleY": [ { "frame": 0, "value": 0.6056782334384858, "easing": "linear" }, { "frame": 1, "value": 0.637223974763407, "easing": "linear" }, { "frame": 2, "value": 0.668769716088328, "easing": "linear" }, { "frame": 3, "value": 0.6987381703470031, "easing": "linear" }, { "frame": 4, "value": 0.7271293375394322, "easing": "linear" }, { "frame": 5, "value": 0.7539432176656151, "easing": "linear" }, { "frame": 6, "value": 0.7791798107255521, "easing": "linear" }, { "frame": 7, "value": 0.804416403785489, "easing": "linear" }, { "frame": 8, "value": 0.8280757097791798, "easing": "linear" }, { "frame": 9, "value": 0.8517350157728707, "easing": "linear" }, { "frame": 10, "value": 0.8738170347003155, "easing": "linear" }, { "frame": 11, "value": 0.8943217665615142, "easing": "linear" }, { "frame": 12, "value": 0.9148264984227129, "easing": "linear" }, { "frame": 13, "value": 0.9337539432176656, "easing": "linear" }, { "frame": 18, "value": 0.9810725552050473, "easing": "linear" }, { "frame": 24, "value": 1, "easing": "linear" }, { "frame": 293, "value": 1, "easing": "linear" } ], "opacity": [ { "frame": 0, "value": 0.04, "easing": "linear" }, { "frame": 3, "value": 0.25, "easing": "linear" }, { "frame": 13, "value": 0.95, "easing": "linear" }, { "frame": 24, "value": 1, "easing": "linear" } ], "children": [ { "kind": "group", "id": "shimmer-mask-row-1", "start": 0, "end": 294, "x": 26, "y": 12, "width": 514, "height": 41, "radius": 20, "overflow": "hidden", "children": [ { "kind": "image", "id": "moving-shimmer-1", "start": 0, "end": 294, "slot": "skeletonShimmer", "x": [ { "frame": 0, "value": -1876, "easing": "linear" }, { "frame": 24, "value": -1806, "easing": "linear" }, { "frame": 99, "value": -1546, "easing": "linear" }, { "frame": 159, "value": -1146, "easing": "linear" }, { "frame": 220, "value": -886, "easing": "linear" }, { "frame": 270, "value": -646, "easing": "linear" }, { "frame": 293, "value": -526, "easing": "linear" } ], "y": -12, "width": 4000, "height": 700, "fit": "contain" } ] }, { "kind": "group", "id": "shimmer-mask-row-2", "start": 0, "end": 294, "x": 83, "y": 83, "width": 404, "height": 41, "radius": 20, "overflow": "hidden", "children": [ { "kind": "image", "id": "moving-shimmer-2", "start": 0, "end": 294, "slot": "skeletonShimmer", "x": [ { "frame": 0, "value": -1933, "easing": "linear" }, { "frame": 24, "value": -1863, "easing": "linear" }, { "frame": 99, "value": -1603, "easing": "linear" }, { "frame": 159, "value": -1203, "easing": "linear" }, { "frame": 220, "value": -943, "easing": "linear" }, { "frame": 270, "value": -703, "easing": "linear" }, { "frame": 293, "value": -583, "easing": "linear" } ], "y": -83, "width": 4000, "height": 700, "fit": "contain" } ] }, { "kind": "group", "id": "shimmer-mask-row-3", "start": 0, "end": 294, "x": 83, "y": 154, "width": 485, "height": 41, "radius": 20, "overflow": "hidden", "children": [ { "kind": "image", "id": "moving-shimmer-3", "start": 0, "end": 294, "slot": "skeletonShimmer", "x": [ { "frame": 0, "value": -1933, "easing": "linear" }, { "frame": 24, "value": -1863, "easing": "linear" }, { "frame": 99, "value": -1603, "easing": "linear" }, { "frame": 159, "value": -1203, "easing": "linear" }, { "frame": 220, "value": -943, "easing": "linear" }, { "frame": 270, "value": -703, "easing": "linear" }, { "frame": 293, "value": -583, "easing": "linear" } ], "y": -154, "width": 4000, "height": 700, "fit": "contain" } ] }, { "kind": "group", "id": "shimmer-mask-row-4", "start": 0, "end": 294, "x": 57, "y": 225, "width": 711, "height": 41, "radius": 20, "overflow": "hidden", "children": [ { "kind": "image", "id": "moving-shimmer-4", "start": 0, "end": 294, "slot": "skeletonShimmer", "x": [ { "frame": 0, "value": -1907, "easing": "linear" }, { "frame": 24, "value": -1837, "easing": "linear" }, { "frame": 99, "value": -1577, "easing": "linear" }, { "frame": 159, "value": -1177, "easing": "linear" }, { "frame": 220, "value": -917, "easing": "linear" }, { "frame": 270, "value": -677, "easing": "linear" }, { "frame": 293, "value": -557, "easing": "linear" } ], "y": -225, "width": 4000, "height": 700, "fit": "contain" } ] }, { "kind": "group", "id": "shimmer-mask-row-5", "start": 0, "end": 294, "x": 112, "y": 296, "width": 574, "height": 41, "radius": 20, "overflow": "hidden", "children": [ { "kind": "image", "id": "moving-shimmer-5", "start": 0, "end": 294, "slot": "skeletonShimmer", "x": [ { "frame": 0, "value": -1962, "easing": "linear" }, { "frame": 24, "value": -1892, "easing": "linear" }, { "frame": 99, "value": -1632, "easing": "linear" }, { "frame": 159, "value": -1232, "easing": "linear" }, { "frame": 220, "value": -972, "easing": "linear" }, { "frame": 270, "value": -732, "easing": "linear" }, { "frame": 293, "value": -612, "easing": "linear" } ], "y": -296, "width": 4000, "height": 700, "fit": "contain" } ] }, { "kind": "group", "id": "shimmer-mask-row-6", "start": 0, "end": 294, "x": 112, "y": 367, "width": 675, "height": 41, "radius": 20, "overflow": "hidden", "children": [ { "kind": "image", "id": "moving-shimmer-6", "start": 0, "end": 294, "slot": "skeletonShimmer", "x": [ { "frame": 0, "value": -1962, "easing": "linear" }, { "frame": 24, "value": -1892, "easing": "linear" }, { "frame": 99, "value": -1632, "easing": "linear" }, { "frame": 159, "value": -1232, "easing": "linear" }, { "frame": 220, "value": -972, "easing": "linear" }, { "frame": 270, "value": -732, "easing": "linear" }, { "frame": 293, "value": -612, "easing": "linear" } ], "y": -367, "width": 4000, "height": 700, "fit": "contain" } ] }, { "kind": "group", "id": "shimmer-mask-row-7", "start": 0, "end": 294, "x": 26, "y": 438, "width": 678, "height": 41, "radius": 20, "overflow": "hidden", "children": [ { "kind": "image", "id": "moving-shimmer-7", "start": 0, "end": 294, "slot": "skeletonShimmer", "x": [ { "frame": 0, "value": -1876, "easing": "linear" }, { "frame": 24, "value": -1806, "easing": "linear" }, { "frame": 99, "value": -1546, "easing": "linear" }, { "frame": 159, "value": -1146, "easing": "linear" }, { "frame": 220, "value": -886, "easing": "linear" }, { "frame": 270, "value": -646, "easing": "linear" }, { "frame": 293, "value": -526, "easing": "linear" } ], "y": -438, "width": 4000, "height": 700, "fit": "contain" } ] }, { "kind": "group", "id": "shimmer-mask-row-8", "start": 0, "end": 294, "x": 26, "y": 509, "width": 710, "height": 41, "radius": 20, "overflow": "hidden", "children": [ { "kind": "image", "id": "moving-shimmer-8", "start": 0, "end": 294, "slot": "skeletonShimmer", "x": [ { "frame": 0, "value": -1876, "easing": "linear" }, { "frame": 24, "value": -1806, "easing": "linear" }, { "frame": 99, "value": -1546, "easing": "linear" }, { "frame": 159, "value": -1146, "easing": "linear" }, { "frame": 220, "value": -886, "easing": "linear" }, { "frame": 270, "value": -646, "easing": "linear" }, { "frame": 293, "value": -526, "easing": "linear" } ], "y": -509, "width": 4000, "height": 700, "fit": "contain" } ] }, { "kind": "group", "id": "shimmer-mask-row-9", "start": 0, "end": 294, "x": 26, "y": 580, "width": 574, "height": 41, "radius": 20, "overflow": "hidden", "children": [ { "kind": "image", "id": "moving-shimmer-9", "start": 0, "end": 294, "slot": "skeletonShimmer", "x": [ { "frame": 0, "value": -1876, "easing": "linear" }, { "frame": 24, "value": -1806, "easing": "linear" }, { "frame": 99, "value": -1546, "easing": "linear" }, { "frame": 159, "value": -1146, "easing": "linear" }, { "frame": 220, "value": -886, "easing": "linear" }, { "frame": 270, "value": -646, "easing": "linear" }, { "frame": 293, "value": -526, "easing": "linear" } ], "y": -580, "width": 4000, "height": 700, "fit": "contain" } ] } ] } ] }, { "kind": "group", "id": "notes-icon-handoff", "start": 0, "end": 281, "x": 856, "y": 472, "width": 208, "height": 208, "origin": [ 104, 104 ], "perspective": 1100, "rotationY": [ { "frame": 0, "value": 0, "easing": "linear" }, { "frame": 273, "value": 0, "easing": "linear" }, { "frame": 274, "value": -8, "easing": "linear" }, { "frame": 275, "value": -18, "easing": "linear" }, { "frame": 276, "value": -26, "easing": "linear" }, { "frame": 277, "value": -35, "easing": "linear" }, { "frame": 278, "value": -45, "easing": "linear" }, { "frame": 279, "value": -54, "easing": "linear" }, { "frame": 280, "value": -69, "easing": "linear" } ], "scale": [ { "frame": 0, "value": 0.74, "easing": "linear" }, { "frame": 13, "value": 1, "easing": "linear" }, { "frame": 293, "value": 1, "easing": "linear" } ], "children": [ { "kind": "rect", "id": "notes-tile-shadow", "start": 0, "end": 294, "x": 4, "y": 4, "width": 200, "height": 200, "radius": 20, "fill": "#ffffff", "shadow": "0 9px 30px #15263816" }, { "kind": "image", "id": "notes-art", "start": 0, "end": 294, "slot": "symbolNotes", "width": 208, "height": 208, "fit": "contain" } ] }, { "kind": "group", "id": "agenda-icon-handoff", "start": 281, "end": 294, "x": 856, "y": 472, "width": 208, "height": 208, "origin": [ 104, 104 ], "perspective": 1100, "rotationY": [ { "frame": 281, "value": -89.8, "easing": "linear" }, { "frame": 282, "value": -72, "easing": "linear" }, { "frame": 283, "value": -56, "easing": "linear" }, { "frame": 284, "value": -43, "easing": "linear" }, { "frame": 285, "value": -31, "easing": "linear" }, { "frame": 286, "value": -22, "easing": "linear" }, { "frame": 287, "value": -14, "easing": "linear" }, { "frame": 289, "value": -5, "easing": "linear" }, { "frame": 291, "value": 0, "easing": "linear" }, { "frame": 293, "value": 0, "easing": "linear" } ], "scale": [ { "frame": 0, "value": 0.74, "easing": "linear" }, { "frame": 13, "value": 1, "easing": "linear" }, { "frame": 293, "value": 1, "easing": "linear" } ], "children": [ { "kind": "rect", "id": "agenda-tile-shadow", "start": 0, "end": 294, "x": 4, "y": 4, "width": 200, "height": 200, "radius": 20, "fill": "#ffffff", "shadow": "0 9px 30px #15263816" }, { "kind": "image", "id": "agenda-art", "start": 0, "end": 294, "slot": "symbolAgenda", "width": 208, "height": 208, "fit": "contain" } ] }, { "kind": "group", "id": "attached-explanation", "start": 74, "end": 281, "x": [ { "frame": 74, "value": 934, "easing": "linear" }, { "frame": 83, "value": 920, "easing": "linear" }, { "frame": 99, "value": 912, "easing": "linear" }, { "frame": 270, "value": 912, "easing": "linear" }, { "frame": 275, "value": 943, "easing": "linear" }, { "frame": 280, "value": 980, "easing": "linear" } ], "y": [ { "frame": 74, "value": 707, "easing": "linear" }, { "frame": 99, "value": 701, "easing": "linear" }, { "frame": 280, "value": 701, "easing": "linear" } ], "width": [ { "frame": 74, "value": 95, "easing": "hold" }, { "frame": 75, "value": 114, "easing": "hold" }, { "frame": 76, "value": 131, "easing": "hold" }, { "frame": 77, "value": 138, "easing": "hold" }, { "frame": 78, "value": 157, "easing": "hold" }, { "frame": 79, "value": 184, "easing": "hold" }, { "frame": 80, "value": 184, "easing": "hold" }, { "frame": 81, "value": 191, "easing": "hold" }, { "frame": 82, "value": 211, "easing": "hold" }, { "frame": 83, "value": 230, "easing": "hold" }, { "frame": 84, "value": 239, "easing": "hold" }, { "frame": 85, "value": 252, "easing": "hold" }, { "frame": 86, "value": 252, "easing": "hold" }, { "frame": 87, "value": 271, "easing": "hold" }, { "frame": 88, "value": 289, "easing": "hold" }, { "frame": 89, "value": 297, "easing": "hold" }, { "frame": 90, "value": 325, "easing": "hold" }, { "frame": 91, "value": 343, "easing": "hold" }, { "frame": 92, "value": 343, "easing": "hold" }, { "frame": 93, "value": 355, "easing": "hold" }, { "frame": 94, "value": 374, "easing": "hold" }, { "frame": 95, "value": 390, "easing": "hold" }, { "frame": 96, "value": 409, "easing": "hold" }, { "frame": 97, "value": 409, "easing": "hold" }, { "frame": 98, "value": 427, "easing": "hold" }, { "frame": 99, "value": 447, "easing": "hold" }, { "frame": 100, "value": 455, "easing": "hold" }, { "frame": 101, "value": 475, "easing": "hold" }, { "frame": 102, "value": 475, "easing": "hold" }, { "frame": 103, "value": 494, "easing": "hold" }, { "frame": 104, "value": 506, "easing": "hold" }, { "frame": 105, "value": 524, "easing": "hold" }, { "frame": 106, "value": 541, "easing": "hold" }, { "frame": 107, "value": 549, "easing": "hold" }, { "frame": 108, "value": 549, "easing": "hold" }, { "frame": 109, "value": 567, "easing": "hold" }, { "frame": 110, "value": 587, "easing": "hold" }, { "frame": 111, "value": 606, "easing": "hold" }, { "frame": 112, "value": 606, "easing": "hold" }, { "frame": 113, "value": 606, "easing": "hold" }, { "frame": 114, "value": 606, "easing": "hold" }, { "frame": 115, "value": 606, "easing": "hold" }, { "frame": 116, "value": 606, "easing": "hold" }, { "frame": 117, "value": 606, "easing": "hold" }, { "frame": 118, "value": 606, "easing": "hold" }, { "frame": 119, "value": 606, "easing": "hold" }, { "frame": 120, "value": 606, "easing": "hold" }, { "frame": 121, "value": 606, "easing": "hold" }, { "frame": 122, "value": 606, "easing": "hold" }, { "frame": 123, "value": 606, "easing": "hold" }, { "frame": 124, "value": 606, "easing": "hold" }, { "frame": 125, "value": 606, "easing": "hold" }, { "frame": 126, "value": 606, "easing": "hold" }, { "frame": 127, "value": 606, "easing": "hold" }, { "frame": 128, "value": 606, "easing": "hold" }, { "frame": 129, "value": 606, "easing": "hold" }, { "frame": 130, "value": 606, "easing": "hold" }, { "frame": 131, "value": 606, "easing": "hold" }, { "frame": 132, "value": 606, "easing": "hold" }, { "frame": 133, "value": 606, "easing": "hold" }, { "frame": 134, "value": 606, "easing": "hold" }, { "frame": 135, "value": 606, "easing": "hold" }, { "frame": 136, "value": 606, "easing": "hold" }, { "frame": 137, "value": 606, "easing": "hold" }, { "frame": 138, "value": 606, "easing": "hold" }, { "frame": 139, "value": 606, "easing": "hold" }, { "frame": 140, "value": 606, "easing": "hold" }, { "frame": 141, "value": 606, "easing": "hold" }, { "frame": 142, "value": 606, "easing": "hold" }, { "frame": 143, "value": 606, "easing": "hold" }, { "frame": 144, "value": 606, "easing": "hold" }, { "frame": 145, "value": 606, "easing": "hold" }, { "frame": 146, "value": 606, "easing": "hold" }, { "frame": 147, "value": 606, "easing": "hold" }, { "frame": 148, "value": 606, "easing": "hold" }, { "frame": 149, "value": 606, "easing": "hold" }, { "frame": 150, "value": 606, "easing": "hold" }, { "frame": 151, "value": 606, "easing": "hold" }, { "frame": 152, "value": 606, "easing": "hold" }, { "frame": 153, "value": 606, "easing": "hold" }, { "frame": 154, "value": 606, "easing": "hold" }, { "frame": 155, "value": 606, "easing": "hold" }, { "frame": 156, "value": 606, "easing": "hold" }, { "frame": 157, "value": 606, "easing": "hold" }, { "frame": 158, "value": 606, "easing": "hold" }, { "frame": 159, "value": 606, "easing": "hold" } ], "height": [ { "frame": 74, "value": 110, "easing": "hold" }, { "frame": 75, "value": 110, "easing": "hold" }, { "frame": 76, "value": 110, "easing": "hold" }, { "frame": 77, "value": 110, "easing": "hold" }, { "frame": 78, "value": 110, "easing": "hold" }, { "frame": 79, "value": 110, "easing": "hold" }, { "frame": 80, "value": 110, "easing": "hold" }, { "frame": 81, "value": 110, "easing": "hold" }, { "frame": 82, "value": 110, "easing": "hold" }, { "frame": 83, "value": 110, "easing": "hold" }, { "frame": 84, "value": 110, "easing": "hold" }, { "frame": 85, "value": 110, "easing": "hold" }, { "frame": 86, "value": 110, "easing": "hold" }, { "frame": 87, "value": 110, "easing": "hold" }, { "frame": 88, "value": 110, "easing": "hold" }, { "frame": 89, "value": 110, "easing": "hold" }, { "frame": 90, "value": 110, "easing": "hold" }, { "frame": 91, "value": 110, "easing": "hold" }, { "frame": 92, "value": 110, "easing": "hold" }, { "frame": 93, "value": 110, "easing": "hold" }, { "frame": 94, "value": 110, "easing": "hold" }, { "frame": 95, "value": 110, "easing": "hold" }, { "frame": 96, "value": 110, "easing": "hold" }, { "frame": 97, "value": 110, "easing": "hold" }, { "frame": 98, "value": 110, "easing": "hold" }, { "frame": 99, "value": 110, "easing": "hold" }, { "frame": 100, "value": 110, "easing": "hold" }, { "frame": 101, "value": 110, "easing": "hold" }, { "frame": 102, "value": 110, "easing": "hold" }, { "frame": 103, "value": 110, "easing": "hold" }, { "frame": 104, "value": 110, "easing": "hold" }, { "frame": 105, "value": 110, "easing": "hold" }, { "frame": 106, "value": 110, "easing": "hold" }, { "frame": 107, "value": 110, "easing": "hold" }, { "frame": 108, "value": 110, "easing": "hold" }, { "frame": 109, "value": 110, "easing": "hold" }, { "frame": 110, "value": 110, "easing": "hold" }, { "frame": 111, "value": 110, "easing": "hold" }, { "frame": 112, "value": 110, "easing": "hold" }, { "frame": 113, "value": 160, "easing": "hold" }, { "frame": 114, "value": 160, "easing": "hold" }, { "frame": 115, "value": 160, "easing": "hold" }, { "frame": 116, "value": 160, "easing": "hold" }, { "frame": 117, "value": 160, "easing": "hold" }, { "frame": 118, "value": 160, "easing": "hold" }, { "frame": 119, "value": 160, "easing": "hold" }, { "frame": 120, "value": 160, "easing": "hold" }, { "frame": 121, "value": 160, "easing": "hold" }, { "frame": 122, "value": 160, "easing": "hold" }, { "frame": 123, "value": 160, "easing": "hold" }, { "frame": 124, "value": 160, "easing": "hold" }, { "frame": 125, "value": 160, "easing": "hold" }, { "frame": 126, "value": 160, "easing": "hold" }, { "frame": 127, "value": 160, "easing": "hold" }, { "frame": 128, "value": 160, "easing": "hold" }, { "frame": 129, "value": 160, "easing": "hold" }, { "frame": 130, "value": 160, "easing": "hold" }, { "frame": 131, "value": 160, "easing": "hold" }, { "frame": 132, "value": 160, "easing": "hold" }, { "frame": 133, "value": 160, "easing": "hold" }, { "frame": 134, "value": 160, "easing": "hold" }, { "frame": 135, "value": 160, "easing": "hold" }, { "frame": 136, "value": 160, "easing": "hold" }, { "frame": 137, "value": 160, "easing": "hold" }, { "frame": 138, "value": 160, "easing": "hold" }, { "frame": 139, "value": 160, "easing": "hold" }, { "frame": 140, "value": 160, "easing": "hold" }, { "frame": 141, "value": 160, "easing": "hold" }, { "frame": 142, "value": 160, "easing": "hold" }, { "frame": 143, "value": 160, "easing": "hold" }, { "frame": 144, "value": 160, "easing": "hold" }, { "frame": 145, "value": 160, "easing": "hold" }, { "frame": 146, "value": 160, "easing": "hold" }, { "frame": 147, "value": 160, "easing": "hold" }, { "frame": 148, "value": 160, "easing": "hold" }, { "frame": 149, "value": 160, "easing": "hold" }, { "frame": 150, "value": 160, "easing": "hold" }, { "frame": 151, "value": 160, "easing": "hold" }, { "frame": 152, "value": 160, "easing": "hold" }, { "frame": 153, "value": 160, "easing": "hold" }, { "frame": 154, "value": 160, "easing": "hold" }, { "frame": 155, "value": 160, "easing": "hold" }, { "frame": 156, "value": 160, "easing": "hold" }, { "frame": 157, "value": 160, "easing": "hold" }, { "frame": 158, "value": 160, "easing": "hold" }, { "frame": 159, "value": 160, "easing": "hold" } ], "children": [ { "kind": "rect", "id": "explanation-shell", "start": 0, "end": 294, "width": [ { "frame": 74, "value": 95, "easing": "hold" }, { "frame": 75, "value": 114, "easing": "hold" }, { "frame": 76, "value": 131, "easing": "hold" }, { "frame": 77, "value": 138, "easing": "hold" }, { "frame": 78, "value": 157, "easing": "hold" }, { "frame": 79, "value": 184, "easing": "hold" }, { "frame": 80, "value": 184, "easing": "hold" }, { "frame": 81, "value": 191, "easing": "hold" }, { "frame": 82, "value": 211, "easing": "hold" }, { "frame": 83, "value": 230, "easing": "hold" }, { "frame": 84, "value": 239, "easing": "hold" }, { "frame": 85, "value": 252, "easing": "hold" }, { "frame": 86, "value": 252, "easing": "hold" }, { "frame": 87, "value": 271, "easing": "hold" }, { "frame": 88, "value": 289, "easing": "hold" }, { "frame": 89, "value": 297, "easing": "hold" }, { "frame": 90, "value": 325, "easing": "hold" }, { "frame": 91, "value": 343, "easing": "hold" }, { "frame": 92, "value": 343, "easing": "hold" }, { "frame": 93, "value": 355, "easing": "hold" }, { "frame": 94, "value": 374, "easing": "hold" }, { "frame": 95, "value": 390, "easing": "hold" }, { "frame": 96, "value": 409, "easing": "hold" }, { "frame": 97, "value": 409, "easing": "hold" }, { "frame": 98, "value": 427, "easing": "hold" }, { "frame": 99, "value": 447, "easing": "hold" }, { "frame": 100, "value": 455, "easing": "hold" }, { "frame": 101, "value": 475, "easing": "hold" }, { "frame": 102, "value": 475, "easing": "hold" }, { "frame": 103, "value": 494, "easing": "hold" }, { "frame": 104, "value": 506, "easing": "hold" }, { "frame": 105, "value": 524, "easing": "hold" }, { "frame": 106, "value": 541, "easing": "hold" }, { "frame": 107, "value": 549, "easing": "hold" }, { "frame": 108, "value": 549, "easing": "hold" }, { "frame": 109, "value": 567, "easing": "hold" }, { "frame": 110, "value": 587, "easing": "hold" }, { "frame": 111, "value": 606, "easing": "hold" }, { "frame": 112, "value": 606, "easing": "hold" }, { "frame": 113, "value": 606, "easing": "hold" }, { "frame": 114, "value": 606, "easing": "hold" }, { "frame": 115, "value": 606, "easing": "hold" }, { "frame": 116, "value": 606, "easing": "hold" }, { "frame": 117, "value": 606, "easing": "hold" }, { "frame": 118, "value": 606, "easing": "hold" }, { "frame": 119, "value": 606, "easing": "hold" }, { "frame": 120, "value": 606, "easing": "hold" }, { "frame": 121, "value": 606, "easing": "hold" }, { "frame": 122, "value": 606, "easing": "hold" }, { "frame": 123, "value": 606, "easing": "hold" }, { "frame": 124, "value": 606, "easing": "hold" }, { "frame": 125, "value": 606, "easing": "hold" }, { "frame": 126, "value": 606, "easing": "hold" }, { "frame": 127, "value": 606, "easing": "hold" }, { "frame": 128, "value": 606, "easing": "hold" }, { "frame": 129, "value": 606, "easing": "hold" }, { "frame": 130, "value": 606, "easing": "hold" }, { "frame": 131, "value": 606, "easing": "hold" }, { "frame": 132, "value": 606, "easing": "hold" }, { "frame": 133, "value": 606, "easing": "hold" }, { "frame": 134, "value": 606, "easing": "hold" }, { "frame": 135, "value": 606, "easing": "hold" }, { "frame": 136, "value": 606, "easing": "hold" }, { "frame": 137, "value": 606, "easing": "hold" }, { "frame": 138, "value": 606, "easing": "hold" }, { "frame": 139, "value": 606, "easing": "hold" }, { "frame": 140, "value": 606, "easing": "hold" }, { "frame": 141, "value": 606, "easing": "hold" }, { "frame": 142, "value": 606, "easing": "hold" }, { "frame": 143, "value": 606, "easing": "hold" }, { "frame": 144, "value": 606, "easing": "hold" }, { "frame": 145, "value": 606, "easing": "hold" }, { "frame": 146, "value": 606, "easing": "hold" }, { "frame": 147, "value": 606, "easing": "hold" }, { "frame": 148, "value": 606, "easing": "hold" }, { "frame": 149, "value": 606, "easing": "hold" }, { "frame": 150, "value": 606, "easing": "hold" }, { "frame": 151, "value": 606, "easing": "hold" }, { "frame": 152, "value": 606, "easing": "hold" }, { "frame": 153, "value": 606, "easing": "hold" }, { "frame": 154, "value": 606, "easing": "hold" }, { "frame": 155, "value": 606, "easing": "hold" }, { "frame": 156, "value": 606, "easing": "hold" }, { "frame": 157, "value": 606, "easing": "hold" }, { "frame": 158, "value": 606, "easing": "hold" }, { "frame": 159, "value": 606, "easing": "hold" } ], "height": [ { "frame": 74, "value": 110, "easing": "hold" }, { "frame": 75, "value": 110, "easing": "hold" }, { "frame": 76, "value": 110, "easing": "hold" }, { "frame": 77, "value": 110, "easing": "hold" }, { "frame": 78, "value": 110, "easing": "hold" }, { "frame": 79, "value": 110, "easing": "hold" }, { "frame": 80, "value": 110, "easing": "hold" }, { "frame": 81, "value": 110, "easing": "hold" }, { "frame": 82, "value": 110, "easing": "hold" }, { "frame": 83, "value": 110, "easing": "hold" }, { "frame": 84, "value": 110, "easing": "hold" }, { "frame": 85, "value": 110, "easing": "hold" }, { "frame": 86, "value": 110, "easing": "hold" }, { "frame": 87, "value": 110, "easing": "hold" }, { "frame": 88, "value": 110, "easing": "hold" }, { "frame": 89, "value": 110, "easing": "hold" }, { "frame": 90, "value": 110, "easing": "hold" }, { "frame": 91, "value": 110, "easing": "hold" }, { "frame": 92, "value": 110, "easing": "hold" }, { "frame": 93, "value": 110, "easing": "hold" }, { "frame": 94, "value": 110, "easing": "hold" }, { "frame": 95, "value": 110, "easing": "hold" }, { "frame": 96, "value": 110, "easing": "hold" }, { "frame": 97, "value": 110, "easing": "hold" }, { "frame": 98, "value": 110, "easing": "hold" }, { "frame": 99, "value": 110, "easing": "hold" }, { "frame": 100, "value": 110, "easing": "hold" }, { "frame": 101, "value": 110, "easing": "hold" }, { "frame": 102, "value": 110, "easing": "hold" }, { "frame": 103, "value": 110, "easing": "hold" }, { "frame": 104, "value": 110, "easing": "hold" }, { "frame": 105, "value": 110, "easing": "hold" }, { "frame": 106, "value": 110, "easing": "hold" }, { "frame": 107, "value": 110, "easing": "hold" }, { "frame": 108, "value": 110, "easing": "hold" }, { "frame": 109, "value": 110, "easing": "hold" }, { "frame": 110, "value": 110, "easing": "hold" }, { "frame": 111, "value": 110, "easing": "hold" }, { "frame": 112, "value": 110, "easing": "hold" }, { "frame": 113, "value": 160, "easing": "hold" }, { "frame": 114, "value": 160, "easing": "hold" }, { "frame": 115, "value": 160, "easing": "hold" }, { "frame": 116, "value": 160, "easing": "hold" }, { "frame": 117, "value": 160, "easing": "hold" }, { "frame": 118, "value": 160, "easing": "hold" }, { "frame": 119, "value": 160, "easing": "hold" }, { "frame": 120, "value": 160, "easing": "hold" }, { "frame": 121, "value": 160, "easing": "hold" }, { "frame": 122, "value": 160, "easing": "hold" }, { "frame": 123, "value": 160, "easing": "hold" }, { "frame": 124, "value": 160, "easing": "hold" }, { "frame": 125, "value": 160, "easing": "hold" }, { "frame": 126, "value": 160, "easing": "hold" }, { "frame": 127, "value": 160, "easing": "hold" }, { "frame": 128, "value": 160, "easing": "hold" }, { "frame": 129, "value": 160, "easing": "hold" }, { "frame": 130, "value": 160, "easing": "hold" }, { "frame": 131, "value": 160, "easing": "hold" }, { "frame": 132, "value": 160, "easing": "hold" }, { "frame": 133, "value": 160, "easing": "hold" }, { "frame": 134, "value": 160, "easing": "hold" }, { "frame": 135, "value": 160, "easing": "hold" }, { "frame": 136, "value": 160, "easing": "hold" }, { "frame": 137, "value": 160, "easing": "hold" }, { "frame": 138, "value": 160, "easing": "hold" }, { "frame": 139, "value": 160, "easing": "hold" }, { "frame": 140, "value": 160, "easing": "hold" }, { "frame": 141, "value": 160, "easing": "hold" }, { "frame": 142, "value": 160, "easing": "hold" }, { "frame": 143, "value": 160, "easing": "hold" }, { "frame": 144, "value": 160, "easing": "hold" }, { "frame": 145, "value": 160, "easing": "hold" }, { "frame": 146, "value": 160, "easing": "hold" }, { "frame": 147, "value": 160, "easing": "hold" }, { "frame": 148, "value": 160, "easing": "hold" }, { "frame": 149, "value": 160, "easing": "hold" }, { "frame": 150, "value": 160, "easing": "hold" }, { "frame": 151, "value": 160, "easing": "hold" }, { "frame": 152, "value": 160, "easing": "hold" }, { "frame": 153, "value": 160, "easing": "hold" }, { "frame": 154, "value": 160, "easing": "hold" }, { "frame": 155, "value": 160, "easing": "hold" }, { "frame": 156, "value": 160, "easing": "hold" }, { "frame": 157, "value": 160, "easing": "hold" }, { "frame": 158, "value": 160, "easing": "hold" }, { "frame": 159, "value": 160, "easing": "hold" } ], "radius": 35, "fill": "#ffffff", "stroke": "#e5e5e5", "strokeWidth": 1, "shadow": "0 5px 26px #2034491c" }, { "kind": "group", "id": "explanation-text-clip", "start": 0, "end": 294, "width": [ { "frame": 74, "value": 95, "easing": "hold" }, { "frame": 75, "value": 114, "easing": "hold" }, { "frame": 76, "value": 131, "easing": "hold" }, { "frame": 77, "value": 138, "easing": "hold" }, { "frame": 78, "value": 157, "easing": "hold" }, { "frame": 79, "value": 184, "easing": "hold" }, { "frame": 80, "value": 184, "easing": "hold" }, { "frame": 81, "value": 191, "easing": "hold" }, { "frame": 82, "value": 211, "easing": "hold" }, { "frame": 83, "value": 230, "easing": "hold" }, { "frame": 84, "value": 239, "easing": "hold" }, { "frame": 85, "value": 252, "easing": "hold" }, { "frame": 86, "value": 252, "easing": "hold" }, { "frame": 87, "value": 271, "easing": "hold" }, { "frame": 88, "value": 289, "easing": "hold" }, { "frame": 89, "value": 297, "easing": "hold" }, { "frame": 90, "value": 325, "easing": "hold" }, { "frame": 91, "value": 343, "easing": "hold" }, { "frame": 92, "value": 343, "easing": "hold" }, { "frame": 93, "value": 355, "easing": "hold" }, { "frame": 94, "value": 374, "easing": "hold" }, { "frame": 95, "value": 390, "easing": "hold" }, { "frame": 96, "value": 409, "easing": "hold" }, { "frame": 97, "value": 409, "easing": "hold" }, { "frame": 98, "value": 427, "easing": "hold" }, { "frame": 99, "value": 447, "easing": "hold" }, { "frame": 100, "value": 455, "easing": "hold" }, { "frame": 101, "value": 475, "easing": "hold" }, { "frame": 102, "value": 475, "easing": "hold" }, { "frame": 103, "value": 494, "easing": "hold" }, { "frame": 104, "value": 506, "easing": "hold" }, { "frame": 105, "value": 524, "easing": "hold" }, { "frame": 106, "value": 541, "easing": "hold" }, { "frame": 107, "value": 549, "easing": "hold" }, { "frame": 108, "value": 549, "easing": "hold" }, { "frame": 109, "value": 567, "easing": "hold" }, { "frame": 110, "value": 587, "easing": "hold" }, { "frame": 111, "value": 606, "easing": "hold" }, { "frame": 112, "value": 606, "easing": "hold" }, { "frame": 113, "value": 606, "easing": "hold" }, { "frame": 114, "value": 606, "easing": "hold" }, { "frame": 115, "value": 606, "easing": "hold" }, { "frame": 116, "value": 606, "easing": "hold" }, { "frame": 117, "value": 606, "easing": "hold" }, { "frame": 118, "value": 606, "easing": "hold" }, { "frame": 119, "value": 606, "easing": "hold" }, { "frame": 120, "value": 606, "easing": "hold" }, { "frame": 121, "value": 606, "easing": "hold" }, { "frame": 122, "value": 606, "easing": "hold" }, { "frame": 123, "value": 606, "easing": "hold" }, { "frame": 124, "value": 606, "easing": "hold" }, { "frame": 125, "value": 606, "easing": "hold" }, { "frame": 126, "value": 606, "easing": "hold" }, { "frame": 127, "value": 606, "easing": "hold" }, { "frame": 128, "value": 606, "easing": "hold" }, { "frame": 129, "value": 606, "easing": "hold" }, { "frame": 130, "value": 606, "easing": "hold" }, { "frame": 131, "value": 606, "easing": "hold" }, { "frame": 132, "value": 606, "easing": "hold" }, { "frame": 133, "value": 606, "easing": "hold" }, { "frame": 134, "value": 606, "easing": "hold" }, { "frame": 135, "value": 606, "easing": "hold" }, { "frame": 136, "value": 606, "easing": "hold" }, { "frame": 137, "value": 606, "easing": "hold" }, { "frame": 138, "value": 606, "easing": "hold" }, { "frame": 139, "value": 606, "easing": "hold" }, { "frame": 140, "value": 606, "easing": "hold" }, { "frame": 141, "value": 606, "easing": "hold" }, { "frame": 142, "value": 606, "easing": "hold" }, { "frame": 143, "value": 606, "easing": "hold" }, { "frame": 144, "value": 606, "easing": "hold" }, { "frame": 145, "value": 606, "easing": "hold" }, { "frame": 146, "value": 606, "easing": "hold" }, { "frame": 147, "value": 606, "easing": "hold" }, { "frame": 148, "value": 606, "easing": "hold" }, { "frame": 149, "value": 606, "easing": "hold" }, { "frame": 150, "value": 606, "easing": "hold" }, { "frame": 151, "value": 606, "easing": "hold" }, { "frame": 152, "value": 606, "easing": "hold" }, { "frame": 153, "value": 606, "easing": "hold" }, { "frame": 154, "value": 606, "easing": "hold" }, { "frame": 155, "value": 606, "easing": "hold" }, { "frame": 156, "value": 606, "easing": "hold" }, { "frame": 157, "value": 606, "easing": "hold" }, { "frame": 158, "value": 606, "easing": "hold" }, { "frame": 159, "value": 606, "easing": "hold" } ], "height": [ { "frame": 74, "value": 110, "easing": "hold" }, { "frame": 75, "value": 110, "easing": "hold" }, { "frame": 76, "value": 110, "easing": "hold" }, { "frame": 77, "value": 110, "easing": "hold" }, { "frame": 78, "value": 110, "easing": "hold" }, { "frame": 79, "value": 110, "easing": "hold" }, { "frame": 80, "value": 110, "easing": "hold" }, { "frame": 81, "value": 110, "easing": "hold" }, { "frame": 82, "value": 110, "easing": "hold" }, { "frame": 83, "value": 110, "easing": "hold" }, { "frame": 84, "value": 110, "easing": "hold" }, { "frame": 85, "value": 110, "easing": "hold" }, { "frame": 86, "value": 110, "easing": "hold" }, { "frame": 87, "value": 110, "easing": "hold" }, { "frame": 88, "value": 110, "easing": "hold" }, { "frame": 89, "value": 110, "easing": "hold" }, { "frame": 90, "value": 110, "easing": "hold" }, { "frame": 91, "value": 110, "easing": "hold" }, { "frame": 92, "value": 110, "easing": "hold" }, { "frame": 93, "value": 110, "easing": "hold" }, { "frame": 94, "value": 110, "easing": "hold" }, { "frame": 95, "value": 110, "easing": "hold" }, { "frame": 96, "value": 110, "easing": "hold" }, { "frame": 97, "value": 110, "easing": "hold" }, { "frame": 98, "value": 110, "easing": "hold" }, { "frame": 99, "value": 110, "easing": "hold" }, { "frame": 100, "value": 110, "easing": "hold" }, { "frame": 101, "value": 110, "easing": "hold" }, { "frame": 102, "value": 110, "easing": "hold" }, { "frame": 103, "value": 110, "easing": "hold" }, { "frame": 104, "value": 110, "easing": "hold" }, { "frame": 105, "value": 110, "easing": "hold" }, { "frame": 106, "value": 110, "easing": "hold" }, { "frame": 107, "value": 110, "easing": "hold" }, { "frame": 108, "value": 110, "easing": "hold" }, { "frame": 109, "value": 110, "easing": "hold" }, { "frame": 110, "value": 110, "easing": "hold" }, { "frame": 111, "value": 110, "easing": "hold" }, { "frame": 112, "value": 110, "easing": "hold" }, { "frame": 113, "value": 160, "easing": "hold" }, { "frame": 114, "value": 160, "easing": "hold" }, { "frame": 115, "value": 160, "easing": "hold" }, { "frame": 116, "value": 160, "easing": "hold" }, { "frame": 117, "value": 160, "easing": "hold" }, { "frame": 118, "value": 160, "easing": "hold" }, { "frame": 119, "value": 160, "easing": "hold" }, { "frame": 120, "value": 160, "easing": "hold" }, { "frame": 121, "value": 160, "easing": "hold" }, { "frame": 122, "value": 160, "easing": "hold" }, { "frame": 123, "value": 160, "easing": "hold" }, { "frame": 124, "value": 160, "easing": "hold" }, { "frame": 125, "value": 160, "easing": "hold" }, { "frame": 126, "value": 160, "easing": "hold" }, { "frame": 127, "value": 160, "easing": "hold" }, { "frame": 128, "value": 160, "easing": "hold" }, { "frame": 129, "value": 160, "easing": "hold" }, { "frame": 130, "value": 160, "easing": "hold" }, { "frame": 131, "value": 160, "easing": "hold" }, { "frame": 132, "value": 160, "easing": "hold" }, { "frame": 133, "value": 160, "easing": "hold" }, { "frame": 134, "value": 160, "easing": "hold" }, { "frame": 135, "value": 160, "easing": "hold" }, { "frame": 136, "value": 160, "easing": "hold" }, { "frame": 137, "value": 160, "easing": "hold" }, { "frame": 138, "value": 160, "easing": "hold" }, { "frame": 139, "value": 160, "easing": "hold" }, { "frame": 140, "value": 160, "easing": "hold" }, { "frame": 141, "value": 160, "easing": "hold" }, { "frame": 142, "value": 160, "easing": "hold" }, { "frame": 143, "value": 160, "easing": "hold" }, { "frame": 144, "value": 160, "easing": "hold" }, { "frame": 145, "value": 160, "easing": "hold" }, { "frame": 146, "value": 160, "easing": "hold" }, { "frame": 147, "value": 160, "easing": "hold" }, { "frame": 148, "value": 160, "easing": "hold" }, { "frame": 149, "value": 160, "easing": "hold" }, { "frame": 150, "value": 160, "easing": "hold" }, { "frame": 151, "value": 160, "easing": "hold" }, { "frame": 152, "value": 160, "easing": "hold" }, { "frame": 153, "value": 160, "easing": "hold" }, { "frame": 154, "value": 160, "easing": "hold" }, { "frame": 155, "value": 160, "easing": "hold" }, { "frame": 156, "value": 160, "easing": "hold" }, { "frame": 157, "value": 160, "easing": "hold" }, { "frame": 158, "value": 160, "easing": "hold" }, { "frame": 159, "value": 160, "easing": "hold" } ], "radius": 35, "overflow": "hidden", "children": [ { "kind": "text", "id": "typed-explanation", "start": 0, "end": 294, "slot": "explanation", "x": 36, "y": 31, "width": 540, "height": 101, "fontSize": 34, "weight": 400, "lineHeight": 1.47, "color": "#0c0c0c", "letterSpacing": -0.3, "reveal": { "unit": "characters", "steps": [ { "frame": 74, "count": 1 }, { "frame": 75, "count": 2 }, { "frame": 76, "count": 3 }, { "frame": 77, "count": 4 }, { "frame": 78, "count": 5 }, { "frame": 79, "count": 6 }, { "frame": 80, "count": 6 }, { "frame": 81, "count": 7 }, { "frame": 82, "count": 8 }, { "frame": 83, "count": 9 }, { "frame": 84, "count": 10 }, { "frame": 85, "count": 11 }, { "frame": 86, "count": 11 }, { "frame": 87, "count": 12 }, { "frame": 88, "count": 13 }, { "frame": 89, "count": 14 }, { "frame": 90, "count": 15 }, { "frame": 91, "count": 16 }, { "frame": 92, "count": 16 }, { "frame": 93, "count": 17 }, { "frame": 94, "count": 18 }, { "frame": 95, "count": 19 }, { "frame": 96, "count": 20 }, { "frame": 97, "count": 20 }, { "frame": 98, "count": 21 }, { "frame": 99, "count": 22 }, { "frame": 100, "count": 23 }, { "frame": 101, "count": 24 }, { "frame": 102, "count": 24 }, { "frame": 103, "count": 25 }, { "frame": 104, "count": 26 }, { "frame": 105, "count": 27 }, { "frame": 106, "count": 28 }, { "frame": 107, "count": 29 }, { "frame": 108, "count": 29 }, { "frame": 109, "count": 30 }, { "frame": 110, "count": 31 }, { "frame": 111, "count": 32 }, { "frame": 112, "count": 32 }, { "frame": 113, "count": 34 }, { "frame": 114, "count": 36 }, { "frame": 115, "count": 37 }, { "frame": 116, "count": 37 }, { "frame": 117, "count": 38 }, { "frame": 118, "count": 39 }, { "frame": 119, "count": 40 }, { "frame": 120, "count": 40 }, { "frame": 121, "count": 41 }, { "frame": 122, "count": 42 }, { "frame": 123, "count": 42 }, { "frame": 124, "count": 43 }, { "frame": 125, "count": 44 }, { "frame": 126, "count": 44 }, { "frame": 127, "count": 45 }, { "frame": 128, "count": 46 }, { "frame": 129, "count": 47 }, { "frame": 130, "count": 48 }, { "frame": 131, "count": 48 }, { "frame": 132, "count": 49 }, { "frame": 133, "count": 50 }, { "frame": 134, "count": 50 }, { "frame": 135, "count": 51 }, { "frame": 136, "count": 52 }, { "frame": 137, "count": 53 }, { "frame": 138, "count": 54 }, { "frame": 139, "count": 54 }, { "frame": 140, "count": 55 }, { "frame": 141, "count": 56 }, { "frame": 142, "count": 56 }, { "frame": 143, "count": 57 }, { "frame": 144, "count": 58 }, { "frame": 145, "count": 59 }, { "frame": 146, "count": 59 }, { "frame": 147, "count": 60 }, { "frame": 148, "count": 61 }, { "frame": 149, "count": 61 }, { "frame": 150, "count": 62 }, { "frame": 151, "count": 63 }, { "frame": 152, "count": 63 }, { "frame": 153, "count": 64 }, { "frame": 154, "count": 65 }, { "frame": 155, "count": 65 }, { "frame": 156, "count": 66 }, { "frame": 157, "count": 67 }, { "frame": 158, "count": 67 }, { "frame": 159, "count": 68 } ] }, "lineWidthRanges": [ { "min": 510, "max": 538 }, { "min": 517, "max": 535 } ], "opacity": [ { "frame": 74, "value": 0.25, "easing": "linear" }, { "frame": 75, "value": 0.64, "easing": "linear" }, { "frame": 77, "value": 1, "easing": "linear" } ] } ] } ] }, { "kind": "path", "id": "task-pointer", "start": 43, "end": 294, "slot": "taskPointerPath", "viewBox": [ 0, 0, 54, 56 ], "x": [ { "frame": 43, "value": 984, "easing": "smooth" }, { "frame": 54, "value": 956, "easing": "smooth" }, { "frame": 69, "value": 909, "easing": "smooth" }, { "frame": 74, "value": 896, "easing": "smooth" }, { "frame": 83, "value": 882, "easing": "smooth" }, { "frame": 99, "value": 874, "easing": "smooth" }, { "frame": 270, "value": 874, "easing": "smooth" }, { "frame": 275, "value": 905, "easing": "smooth" }, { "frame": 280, "value": 942, "easing": "smooth" }, { "frame": 281, "value": 950, "easing": "smooth" }, { "frame": 283, "value": 976, "easing": "smooth" }, { "frame": 293, "value": 1023, "easing": "smooth" } ], "y": [ { "frame": 43, "value": 747, "easing": "smooth" }, { "frame": 54, "value": 721, "easing": "smooth" }, { "frame": 69, "value": 684, "easing": "smooth" }, { "frame": 74, "value": 671, "easing": "smooth" }, { "frame": 99, "value": 666, "easing": "smooth" }, { "frame": 270, "value": 666, "easing": "smooth" }, { "frame": 280, "value": 668, "easing": "smooth" }, { "frame": 293, "value": 688, "easing": "smooth" } ], "width": 54, "height": 56, "fill": "#030303", "stroke": "#ffffff", "strokeWidth": 4 }, { "kind": "rect", "id": "disclosure-back", "start": 0, "end": 294, "x": 18, "y": 1038, "width": 254, "height": 28, "radius": 5, "fill": "#ffffff", "opacity": 0.9 }, { "kind": "text", "id": "disclosure", "start": 0, "end": 294, "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": [ "The API does not generate the observed moving blurred field. Requires an original background asset or a separately verified procedural treatment.", "2D narrowing and 3D rotation are both now representable, but the source only establishes a changing silhouette. Choose/falsify the fit in review rather than asserting a recovered 3D rotation.", "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, 1, 12, 13, 24, 42, 43, 44, 73, 74, 75, 110, 111, 112, 113, 114, 277, 278, 279, 280, 281, 282, 287, 293 ], "intermediateFrames": [ 3, 6, 9, 18, 54, 69, 76, 77, 78, 83, 99, 124, 144, 159, 219, 220, 221, 270, 274, 275, 276, 283, 284, 285, 286, 289, 291 ], "sourceEvidence": [ "../research/interface/evidence/interface-05/source.mp4", "../research/interface/evidence/interface-05-native.jpg", "../research/interface/evidence/interface-05-anchors.jpg", "../research/interface/evidence/extraction-ledger.json", "../research/interface/evidence/geometry-measurements.json" ] } }, "content": { "disclosure": "ILLUSTRATED UI · NOT POE", "fieldBase": { "kind": "image", "path": "art/agent-task-card-explanation/field-r04-base-adaptation.svg", "width": 2304, "height": 1296, "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." }, "fieldFolds": { "kind": "image", "path": "art/agent-task-card-explanation/field-r04-folds-adaptation.svg", "width": 2304, "height": 1296, "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." }, "fieldMist": { "kind": "image", "path": "art/agent-task-card-explanation/field-r04-mist-adaptation.svg", "width": 2304, "height": 1296, "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." }, "symbolNotes": { "kind": "image", "path": "art/agent-task-card-explanation/symbol-notes-adaptation.svg", "width": 208, "height": 208, "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." }, "symbolAgenda": { "kind": "image", "path": "art/agent-task-card-explanation/symbol-agenda-adaptation.svg", "width": 208, "height": 208, "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." }, "skeletonShimmer": { "kind": "image", "path": "art/agent-task-card-explanation/shimmer-r04.svg", "width": 4000, "height": 700, "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." }, "firstLabel": "Reviewing planning notes", "secondLabel": "Reviewing team milestones", "explanation": "Reviewing the planning notes and\ncollecting open items for the team.", "taskPointerPath": "M7 3Q2 1 3 7L17 44Q20 51 24 44L29 28L45 24Q52 21 45 17Z" }, "holdBeforeFrames": 0, "holdAfterFrames": 0 }, "inputPropsSha256": "edab430ec66f97cf2da24cc44171eb3a9a24268999f5c35192f03d3f22a40fd3", "shots": [ { "index": 0, "recipeId": "agent-task-card-explanation", "recipeSha256": "00498d9e32b20e6d4f61ef1084200b1a80fbf53f493f0d1644ca75641aa02da6", "contentSha256": "2ab42cd9c965b66a1dac761fe43689f5d701d5f5c5a3aed5f0d5eaf419cd4154", "inputPropsSha256": "edab430ec66f97cf2da24cc44171eb3a9a24268999f5c35192f03d3f22a40fd3", "source": { "slug": "agent-look", "film": "A Look at ChatGPT agent", "url": "https://www.youtube.com/watch?v=2wzGS_WUZYQ", "localMedia": "references/openai/media/agent-look.mp4", "sha256": "f39beb96507b79d3779d339fb923ac1d0c5ad74f145295ec0c86d8b333e68391", "fps": { "numerator": 60, "denominator": 1 }, "width": 1920, "height": 1080, "startFrame": 1156, "endFrameExclusive": 1450 } } ], "assets": [ { "slot": "fieldBase", "path": "public/art/agent-task-card-explanation/field-r04-base-adaptation.svg", "resolvedPath": "public/art/agent-task-card-explanation/field-r04-base-adaptation.svg", "sha256": "3b93579e2b078d119b170bada17ab01d485a4a7a3906530a74538e74f399ec51", "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": 2304, "height": 1296, "method": "svg-viewport/viewBox" } }, { "slot": "fieldFolds", "path": "public/art/agent-task-card-explanation/field-r04-folds-adaptation.svg", "resolvedPath": "public/art/agent-task-card-explanation/field-r04-folds-adaptation.svg", "sha256": "ca8b42849defbe1505ef992ddb9156cb8366babc9422a472230ebd17b1592968", "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": 2304, "height": 1296, "method": "svg-viewport/viewBox" } }, { "slot": "fieldMist", "path": "public/art/agent-task-card-explanation/field-r04-mist-adaptation.svg", "resolvedPath": "public/art/agent-task-card-explanation/field-r04-mist-adaptation.svg", "sha256": "4e944bf8f46f1ebb485270cbabac0e9fa82d0ec2aeff05f6a13bfc8462bec7b1", "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": 2304, "height": 1296, "method": "svg-viewport/viewBox" } }, { "slot": "symbolNotes", "path": "public/art/agent-task-card-explanation/symbol-notes-adaptation.svg", "resolvedPath": "public/art/agent-task-card-explanation/symbol-notes-adaptation.svg", "sha256": "e1f0db6ddeb1f2601861607c5e1f34397ff26d84c22be024050bea39821cc9d2", "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": 208, "height": 208, "method": "svg-viewport/viewBox" } }, { "slot": "symbolAgenda", "path": "public/art/agent-task-card-explanation/symbol-agenda-adaptation.svg", "resolvedPath": "public/art/agent-task-card-explanation/symbol-agenda-adaptation.svg", "sha256": "e070fb0211268d7852f06dd9d5144e9ad462ed33e09bb770a6567039b4c9d6da", "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": 208, "height": 208, "method": "svg-viewport/viewBox" } }, { "slot": "skeletonShimmer", "path": "public/art/agent-task-card-explanation/shimmer-r04.svg", "resolvedPath": "public/art/agent-task-card-explanation/shimmer-r04.svg", "sha256": "a709cd8d7da14999a8dee6b1faec13c4ebaf81ece86e557db60121ee49078c1c", "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": 4000, "height": 700, "method": "svg-viewport/viewBox" } } ], "publicFiles": { "public/art/agent-task-card-explanation/field-r04-base-adaptation.svg": { "sha256": "3b93579e2b078d119b170bada17ab01d485a4a7a3906530a74538e74f399ec51", "resolvedPath": "public/art/agent-task-card-explanation/field-r04-base-adaptation.svg" }, "public/art/agent-task-card-explanation/field-r04-folds-adaptation.svg": { "sha256": "ca8b42849defbe1505ef992ddb9156cb8366babc9422a472230ebd17b1592968", "resolvedPath": "public/art/agent-task-card-explanation/field-r04-folds-adaptation.svg" }, "public/art/agent-task-card-explanation/field-r04-mist-adaptation.svg": { "sha256": "4e944bf8f46f1ebb485270cbabac0e9fa82d0ec2aeff05f6a13bfc8462bec7b1", "resolvedPath": "public/art/agent-task-card-explanation/field-r04-mist-adaptation.svg" }, "public/art/agent-task-card-explanation/shimmer-r04.svg": { "sha256": "a709cd8d7da14999a8dee6b1faec13c4ebaf81ece86e557db60121ee49078c1c", "resolvedPath": "public/art/agent-task-card-explanation/shimmer-r04.svg" }, "public/art/agent-task-card-explanation/symbol-agenda-adaptation.svg": { "sha256": "e070fb0211268d7852f06dd9d5144e9ad462ed33e09bb770a6567039b4c9d6da", "resolvedPath": "public/art/agent-task-card-explanation/symbol-agenda-adaptation.svg" }, "public/art/agent-task-card-explanation/symbol-notes-adaptation.svg": { "sha256": "e1f0db6ddeb1f2601861607c5e1f34397ff26d84c22be024050bea39821cc9d2", "resolvedPath": "public/art/agent-task-card-explanation/symbol-notes-adaptation.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": "e76fc972c1d089f66efa77f9ae38effdd05b585bcd2cab8cf6b8f3377087125d", "implementationDigest": "d8b9486d145a3c5c2eb163dba433e958b8310df238f13f0c354452a67f35cf22", "fileHashes": { "package-lock.json": "d49a849f7eb399e171ed709b67e00e96104f1116e571c96e6e94952e14110922", "package.json": "78bbb94c56da3bfd012607ca3ba88e063ee2a280a65ae6d99175cbe50b1e34fb", "public/art/agent-task-card-explanation/field-r04-base-adaptation.svg": "3b93579e2b078d119b170bada17ab01d485a4a7a3906530a74538e74f399ec51", "public/art/agent-task-card-explanation/field-r04-folds-adaptation.svg": "ca8b42849defbe1505ef992ddb9156cb8366babc9422a472230ebd17b1592968", "public/art/agent-task-card-explanation/field-r04-mist-adaptation.svg": "4e944bf8f46f1ebb485270cbabac0e9fa82d0ec2aeff05f6a13bfc8462bec7b1", "public/art/agent-task-card-explanation/shimmer-r04.svg": "a709cd8d7da14999a8dee6b1faec13c4ebaf81ece86e557db60121ee49078c1c", "public/art/agent-task-card-explanation/symbol-agenda-adaptation.svg": "e070fb0211268d7852f06dd9d5144e9ad462ed33e09bb770a6567039b4c9d6da", "public/art/agent-task-card-explanation/symbol-notes-adaptation.svg": "e1f0db6ddeb1f2601861607c5e1f34397ff26d84c22be024050bea39821cc9d2", "public/fonts/Geist.ttf": "73894e0448cae90a92b6c2f8732b7bb9acb7b94c418bff559dad4a18e1de9659", "recipes/agent-task-card-explanation.json": "28c76fdbbc025361bde3249716491b040fb8ec75c066b6f4b6090bbaa8d52239", "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": "agent-task-card-explanation", "title": "Quiet task card, drifting field, delayed attached explanation", "description": "DRAFT — A foreground card grows vertically and settles while the blurred colored background continues drifting; a pointer-attached explanation types out later, then the central icon changes through a narrow silhouette without moving the card. Original illustrated UI, not real Poe; not fidelity-approved.", "families": [ "layered", "overlay", "interface" ], "intents": [ "A foreground card grows vertically and settles while the blurred colored background continues drifting; a pointer-attached explanation types out later, then the central icon changes through a narrow silhouette without moving the card." ], "tags": [ "draft", "original-illustration", "not-poe", "interface-05" ], "distinctness": { "mechanism": "A foreground card grows vertically and settles while the blurred colored background continues drifting; a pointer-attached explanation types out later, then the central icon changes through a narrow silhouette without moving the card.", "notEquivalentTo": [ "Not interface-04: no dimmed workspace relay; attention is separated between a moving background, quiet card and delayed local callout.", "Not the excluded Atlas icon: icon replacement is a small interior state within a persistent task composition, not a standalone identity reveal." ] }, "source": { "slug": "agent-look", "film": "A Look at ChatGPT agent", "url": "https://www.youtube.com/watch?v=2wzGS_WUZYQ", "localMedia": "references/openai/media/agent-look.mp4", "sha256": "f39beb96507b79d3779d339fb923ac1d0c5ad74f145295ec0c86d8b333e68391", "fps": { "numerator": 60, "denominator": 1 }, "width": 1920, "height": 1080, "startFrame": 1156, "endFrameExclusive": 1450 }, "canvas": { "width": 1920, "height": 1080, "background": "#ffffff" }, "observations": [ { "kind": "measured", "sourceFrames": [ 1155, 1156, 1169 ], "statement": "Title is replaced by the white card at f1156. Its white-fill threshold envelope grows from [511,278,1409,802] at f1156 to [511,174,1409,906] at f1169: width and vertical center remain constant while height grows.", "evidence": [ "../research/interface/evidence/interface-05/source.mp4", "../research/interface/evidence/interface-05-native.jpg", "../research/interface/evidence/interface-05-anchors.jpg" ] }, { "kind": "measured", "sourceFrames": [ 1229, 1230, 1231, 1239, 1428 ], "statement": "The small attached callout starts as a pale form at f1230 and accumulates text through later frames. It is delayed relative to the already-established card.", "evidence": [ "../research/interface/evidence/interface-05/source.mp4", "../research/interface/evidence/interface-05-native.jpg", "../research/interface/evidence/interface-05-anchors.jpg" ] }, { "kind": "measured", "sourceFrames": [ 1434, 1435, 1436, 1437, 1438, 1443 ], "statement": "The old icon narrows, the label changes at f1437, and the replacement icon widens afterward. A simple same-size crossfade would miss this observed silhouette change.", "evidence": [ "../research/interface/evidence/interface-05/source.mp4", "../research/interface/evidence/interface-05-native.jpg", "../research/interface/evidence/interface-05-anchors.jpg" ] }, { "kind": "estimate", "sourceFrames": [ 1280, 1437 ], "statement": "Foreground card about 900x775 px near center; central icon roughly 125 px, about seven pale skeleton rows and a small two-line callout below/right. Bounds ±20 px; no 3D rotation angle is recovered.", "evidence": [ "../research/interface/evidence/interface-05/source.mp4", "../research/interface/evidence/interface-05-native.jpg", "../research/interface/evidence/interface-05-anchors.jpg" ] }, { "kind": "unresolved", "sourceFrames": [ 1156, 1280, 1437 ], "statement": "The blurred background's spatial drift and icon narrowing could be implemented several ways. No actual connector/consent semantics or live timing is established.", "evidence": [ "../research/interface/evidence/interface-05/source.mp4", "../research/interface/evidence/interface-05-native.jpg", "../research/interface/evidence/interface-05-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": [ 1156 ], "evidence": [ "art/agent-task-card-explanation/ASSET-NOTES.json", "art/agent-task-card-explanation/FONT-LICENSE.txt" ] }, { "kind": "measured", "statement": "Native recheck: pointer first appears43; first pale glyph74; second-line shell growth113; label/icon/callout handoff281. Skeleton interior[700,285] varies245→249→246 at24/159/220, confirming foreground activity independent of background drift. Tile has already narrowed at278 and is still about72px wide at280.", "sourceFrames": [ 1180, 1199, 1230, 1269, 1315, 1376, 1434, 1436, 1437 ], "evidence": [ "../evidence/review-interface-a/agent-task-card-explanation/source-native.mp4", "../evidence/review-interface-a/agent-task-card-explanation/review.json" ] }, { "kind": "implementation-choice", "statement": "Nine rounded per-bar clipping groups share a translated diagonal243–249 luminance field. This restores independently moving masked skeleton activity; source shader, band phase and blur are not recovered. Three independent original background planes retain motion with narrower wisps and varied8/16/20px blur, not source pixels.", "sourceFrames": [ 1180, 1255, 1315, 1375, 1376, 1377, 1426, 1449 ], "evidence": [ "art/agent-task-card-explanation/ASSET-NOTES.json" ] }, { "kind": "estimate", "statement": "Perspective1100 and fitted Y rotations begin narrowing274, target about143px at278 and72px at280, reopen asymmetrically from281. These are silhouette fits, not measured source3D parameters. Original bubble uses Geist34 with-0.3px tracking, separate unclipped shadow shell, and a bold white-edged triangular cursor; original frozen32/35-character copy is retained.", "sourceFrames": [ 1230, 1269, 1315, 1430, 1434, 1436, 1437, 1439, 1443 ], "evidence": [ "../evidence/review-interface-a/agent-task-card-explanation/probes/source/0283.png", "art/agent-task-card-explanation/ASSET-NOTES.json" ] } ], "fields": { "disclosure": { "kind": "text", "description": "Required immutable disclosure; original interface illustration, never a product screenshot.", "minLength": 24, "maxLength": 24, "maxLines": 1, "exactLength": 24 }, "fieldBase": { "kind": "image", "description": "Independent original2304x1296 overscan base plane. Revision04 adds narrower wisps and varied blur; no source background reuse.", "aspectRatio": { "numerator": 16, "denominator": 9 }, "minimumWidth": 2304, "minimumHeight": 1296, "fit": "contain" }, "fieldFolds": { "kind": "image", "description": "Independent original2304x1296 overscan folds plane. Revision04 adds narrower wisps and varied blur; no source background reuse.", "aspectRatio": { "numerator": 16, "denominator": 9 }, "minimumWidth": 2304, "minimumHeight": 1296, "fit": "contain" }, "fieldMist": { "kind": "image", "description": "Independent original2304x1296 overscan mist plane. Revision04 adds narrower wisps and varied blur; no source background reuse.", "aspectRatio": { "numerator": 16, "denominator": 9 }, "minimumWidth": 2304, "minimumHeight": 1296, "fit": "contain" }, "symbolNotes": { "kind": "image", "description": "Original208x208 task illustration. Preserve centered200px white tile and perspective handoff; not a connector logo or product claim.", "aspectRatio": { "numerator": 1, "denominator": 1 }, "minimumWidth": 208, "minimumHeight": 208, "fit": "contain" }, "symbolAgenda": { "kind": "image", "description": "Original208x208 task illustration. Preserve centered200px white tile and perspective handoff; not a connector logo or product claim.", "aspectRatio": { "numerator": 1, "denominator": 1 }, "minimumWidth": 208, "minimumHeight": 208, "fit": "contain" }, "skeletonShimmer": { "kind": "image", "description": "Original4000x700 diagonal luminance field, continuously translated through nine rounded per-bar clips. Keep neutral243–249 levels; opaque slot must cover every bar throughout the native hold.", "aspectRatio": { "numerator": 40, "denominator": 7 }, "minimumWidth": 4000, "minimumHeight": 700, "fit": "contain" }, "firstLabel": { "kind": "text", "description": "One-line original status, not a connection or permission claim.", "minLength": 24, "maxLength": 24, "maxLines": 1 }, "secondLabel": { "kind": "text", "description": "One-line next-task label, switches only at local281/source1437.", "minLength": 25, "maxLength": 25, "maxLines": 1 }, "explanation": { "kind": "text", "description": "Exactly32 characters, newline,35 characters. Native typing, line onset113 and paired capsule geometry are coupled to this fixed shape; no automatic wrapping.", "minLength": 68, "maxLength": 68, "maxLines": 2, "exactLength": 68, "lineLengths": [ 32, 35 ], "exactLines": 2 }, "taskPointerPath": { "kind": "path", "description": "Original bold rounded triangular pointer; white4px edge with no stem. Keep the upper-left hotspot attached to the bubble motion.", "viewBox": [ 0, 0, 54, 56 ] } }, "defaults": { "disclosure": "ILLUSTRATED UI · NOT POE", "fieldBase": { "kind": "image", "path": "art/agent-task-card-explanation/field-r04-base-default.svg", "width": 2304, "height": 1296, "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." }, "fieldFolds": { "kind": "image", "path": "art/agent-task-card-explanation/field-r04-folds-default.svg", "width": 2304, "height": 1296, "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." }, "fieldMist": { "kind": "image", "path": "art/agent-task-card-explanation/field-r04-mist-default.svg", "width": 2304, "height": 1296, "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." }, "symbolNotes": { "kind": "image", "path": "art/agent-task-card-explanation/symbol-notes-default.svg", "width": 208, "height": 208, "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." }, "symbolAgenda": { "kind": "image", "path": "art/agent-task-card-explanation/symbol-agenda-default.svg", "width": 208, "height": 208, "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." }, "skeletonShimmer": { "kind": "image", "path": "art/agent-task-card-explanation/shimmer-r04.svg", "width": 4000, "height": 700, "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." }, "firstLabel": "Preparing workshop notes", "secondLabel": "Preparing the team agenda", "explanation": "Reviewing the workshop notes and\ncollecting next steps for the team.", "taskPointerPath": "M7 3Q2 1 3 7L17 44Q20 51 24 44L29 28L45 24Q52 21 45 17Z" }, "adaptation": { "disclosure": "ILLUSTRATED UI · NOT POE", "fieldBase": { "kind": "image", "path": "art/agent-task-card-explanation/field-r04-base-adaptation.svg", "width": 2304, "height": 1296, "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." }, "fieldFolds": { "kind": "image", "path": "art/agent-task-card-explanation/field-r04-folds-adaptation.svg", "width": 2304, "height": 1296, "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." }, "fieldMist": { "kind": "image", "path": "art/agent-task-card-explanation/field-r04-mist-adaptation.svg", "width": 2304, "height": 1296, "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." }, "symbolNotes": { "kind": "image", "path": "art/agent-task-card-explanation/symbol-notes-adaptation.svg", "width": 208, "height": 208, "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." }, "symbolAgenda": { "kind": "image", "path": "art/agent-task-card-explanation/symbol-agenda-adaptation.svg", "width": 208, "height": 208, "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." }, "skeletonShimmer": { "kind": "image", "path": "art/agent-task-card-explanation/shimmer-r04.svg", "width": 4000, "height": 700, "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." }, "firstLabel": "Reviewing planning notes", "secondLabel": "Reviewing team milestones", "explanation": "Reviewing the planning notes and\ncollecting open items for the team.", "taskPointerPath": "M7 3Q2 1 3 7L17 44Q20 51 24 44L29 28L45 24Q52 21 45 17Z" }, "adaptationNotes": [ "Use an original abstract task-status card over an original moving color field; keep the task card quiet while a small local explanation and original icon change provide progression.", "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": [ "Independent foreground/background motion", "Vertical card growth about its center", "Delayed callout", "Narrow icon handoff", "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.", "Keep center-preserving card growth, live foreground shimmer during the hold and three independently moving background planes.", "Pointer43, first pale glyph74, second-line shell113, earlier icon narrowing and label/callout handoff281 are source-locked.", "Explanation is exactly32/newline/35 characters. Copy, prefix-derived capsule widths and fitted reveal steps are coupled; never auto-reflow, shrink, or retime." ], "unsupported": [ "An original abstraction is not a claim that Poe connects these services.", "Keep the callout locally attached; do not center it as a chapter heading.", "No source background or product icon asset reuse.", "Arbitrary UI screenshots, reflowing copy or aspect-ratio changes are unsupported.", "Fresh moving-source fidelity review and final font/blur/alpha fitting are outstanding.", "Band phase/width, tile perspective and source background topology remain estimates requiring fresh moving-source retest; no material finding is self-accepted.", "Text lineLengths and measured line-width ranges cannot validate the semantic or prefix-to-capsule coupling. Changing copy requires recalculating capsule widths and a new review.", "The runtime provides rectangular rounded clipping, not a general scene-mask primitive. Nine synchronized rounded clips exactly preserve the authored bar geometry; source procedural shader recovery is not claimed." ], "entry": { "field": "layered", "description": "Short card replaces title", "continuityKeys": [ "original-content-identity", "native-clock" ] }, "exit": { "field": "layered", "description": "Icon at narrow handoff silhouette", "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": "moving-base", "start": 0, "end": 294, "slot": "fieldBase", "width": 2304, "height": 1296, "origin": [ 1152, 648 ], "fit": "contain", "x": [ { "frame": 0, "value": -192, "easing": "smooth" }, { "frame": 100, "value": -173, "easing": "smooth" }, { "frame": 200, "value": -215, "easing": "smooth" }, { "frame": 293, "value": -242, "easing": "smooth" } ], "y": [ { "frame": 0, "value": -108, "easing": "smooth" }, { "frame": 147, "value": -88, "easing": "smooth" }, { "frame": 293, "value": -115, "easing": "smooth" } ], "rotation": [ { "frame": 0, "value": 0, "easing": "linear" }, { "frame": 293, "value": 0.45, "easing": "linear" } ] }, { "kind": "image", "id": "moving-folds", "start": 0, "end": 294, "slot": "fieldFolds", "width": 2304, "height": 1296, "origin": [ 1152, 648 ], "fit": "contain", "x": [ { "frame": 0, "value": -178, "easing": "smooth" }, { "frame": 90, "value": -206, "easing": "smooth" }, { "frame": 200, "value": -158, "easing": "smooth" }, { "frame": 293, "value": -219, "easing": "smooth" } ], "y": [ { "frame": 0, "value": -123, "easing": "smooth" }, { "frame": 147, "value": -65, "easing": "smooth" }, { "frame": 293, "value": -107, "easing": "smooth" } ], "rotation": [ { "frame": 0, "value": -1, "easing": "smooth" }, { "frame": 130, "value": 0.8, "easing": "smooth" }, { "frame": 293, "value": -0.3, "easing": "smooth" } ] }, { "kind": "image", "id": "moving-mist", "start": 0, "end": 294, "slot": "fieldMist", "width": 2304, "height": 1296, "origin": [ 1152, 648 ], "fit": "contain", "x": [ { "frame": 0, "value": -224, "easing": "smooth" }, { "frame": 150, "value": -158, "easing": "smooth" }, { "frame": 293, "value": -192, "easing": "smooth" } ], "y": [ { "frame": 0, "value": -97, "easing": "smooth" }, { "frame": 150, "value": -136, "easing": "smooth" }, { "frame": 293, "value": -84, "easing": "smooth" } ], "rotation": [ { "frame": 0, "value": 0.8, "easing": "linear" }, { "frame": 293, "value": -0.5, "easing": "linear" } ] }, { "kind": "group", "id": "growing-card", "start": 0, "end": 294, "x": 511, "y": [ { "frame": 0, "value": 278, "easing": "linear" }, { "frame": 1, "value": 268, "easing": "linear" }, { "frame": 2, "value": 258, "easing": "linear" }, { "frame": 3, "value": 248.5, "easing": "linear" }, { "frame": 4, "value": 239.5, "easing": "linear" }, { "frame": 5, "value": 231, "easing": "linear" }, { "frame": 6, "value": 223, "easing": "linear" }, { "frame": 7, "value": 215, "easing": "linear" }, { "frame": 8, "value": 207.5, "easing": "linear" }, { "frame": 9, "value": 200, "easing": "linear" }, { "frame": 10, "value": 193, "easing": "linear" }, { "frame": 11, "value": 186.5, "easing": "linear" }, { "frame": 12, "value": 180, "easing": "linear" }, { "frame": 13, "value": 174, "easing": "linear" }, { "frame": 18, "value": 159, "easing": "linear" }, { "frame": 24, "value": 153, "easing": "linear" }, { "frame": 293, "value": 153, "easing": "linear" } ], "width": 898, "height": [ { "frame": 0, "value": 524, "easing": "linear" }, { "frame": 1, "value": 544, "easing": "linear" }, { "frame": 2, "value": 564, "easing": "linear" }, { "frame": 3, "value": 583, "easing": "linear" }, { "frame": 4, "value": 601, "easing": "linear" }, { "frame": 5, "value": 618, "easing": "linear" }, { "frame": 6, "value": 634, "easing": "linear" }, { "frame": 7, "value": 650, "easing": "linear" }, { "frame": 8, "value": 665, "easing": "linear" }, { "frame": 9, "value": 680, "easing": "linear" }, { "frame": 10, "value": 694, "easing": "linear" }, { "frame": 11, "value": 707, "easing": "linear" }, { "frame": 12, "value": 720, "easing": "linear" }, { "frame": 13, "value": 732, "easing": "linear" }, { "frame": 18, "value": 762, "easing": "linear" }, { "frame": 24, "value": 774, "easing": "linear" }, { "frame": 293, "value": 774, "easing": "linear" } ], "children": [ { "kind": "rect", "id": "card-shell", "start": 0, "end": 294, "width": 898, "height": [ { "frame": 0, "value": 524, "easing": "linear" }, { "frame": 1, "value": 544, "easing": "linear" }, { "frame": 2, "value": 564, "easing": "linear" }, { "frame": 3, "value": 583, "easing": "linear" }, { "frame": 4, "value": 601, "easing": "linear" }, { "frame": 5, "value": 618, "easing": "linear" }, { "frame": 6, "value": 634, "easing": "linear" }, { "frame": 7, "value": 650, "easing": "linear" }, { "frame": 8, "value": 665, "easing": "linear" }, { "frame": 9, "value": 680, "easing": "linear" }, { "frame": 10, "value": 694, "easing": "linear" }, { "frame": 11, "value": 707, "easing": "linear" }, { "frame": 12, "value": 720, "easing": "linear" }, { "frame": 13, "value": 732, "easing": "linear" }, { "frame": 18, "value": 762, "easing": "linear" }, { "frame": 24, "value": 774, "easing": "linear" }, { "frame": 293, "value": 774, "easing": "linear" } ], "radius": 38, "fill": "#ffffff", "shadow": "0 3px 12px #4d66840d" }, { "kind": "path", "id": "task-status-symbol", "start": 0, "end": 294, "x": 40, "y": 33, "width": 39, "height": 39, "path": "M17 1A16 16 0 1 0 17 33A16 16 0 1 0 17 1M1 17H33M17 1C7 9 7 25 17 33M17 1C27 9 27 25 17 33M17 1V33", "viewBox": [ 0, 0, 34, 34 ], "fill": "none", "stroke": "#626567", "strokeWidth": 2.5 }, { "kind": "text", "id": "first-task-label", "start": 0, "end": 281, "slot": "firstLabel", "x": 97, "y": 30, "width": 750, "height": 46, "fontSize": 34, "weight": 500, "lineHeight": 1.25, "color": "#626262" }, { "kind": "text", "id": "second-task-label", "start": 281, "end": 294, "slot": "secondLabel", "x": 97, "y": 30, "width": 750, "height": 46, "fontSize": 34, "weight": 500, "lineHeight": 1.25, "color": "#626262" }, { "kind": "rect", "id": "skeleton-panel-outline", "start": 0, "end": 294, "x": 36, "y": 103, "width": 826, "height": [ { "frame": 0, "value": 384, "easing": "linear" }, { "frame": 1, "value": 404, "easing": "linear" }, { "frame": 2, "value": 424, "easing": "linear" }, { "frame": 3, "value": 443, "easing": "linear" }, { "frame": 4, "value": 461, "easing": "linear" }, { "frame": 5, "value": 478, "easing": "linear" }, { "frame": 6, "value": 494, "easing": "linear" }, { "frame": 7, "value": 510, "easing": "linear" }, { "frame": 8, "value": 525, "easing": "linear" }, { "frame": 9, "value": 540, "easing": "linear" }, { "frame": 10, "value": 554, "easing": "linear" }, { "frame": 11, "value": 567, "easing": "linear" }, { "frame": 12, "value": 580, "easing": "linear" }, { "frame": 13, "value": 592, "easing": "linear" }, { "frame": 18, "value": 622, "easing": "linear" }, { "frame": 24, "value": 634, "easing": "linear" }, { "frame": 293, "value": 634, "easing": "linear" } ], "radius": 19, "fill": "none", "stroke": "#ededed", "strokeWidth": 2, "opacity": [ { "frame": 0, "value": 0.15, "easing": "linear" }, { "frame": 13, "value": 0.8, "easing": "linear" }, { "frame": 24, "value": 1, "easing": "linear" } ] }, { "kind": "group", "id": "skeleton-layout", "start": 0, "end": 294, "x": 36, "y": 103, "width": 826, "height": 634, "origin": [ 0, 0 ], "scaleY": [ { "frame": 0, "value": 0.6056782334384858, "easing": "linear" }, { "frame": 1, "value": 0.637223974763407, "easing": "linear" }, { "frame": 2, "value": 0.668769716088328, "easing": "linear" }, { "frame": 3, "value": 0.6987381703470031, "easing": "linear" }, { "frame": 4, "value": 0.7271293375394322, "easing": "linear" }, { "frame": 5, "value": 0.7539432176656151, "easing": "linear" }, { "frame": 6, "value": 0.7791798107255521, "easing": "linear" }, { "frame": 7, "value": 0.804416403785489, "easing": "linear" }, { "frame": 8, "value": 0.8280757097791798, "easing": "linear" }, { "frame": 9, "value": 0.8517350157728707, "easing": "linear" }, { "frame": 10, "value": 0.8738170347003155, "easing": "linear" }, { "frame": 11, "value": 0.8943217665615142, "easing": "linear" }, { "frame": 12, "value": 0.9148264984227129, "easing": "linear" }, { "frame": 13, "value": 0.9337539432176656, "easing": "linear" }, { "frame": 18, "value": 0.9810725552050473, "easing": "linear" }, { "frame": 24, "value": 1, "easing": "linear" }, { "frame": 293, "value": 1, "easing": "linear" } ], "opacity": [ { "frame": 0, "value": 0.04, "easing": "linear" }, { "frame": 3, "value": 0.25, "easing": "linear" }, { "frame": 13, "value": 0.95, "easing": "linear" }, { "frame": 24, "value": 1, "easing": "linear" } ], "children": [ { "kind": "group", "id": "shimmer-mask-row-1", "start": 0, "end": 294, "x": 26, "y": 12, "width": 514, "height": 41, "radius": 20, "overflow": "hidden", "children": [ { "kind": "image", "id": "moving-shimmer-1", "start": 0, "end": 294, "slot": "skeletonShimmer", "x": [ { "frame": 0, "value": -1876, "easing": "linear" }, { "frame": 24, "value": -1806, "easing": "linear" }, { "frame": 99, "value": -1546, "easing": "linear" }, { "frame": 159, "value": -1146, "easing": "linear" }, { "frame": 220, "value": -886, "easing": "linear" }, { "frame": 270, "value": -646, "easing": "linear" }, { "frame": 293, "value": -526, "easing": "linear" } ], "y": -12, "width": 4000, "height": 700, "fit": "contain" } ] }, { "kind": "group", "id": "shimmer-mask-row-2", "start": 0, "end": 294, "x": 83, "y": 83, "width": 404, "height": 41, "radius": 20, "overflow": "hidden", "children": [ { "kind": "image", "id": "moving-shimmer-2", "start": 0, "end": 294, "slot": "skeletonShimmer", "x": [ { "frame": 0, "value": -1933, "easing": "linear" }, { "frame": 24, "value": -1863, "easing": "linear" }, { "frame": 99, "value": -1603, "easing": "linear" }, { "frame": 159, "value": -1203, "easing": "linear" }, { "frame": 220, "value": -943, "easing": "linear" }, { "frame": 270, "value": -703, "easing": "linear" }, { "frame": 293, "value": -583, "easing": "linear" } ], "y": -83, "width": 4000, "height": 700, "fit": "contain" } ] }, { "kind": "group", "id": "shimmer-mask-row-3", "start": 0, "end": 294, "x": 83, "y": 154, "width": 485, "height": 41, "radius": 20, "overflow": "hidden", "children": [ { "kind": "image", "id": "moving-shimmer-3", "start": 0, "end": 294, "slot": "skeletonShimmer", "x": [ { "frame": 0, "value": -1933, "easing": "linear" }, { "frame": 24, "value": -1863, "easing": "linear" }, { "frame": 99, "value": -1603, "easing": "linear" }, { "frame": 159, "value": -1203, "easing": "linear" }, { "frame": 220, "value": -943, "easing": "linear" }, { "frame": 270, "value": -703, "easing": "linear" }, { "frame": 293, "value": -583, "easing": "linear" } ], "y": -154, "width": 4000, "height": 700, "fit": "contain" } ] }, { "kind": "group", "id": "shimmer-mask-row-4", "start": 0, "end": 294, "x": 57, "y": 225, "width": 711, "height": 41, "radius": 20, "overflow": "hidden", "children": [ { "kind": "image", "id": "moving-shimmer-4", "start": 0, "end": 294, "slot": "skeletonShimmer", "x": [ { "frame": 0, "value": -1907, "easing": "linear" }, { "frame": 24, "value": -1837, "easing": "linear" }, { "frame": 99, "value": -1577, "easing": "linear" }, { "frame": 159, "value": -1177, "easing": "linear" }, { "frame": 220, "value": -917, "easing": "linear" }, { "frame": 270, "value": -677, "easing": "linear" }, { "frame": 293, "value": -557, "easing": "linear" } ], "y": -225, "width": 4000, "height": 700, "fit": "contain" } ] }, { "kind": "group", "id": "shimmer-mask-row-5", "start": 0, "end": 294, "x": 112, "y": 296, "width": 574, "height": 41, "radius": 20, "overflow": "hidden", "children": [ { "kind": "image", "id": "moving-shimmer-5", "start": 0, "end": 294, "slot": "skeletonShimmer", "x": [ { "frame": 0, "value": -1962, "easing": "linear" }, { "frame": 24, "value": -1892, "easing": "linear" }, { "frame": 99, "value": -1632, "easing": "linear" }, { "frame": 159, "value": -1232, "easing": "linear" }, { "frame": 220, "value": -972, "easing": "linear" }, { "frame": 270, "value": -732, "easing": "linear" }, { "frame": 293, "value": -612, "easing": "linear" } ], "y": -296, "width": 4000, "height": 700, "fit": "contain" } ] }, { "kind": "group", "id": "shimmer-mask-row-6", "start": 0, "end": 294, "x": 112, "y": 367, "width": 675, "height": 41, "radius": 20, "overflow": "hidden", "children": [ { "kind": "image", "id": "moving-shimmer-6", "start": 0, "end": 294, "slot": "skeletonShimmer", "x": [ { "frame": 0, "value": -1962, "easing": "linear" }, { "frame": 24, "value": -1892, "easing": "linear" }, { "frame": 99, "value": -1632, "easing": "linear" }, { "frame": 159, "value": -1232, "easing": "linear" }, { "frame": 220, "value": -972, "easing": "linear" }, { "frame": 270, "value": -732, "easing": "linear" }, { "frame": 293, "value": -612, "easing": "linear" } ], "y": -367, "width": 4000, "height": 700, "fit": "contain" } ] }, { "kind": "group", "id": "shimmer-mask-row-7", "start": 0, "end": 294, "x": 26, "y": 438, "width": 678, "height": 41, "radius": 20, "overflow": "hidden", "children": [ { "kind": "image", "id": "moving-shimmer-7", "start": 0, "end": 294, "slot": "skeletonShimmer", "x": [ { "frame": 0, "value": -1876, "easing": "linear" }, { "frame": 24, "value": -1806, "easing": "linear" }, { "frame": 99, "value": -1546, "easing": "linear" }, { "frame": 159, "value": -1146, "easing": "linear" }, { "frame": 220, "value": -886, "easing": "linear" }, { "frame": 270, "value": -646, "easing": "linear" }, { "frame": 293, "value": -526, "easing": "linear" } ], "y": -438, "width": 4000, "height": 700, "fit": "contain" } ] }, { "kind": "group", "id": "shimmer-mask-row-8", "start": 0, "end": 294, "x": 26, "y": 509, "width": 710, "height": 41, "radius": 20, "overflow": "hidden", "children": [ { "kind": "image", "id": "moving-shimmer-8", "start": 0, "end": 294, "slot": "skeletonShimmer", "x": [ { "frame": 0, "value": -1876, "easing": "linear" }, { "frame": 24, "value": -1806, "easing": "linear" }, { "frame": 99, "value": -1546, "easing": "linear" }, { "frame": 159, "value": -1146, "easing": "linear" }, { "frame": 220, "value": -886, "easing": "linear" }, { "frame": 270, "value": -646, "easing": "linear" }, { "frame": 293, "value": -526, "easing": "linear" } ], "y": -509, "width": 4000, "height": 700, "fit": "contain" } ] }, { "kind": "group", "id": "shimmer-mask-row-9", "start": 0, "end": 294, "x": 26, "y": 580, "width": 574, "height": 41, "radius": 20, "overflow": "hidden", "children": [ { "kind": "image", "id": "moving-shimmer-9", "start": 0, "end": 294, "slot": "skeletonShimmer", "x": [ { "frame": 0, "value": -1876, "easing": "linear" }, { "frame": 24, "value": -1806, "easing": "linear" }, { "frame": 99, "value": -1546, "easing": "linear" }, { "frame": 159, "value": -1146, "easing": "linear" }, { "frame": 220, "value": -886, "easing": "linear" }, { "frame": 270, "value": -646, "easing": "linear" }, { "frame": 293, "value": -526, "easing": "linear" } ], "y": -580, "width": 4000, "height": 700, "fit": "contain" } ] } ] } ] }, { "kind": "group", "id": "notes-icon-handoff", "start": 0, "end": 281, "x": 856, "y": 472, "width": 208, "height": 208, "origin": [ 104, 104 ], "perspective": 1100, "rotationY": [ { "frame": 0, "value": 0, "easing": "linear" }, { "frame": 273, "value": 0, "easing": "linear" }, { "frame": 274, "value": -8, "easing": "linear" }, { "frame": 275, "value": -18, "easing": "linear" }, { "frame": 276, "value": -26, "easing": "linear" }, { "frame": 277, "value": -35, "easing": "linear" }, { "frame": 278, "value": -45, "easing": "linear" }, { "frame": 279, "value": -54, "easing": "linear" }, { "frame": 280, "value": -69, "easing": "linear" } ], "scale": [ { "frame": 0, "value": 0.74, "easing": "linear" }, { "frame": 13, "value": 1, "easing": "linear" }, { "frame": 293, "value": 1, "easing": "linear" } ], "children": [ { "kind": "rect", "id": "notes-tile-shadow", "start": 0, "end": 294, "x": 4, "y": 4, "width": 200, "height": 200, "radius": 20, "fill": "#ffffff", "shadow": "0 9px 30px #15263816" }, { "kind": "image", "id": "notes-art", "start": 0, "end": 294, "slot": "symbolNotes", "width": 208, "height": 208, "fit": "contain" } ] }, { "kind": "group", "id": "agenda-icon-handoff", "start": 281, "end": 294, "x": 856, "y": 472, "width": 208, "height": 208, "origin": [ 104, 104 ], "perspective": 1100, "rotationY": [ { "frame": 281, "value": -89.8, "easing": "linear" }, { "frame": 282, "value": -72, "easing": "linear" }, { "frame": 283, "value": -56, "easing": "linear" }, { "frame": 284, "value": -43, "easing": "linear" }, { "frame": 285, "value": -31, "easing": "linear" }, { "frame": 286, "value": -22, "easing": "linear" }, { "frame": 287, "value": -14, "easing": "linear" }, { "frame": 289, "value": -5, "easing": "linear" }, { "frame": 291, "value": 0, "easing": "linear" }, { "frame": 293, "value": 0, "easing": "linear" } ], "scale": [ { "frame": 0, "value": 0.74, "easing": "linear" }, { "frame": 13, "value": 1, "easing": "linear" }, { "frame": 293, "value": 1, "easing": "linear" } ], "children": [ { "kind": "rect", "id": "agenda-tile-shadow", "start": 0, "end": 294, "x": 4, "y": 4, "width": 200, "height": 200, "radius": 20, "fill": "#ffffff", "shadow": "0 9px 30px #15263816" }, { "kind": "image", "id": "agenda-art", "start": 0, "end": 294, "slot": "symbolAgenda", "width": 208, "height": 208, "fit": "contain" } ] }, { "kind": "group", "id": "attached-explanation", "start": 74, "end": 281, "x": [ { "frame": 74, "value": 934, "easing": "linear" }, { "frame": 83, "value": 920, "easing": "linear" }, { "frame": 99, "value": 912, "easing": "linear" }, { "frame": 270, "value": 912, "easing": "linear" }, { "frame": 275, "value": 943, "easing": "linear" }, { "frame": 280, "value": 980, "easing": "linear" } ], "y": [ { "frame": 74, "value": 707, "easing": "linear" }, { "frame": 99, "value": 701, "easing": "linear" }, { "frame": 280, "value": 701, "easing": "linear" } ], "width": [ { "frame": 74, "value": 95, "easing": "hold" }, { "frame": 75, "value": 114, "easing": "hold" }, { "frame": 76, "value": 131, "easing": "hold" }, { "frame": 77, "value": 138, "easing": "hold" }, { "frame": 78, "value": 157, "easing": "hold" }, { "frame": 79, "value": 184, "easing": "hold" }, { "frame": 80, "value": 184, "easing": "hold" }, { "frame": 81, "value": 191, "easing": "hold" }, { "frame": 82, "value": 211, "easing": "hold" }, { "frame": 83, "value": 230, "easing": "hold" }, { "frame": 84, "value": 239, "easing": "hold" }, { "frame": 85, "value": 252, "easing": "hold" }, { "frame": 86, "value": 252, "easing": "hold" }, { "frame": 87, "value": 271, "easing": "hold" }, { "frame": 88, "value": 289, "easing": "hold" }, { "frame": 89, "value": 297, "easing": "hold" }, { "frame": 90, "value": 325, "easing": "hold" }, { "frame": 91, "value": 343, "easing": "hold" }, { "frame": 92, "value": 343, "easing": "hold" }, { "frame": 93, "value": 355, "easing": "hold" }, { "frame": 94, "value": 374, "easing": "hold" }, { "frame": 95, "value": 390, "easing": "hold" }, { "frame": 96, "value": 409, "easing": "hold" }, { "frame": 97, "value": 409, "easing": "hold" }, { "frame": 98, "value": 427, "easing": "hold" }, { "frame": 99, "value": 447, "easing": "hold" }, { "frame": 100, "value": 455, "easing": "hold" }, { "frame": 101, "value": 475, "easing": "hold" }, { "frame": 102, "value": 475, "easing": "hold" }, { "frame": 103, "value": 494, "easing": "hold" }, { "frame": 104, "value": 506, "easing": "hold" }, { "frame": 105, "value": 524, "easing": "hold" }, { "frame": 106, "value": 541, "easing": "hold" }, { "frame": 107, "value": 549, "easing": "hold" }, { "frame": 108, "value": 549, "easing": "hold" }, { "frame": 109, "value": 567, "easing": "hold" }, { "frame": 110, "value": 587, "easing": "hold" }, { "frame": 111, "value": 606, "easing": "hold" }, { "frame": 112, "value": 606, "easing": "hold" }, { "frame": 113, "value": 606, "easing": "hold" }, { "frame": 114, "value": 606, "easing": "hold" }, { "frame": 115, "value": 606, "easing": "hold" }, { "frame": 116, "value": 606, "easing": "hold" }, { "frame": 117, "value": 606, "easing": "hold" }, { "frame": 118, "value": 606, "easing": "hold" }, { "frame": 119, "value": 606, "easing": "hold" }, { "frame": 120, "value": 606, "easing": "hold" }, { "frame": 121, "value": 606, "easing": "hold" }, { "frame": 122, "value": 606, "easing": "hold" }, { "frame": 123, "value": 606, "easing": "hold" }, { "frame": 124, "value": 606, "easing": "hold" }, { "frame": 125, "value": 606, "easing": "hold" }, { "frame": 126, "value": 606, "easing": "hold" }, { "frame": 127, "value": 606, "easing": "hold" }, { "frame": 128, "value": 606, "easing": "hold" }, { "frame": 129, "value": 606, "easing": "hold" }, { "frame": 130, "value": 606, "easing": "hold" }, { "frame": 131, "value": 606, "easing": "hold" }, { "frame": 132, "value": 606, "easing": "hold" }, { "frame": 133, "value": 606, "easing": "hold" }, { "frame": 134, "value": 606, "easing": "hold" }, { "frame": 135, "value": 606, "easing": "hold" }, { "frame": 136, "value": 606, "easing": "hold" }, { "frame": 137, "value": 606, "easing": "hold" }, { "frame": 138, "value": 606, "easing": "hold" }, { "frame": 139, "value": 606, "easing": "hold" }, { "frame": 140, "value": 606, "easing": "hold" }, { "frame": 141, "value": 606, "easing": "hold" }, { "frame": 142, "value": 606, "easing": "hold" }, { "frame": 143, "value": 606, "easing": "hold" }, { "frame": 144, "value": 606, "easing": "hold" }, { "frame": 145, "value": 606, "easing": "hold" }, { "frame": 146, "value": 606, "easing": "hold" }, { "frame": 147, "value": 606, "easing": "hold" }, { "frame": 148, "value": 606, "easing": "hold" }, { "frame": 149, "value": 606, "easing": "hold" }, { "frame": 150, "value": 606, "easing": "hold" }, { "frame": 151, "value": 606, "easing": "hold" }, { "frame": 152, "value": 606, "easing": "hold" }, { "frame": 153, "value": 606, "easing": "hold" }, { "frame": 154, "value": 606, "easing": "hold" }, { "frame": 155, "value": 606, "easing": "hold" }, { "frame": 156, "value": 606, "easing": "hold" }, { "frame": 157, "value": 606, "easing": "hold" }, { "frame": 158, "value": 606, "easing": "hold" }, { "frame": 159, "value": 606, "easing": "hold" } ], "height": [ { "frame": 74, "value": 110, "easing": "hold" }, { "frame": 75, "value": 110, "easing": "hold" }, { "frame": 76, "value": 110, "easing": "hold" }, { "frame": 77, "value": 110, "easing": "hold" }, { "frame": 78, "value": 110, "easing": "hold" }, { "frame": 79, "value": 110, "easing": "hold" }, { "frame": 80, "value": 110, "easing": "hold" }, { "frame": 81, "value": 110, "easing": "hold" }, { "frame": 82, "value": 110, "easing": "hold" }, { "frame": 83, "value": 110, "easing": "hold" }, { "frame": 84, "value": 110, "easing": "hold" }, { "frame": 85, "value": 110, "easing": "hold" }, { "frame": 86, "value": 110, "easing": "hold" }, { "frame": 87, "value": 110, "easing": "hold" }, { "frame": 88, "value": 110, "easing": "hold" }, { "frame": 89, "value": 110, "easing": "hold" }, { "frame": 90, "value": 110, "easing": "hold" }, { "frame": 91, "value": 110, "easing": "hold" }, { "frame": 92, "value": 110, "easing": "hold" }, { "frame": 93, "value": 110, "easing": "hold" }, { "frame": 94, "value": 110, "easing": "hold" }, { "frame": 95, "value": 110, "easing": "hold" }, { "frame": 96, "value": 110, "easing": "hold" }, { "frame": 97, "value": 110, "easing": "hold" }, { "frame": 98, "value": 110, "easing": "hold" }, { "frame": 99, "value": 110, "easing": "hold" }, { "frame": 100, "value": 110, "easing": "hold" }, { "frame": 101, "value": 110, "easing": "hold" }, { "frame": 102, "value": 110, "easing": "hold" }, { "frame": 103, "value": 110, "easing": "hold" }, { "frame": 104, "value": 110, "easing": "hold" }, { "frame": 105, "value": 110, "easing": "hold" }, { "frame": 106, "value": 110, "easing": "hold" }, { "frame": 107, "value": 110, "easing": "hold" }, { "frame": 108, "value": 110, "easing": "hold" }, { "frame": 109, "value": 110, "easing": "hold" }, { "frame": 110, "value": 110, "easing": "hold" }, { "frame": 111, "value": 110, "easing": "hold" }, { "frame": 112, "value": 110, "easing": "hold" }, { "frame": 113, "value": 160, "easing": "hold" }, { "frame": 114, "value": 160, "easing": "hold" }, { "frame": 115, "value": 160, "easing": "hold" }, { "frame": 116, "value": 160, "easing": "hold" }, { "frame": 117, "value": 160, "easing": "hold" }, { "frame": 118, "value": 160, "easing": "hold" }, { "frame": 119, "value": 160, "easing": "hold" }, { "frame": 120, "value": 160, "easing": "hold" }, { "frame": 121, "value": 160, "easing": "hold" }, { "frame": 122, "value": 160, "easing": "hold" }, { "frame": 123, "value": 160, "easing": "hold" }, { "frame": 124, "value": 160, "easing": "hold" }, { "frame": 125, "value": 160, "easing": "hold" }, { "frame": 126, "value": 160, "easing": "hold" }, { "frame": 127, "value": 160, "easing": "hold" }, { "frame": 128, "value": 160, "easing": "hold" }, { "frame": 129, "value": 160, "easing": "hold" }, { "frame": 130, "value": 160, "easing": "hold" }, { "frame": 131, "value": 160, "easing": "hold" }, { "frame": 132, "value": 160, "easing": "hold" }, { "frame": 133, "value": 160, "easing": "hold" }, { "frame": 134, "value": 160, "easing": "hold" }, { "frame": 135, "value": 160, "easing": "hold" }, { "frame": 136, "value": 160, "easing": "hold" }, { "frame": 137, "value": 160, "easing": "hold" }, { "frame": 138, "value": 160, "easing": "hold" }, { "frame": 139, "value": 160, "easing": "hold" }, { "frame": 140, "value": 160, "easing": "hold" }, { "frame": 141, "value": 160, "easing": "hold" }, { "frame": 142, "value": 160, "easing": "hold" }, { "frame": 143, "value": 160, "easing": "hold" }, { "frame": 144, "value": 160, "easing": "hold" }, { "frame": 145, "value": 160, "easing": "hold" }, { "frame": 146, "value": 160, "easing": "hold" }, { "frame": 147, "value": 160, "easing": "hold" }, { "frame": 148, "value": 160, "easing": "hold" }, { "frame": 149, "value": 160, "easing": "hold" }, { "frame": 150, "value": 160, "easing": "hold" }, { "frame": 151, "value": 160, "easing": "hold" }, { "frame": 152, "value": 160, "easing": "hold" }, { "frame": 153, "value": 160, "easing": "hold" }, { "frame": 154, "value": 160, "easing": "hold" }, { "frame": 155, "value": 160, "easing": "hold" }, { "frame": 156, "value": 160, "easing": "hold" }, { "frame": 157, "value": 160, "easing": "hold" }, { "frame": 158, "value": 160, "easing": "hold" }, { "frame": 159, "value": 160, "easing": "hold" } ], "children": [ { "kind": "rect", "id": "explanation-shell", "start": 0, "end": 294, "width": [ { "frame": 74, "value": 95, "easing": "hold" }, { "frame": 75, "value": 114, "easing": "hold" }, { "frame": 76, "value": 131, "easing": "hold" }, { "frame": 77, "value": 138, "easing": "hold" }, { "frame": 78, "value": 157, "easing": "hold" }, { "frame": 79, "value": 184, "easing": "hold" }, { "frame": 80, "value": 184, "easing": "hold" }, { "frame": 81, "value": 191, "easing": "hold" }, { "frame": 82, "value": 211, "easing": "hold" }, { "frame": 83, "value": 230, "easing": "hold" }, { "frame": 84, "value": 239, "easing": "hold" }, { "frame": 85, "value": 252, "easing": "hold" }, { "frame": 86, "value": 252, "easing": "hold" }, { "frame": 87, "value": 271, "easing": "hold" }, { "frame": 88, "value": 289, "easing": "hold" }, { "frame": 89, "value": 297, "easing": "hold" }, { "frame": 90, "value": 325, "easing": "hold" }, { "frame": 91, "value": 343, "easing": "hold" }, { "frame": 92, "value": 343, "easing": "hold" }, { "frame": 93, "value": 355, "easing": "hold" }, { "frame": 94, "value": 374, "easing": "hold" }, { "frame": 95, "value": 390, "easing": "hold" }, { "frame": 96, "value": 409, "easing": "hold" }, { "frame": 97, "value": 409, "easing": "hold" }, { "frame": 98, "value": 427, "easing": "hold" }, { "frame": 99, "value": 447, "easing": "hold" }, { "frame": 100, "value": 455, "easing": "hold" }, { "frame": 101, "value": 475, "easing": "hold" }, { "frame": 102, "value": 475, "easing": "hold" }, { "frame": 103, "value": 494, "easing": "hold" }, { "frame": 104, "value": 506, "easing": "hold" }, { "frame": 105, "value": 524, "easing": "hold" }, { "frame": 106, "value": 541, "easing": "hold" }, { "frame": 107, "value": 549, "easing": "hold" }, { "frame": 108, "value": 549, "easing": "hold" }, { "frame": 109, "value": 567, "easing": "hold" }, { "frame": 110, "value": 587, "easing": "hold" }, { "frame": 111, "value": 606, "easing": "hold" }, { "frame": 112, "value": 606, "easing": "hold" }, { "frame": 113, "value": 606, "easing": "hold" }, { "frame": 114, "value": 606, "easing": "hold" }, { "frame": 115, "value": 606, "easing": "hold" }, { "frame": 116, "value": 606, "easing": "hold" }, { "frame": 117, "value": 606, "easing": "hold" }, { "frame": 118, "value": 606, "easing": "hold" }, { "frame": 119, "value": 606, "easing": "hold" }, { "frame": 120, "value": 606, "easing": "hold" }, { "frame": 121, "value": 606, "easing": "hold" }, { "frame": 122, "value": 606, "easing": "hold" }, { "frame": 123, "value": 606, "easing": "hold" }, { "frame": 124, "value": 606, "easing": "hold" }, { "frame": 125, "value": 606, "easing": "hold" }, { "frame": 126, "value": 606, "easing": "hold" }, { "frame": 127, "value": 606, "easing": "hold" }, { "frame": 128, "value": 606, "easing": "hold" }, { "frame": 129, "value": 606, "easing": "hold" }, { "frame": 130, "value": 606, "easing": "hold" }, { "frame": 131, "value": 606, "easing": "hold" }, { "frame": 132, "value": 606, "easing": "hold" }, { "frame": 133, "value": 606, "easing": "hold" }, { "frame": 134, "value": 606, "easing": "hold" }, { "frame": 135, "value": 606, "easing": "hold" }, { "frame": 136, "value": 606, "easing": "hold" }, { "frame": 137, "value": 606, "easing": "hold" }, { "frame": 138, "value": 606, "easing": "hold" }, { "frame": 139, "value": 606, "easing": "hold" }, { "frame": 140, "value": 606, "easing": "hold" }, { "frame": 141, "value": 606, "easing": "hold" }, { "frame": 142, "value": 606, "easing": "hold" }, { "frame": 143, "value": 606, "easing": "hold" }, { "frame": 144, "value": 606, "easing": "hold" }, { "frame": 145, "value": 606, "easing": "hold" }, { "frame": 146, "value": 606, "easing": "hold" }, { "frame": 147, "value": 606, "easing": "hold" }, { "frame": 148, "value": 606, "easing": "hold" }, { "frame": 149, "value": 606, "easing": "hold" }, { "frame": 150, "value": 606, "easing": "hold" }, { "frame": 151, "value": 606, "easing": "hold" }, { "frame": 152, "value": 606, "easing": "hold" }, { "frame": 153, "value": 606, "easing": "hold" }, { "frame": 154, "value": 606, "easing": "hold" }, { "frame": 155, "value": 606, "easing": "hold" }, { "frame": 156, "value": 606, "easing": "hold" }, { "frame": 157, "value": 606, "easing": "hold" }, { "frame": 158, "value": 606, "easing": "hold" }, { "frame": 159, "value": 606, "easing": "hold" } ], "height": [ { "frame": 74, "value": 110, "easing": "hold" }, { "frame": 75, "value": 110, "easing": "hold" }, { "frame": 76, "value": 110, "easing": "hold" }, { "frame": 77, "value": 110, "easing": "hold" }, { "frame": 78, "value": 110, "easing": "hold" }, { "frame": 79, "value": 110, "easing": "hold" }, { "frame": 80, "value": 110, "easing": "hold" }, { "frame": 81, "value": 110, "easing": "hold" }, { "frame": 82, "value": 110, "easing": "hold" }, { "frame": 83, "value": 110, "easing": "hold" }, { "frame": 84, "value": 110, "easing": "hold" }, { "frame": 85, "value": 110, "easing": "hold" }, { "frame": 86, "value": 110, "easing": "hold" }, { "frame": 87, "value": 110, "easing": "hold" }, { "frame": 88, "value": 110, "easing": "hold" }, { "frame": 89, "value": 110, "easing": "hold" }, { "frame": 90, "value": 110, "easing": "hold" }, { "frame": 91, "value": 110, "easing": "hold" }, { "frame": 92, "value": 110, "easing": "hold" }, { "frame": 93, "value": 110, "easing": "hold" }, { "frame": 94, "value": 110, "easing": "hold" }, { "frame": 95, "value": 110, "easing": "hold" }, { "frame": 96, "value": 110, "easing": "hold" }, { "frame": 97, "value": 110, "easing": "hold" }, { "frame": 98, "value": 110, "easing": "hold" }, { "frame": 99, "value": 110, "easing": "hold" }, { "frame": 100, "value": 110, "easing": "hold" }, { "frame": 101, "value": 110, "easing": "hold" }, { "frame": 102, "value": 110, "easing": "hold" }, { "frame": 103, "value": 110, "easing": "hold" }, { "frame": 104, "value": 110, "easing": "hold" }, { "frame": 105, "value": 110, "easing": "hold" }, { "frame": 106, "value": 110, "easing": "hold" }, { "frame": 107, "value": 110, "easing": "hold" }, { "frame": 108, "value": 110, "easing": "hold" }, { "frame": 109, "value": 110, "easing": "hold" }, { "frame": 110, "value": 110, "easing": "hold" }, { "frame": 111, "value": 110, "easing": "hold" }, { "frame": 112, "value": 110, "easing": "hold" }, { "frame": 113, "value": 160, "easing": "hold" }, { "frame": 114, "value": 160, "easing": "hold" }, { "frame": 115, "value": 160, "easing": "hold" }, { "frame": 116, "value": 160, "easing": "hold" }, { "frame": 117, "value": 160, "easing": "hold" }, { "frame": 118, "value": 160, "easing": "hold" }, { "frame": 119, "value": 160, "easing": "hold" }, { "frame": 120, "value": 160, "easing": "hold" }, { "frame": 121, "value": 160, "easing": "hold" }, { "frame": 122, "value": 160, "easing": "hold" }, { "frame": 123, "value": 160, "easing": "hold" }, { "frame": 124, "value": 160, "easing": "hold" }, { "frame": 125, "value": 160, "easing": "hold" }, { "frame": 126, "value": 160, "easing": "hold" }, { "frame": 127, "value": 160, "easing": "hold" }, { "frame": 128, "value": 160, "easing": "hold" }, { "frame": 129, "value": 160, "easing": "hold" }, { "frame": 130, "value": 160, "easing": "hold" }, { "frame": 131, "value": 160, "easing": "hold" }, { "frame": 132, "value": 160, "easing": "hold" }, { "frame": 133, "value": 160, "easing": "hold" }, { "frame": 134, "value": 160, "easing": "hold" }, { "frame": 135, "value": 160, "easing": "hold" }, { "frame": 136, "value": 160, "easing": "hold" }, { "frame": 137, "value": 160, "easing": "hold" }, { "frame": 138, "value": 160, "easing": "hold" }, { "frame": 139, "value": 160, "easing": "hold" }, { "frame": 140, "value": 160, "easing": "hold" }, { "frame": 141, "value": 160, "easing": "hold" }, { "frame": 142, "value": 160, "easing": "hold" }, { "frame": 143, "value": 160, "easing": "hold" }, { "frame": 144, "value": 160, "easing": "hold" }, { "frame": 145, "value": 160, "easing": "hold" }, { "frame": 146, "value": 160, "easing": "hold" }, { "frame": 147, "value": 160, "easing": "hold" }, { "frame": 148, "value": 160, "easing": "hold" }, { "frame": 149, "value": 160, "easing": "hold" }, { "frame": 150, "value": 160, "easing": "hold" }, { "frame": 151, "value": 160, "easing": "hold" }, { "frame": 152, "value": 160, "easing": "hold" }, { "frame": 153, "value": 160, "easing": "hold" }, { "frame": 154, "value": 160, "easing": "hold" }, { "frame": 155, "value": 160, "easing": "hold" }, { "frame": 156, "value": 160, "easing": "hold" }, { "frame": 157, "value": 160, "easing": "hold" }, { "frame": 158, "value": 160, "easing": "hold" }, { "frame": 159, "value": 160, "easing": "hold" } ], "radius": 35, "fill": "#ffffff", "stroke": "#e5e5e5", "strokeWidth": 1, "shadow": "0 5px 26px #2034491c" }, { "kind": "group", "id": "explanation-text-clip", "start": 0, "end": 294, "width": [ { "frame": 74, "value": 95, "easing": "hold" }, { "frame": 75, "value": 114, "easing": "hold" }, { "frame": 76, "value": 131, "easing": "hold" }, { "frame": 77, "value": 138, "easing": "hold" }, { "frame": 78, "value": 157, "easing": "hold" }, { "frame": 79, "value": 184, "easing": "hold" }, { "frame": 80, "value": 184, "easing": "hold" }, { "frame": 81, "value": 191, "easing": "hold" }, { "frame": 82, "value": 211, "easing": "hold" }, { "frame": 83, "value": 230, "easing": "hold" }, { "frame": 84, "value": 239, "easing": "hold" }, { "frame": 85, "value": 252, "easing": "hold" }, { "frame": 86, "value": 252, "easing": "hold" }, { "frame": 87, "value": 271, "easing": "hold" }, { "frame": 88, "value": 289, "easing": "hold" }, { "frame": 89, "value": 297, "easing": "hold" }, { "frame": 90, "value": 325, "easing": "hold" }, { "frame": 91, "value": 343, "easing": "hold" }, { "frame": 92, "value": 343, "easing": "hold" }, { "frame": 93, "value": 355, "easing": "hold" }, { "frame": 94, "value": 374, "easing": "hold" }, { "frame": 95, "value": 390, "easing": "hold" }, { "frame": 96, "value": 409, "easing": "hold" }, { "frame": 97, "value": 409, "easing": "hold" }, { "frame": 98, "value": 427, "easing": "hold" }, { "frame": 99, "value": 447, "easing": "hold" }, { "frame": 100, "value": 455, "easing": "hold" }, { "frame": 101, "value": 475, "easing": "hold" }, { "frame": 102, "value": 475, "easing": "hold" }, { "frame": 103, "value": 494, "easing": "hold" }, { "frame": 104, "value": 506, "easing": "hold" }, { "frame": 105, "value": 524, "easing": "hold" }, { "frame": 106, "value": 541, "easing": "hold" }, { "frame": 107, "value": 549, "easing": "hold" }, { "frame": 108, "value": 549, "easing": "hold" }, { "frame": 109, "value": 567, "easing": "hold" }, { "frame": 110, "value": 587, "easing": "hold" }, { "frame": 111, "value": 606, "easing": "hold" }, { "frame": 112, "value": 606, "easing": "hold" }, { "frame": 113, "value": 606, "easing": "hold" }, { "frame": 114, "value": 606, "easing": "hold" }, { "frame": 115, "value": 606, "easing": "hold" }, { "frame": 116, "value": 606, "easing": "hold" }, { "frame": 117, "value": 606, "easing": "hold" }, { "frame": 118, "value": 606, "easing": "hold" }, { "frame": 119, "value": 606, "easing": "hold" }, { "frame": 120, "value": 606, "easing": "hold" }, { "frame": 121, "value": 606, "easing": "hold" }, { "frame": 122, "value": 606, "easing": "hold" }, { "frame": 123, "value": 606, "easing": "hold" }, { "frame": 124, "value": 606, "easing": "hold" }, { "frame": 125, "value": 606, "easing": "hold" }, { "frame": 126, "value": 606, "easing": "hold" }, { "frame": 127, "value": 606, "easing": "hold" }, { "frame": 128, "value": 606, "easing": "hold" }, { "frame": 129, "value": 606, "easing": "hold" }, { "frame": 130, "value": 606, "easing": "hold" }, { "frame": 131, "value": 606, "easing": "hold" }, { "frame": 132, "value": 606, "easing": "hold" }, { "frame": 133, "value": 606, "easing": "hold" }, { "frame": 134, "value": 606, "easing": "hold" }, { "frame": 135, "value": 606, "easing": "hold" }, { "frame": 136, "value": 606, "easing": "hold" }, { "frame": 137, "value": 606, "easing": "hold" }, { "frame": 138, "value": 606, "easing": "hold" }, { "frame": 139, "value": 606, "easing": "hold" }, { "frame": 140, "value": 606, "easing": "hold" }, { "frame": 141, "value": 606, "easing": "hold" }, { "frame": 142, "value": 606, "easing": "hold" }, { "frame": 143, "value": 606, "easing": "hold" }, { "frame": 144, "value": 606, "easing": "hold" }, { "frame": 145, "value": 606, "easing": "hold" }, { "frame": 146, "value": 606, "easing": "hold" }, { "frame": 147, "value": 606, "easing": "hold" }, { "frame": 148, "value": 606, "easing": "hold" }, { "frame": 149, "value": 606, "easing": "hold" }, { "frame": 150, "value": 606, "easing": "hold" }, { "frame": 151, "value": 606, "easing": "hold" }, { "frame": 152, "value": 606, "easing": "hold" }, { "frame": 153, "value": 606, "easing": "hold" }, { "frame": 154, "value": 606, "easing": "hold" }, { "frame": 155, "value": 606, "easing": "hold" }, { "frame": 156, "value": 606, "easing": "hold" }, { "frame": 157, "value": 606, "easing": "hold" }, { "frame": 158, "value": 606, "easing": "hold" }, { "frame": 159, "value": 606, "easing": "hold" } ], "height": [ { "frame": 74, "value": 110, "easing": "hold" }, { "frame": 75, "value": 110, "easing": "hold" }, { "frame": 76, "value": 110, "easing": "hold" }, { "frame": 77, "value": 110, "easing": "hold" }, { "frame": 78, "value": 110, "easing": "hold" }, { "frame": 79, "value": 110, "easing": "hold" }, { "frame": 80, "value": 110, "easing": "hold" }, { "frame": 81, "value": 110, "easing": "hold" }, { "frame": 82, "value": 110, "easing": "hold" }, { "frame": 83, "value": 110, "easing": "hold" }, { "frame": 84, "value": 110, "easing": "hold" }, { "frame": 85, "value": 110, "easing": "hold" }, { "frame": 86, "value": 110, "easing": "hold" }, { "frame": 87, "value": 110, "easing": "hold" }, { "frame": 88, "value": 110, "easing": "hold" }, { "frame": 89, "value": 110, "easing": "hold" }, { "frame": 90, "value": 110, "easing": "hold" }, { "frame": 91, "value": 110, "easing": "hold" }, { "frame": 92, "value": 110, "easing": "hold" }, { "frame": 93, "value": 110, "easing": "hold" }, { "frame": 94, "value": 110, "easing": "hold" }, { "frame": 95, "value": 110, "easing": "hold" }, { "frame": 96, "value": 110, "easing": "hold" }, { "frame": 97, "value": 110, "easing": "hold" }, { "frame": 98, "value": 110, "easing": "hold" }, { "frame": 99, "value": 110, "easing": "hold" }, { "frame": 100, "value": 110, "easing": "hold" }, { "frame": 101, "value": 110, "easing": "hold" }, { "frame": 102, "value": 110, "easing": "hold" }, { "frame": 103, "value": 110, "easing": "hold" }, { "frame": 104, "value": 110, "easing": "hold" }, { "frame": 105, "value": 110, "easing": "hold" }, { "frame": 106, "value": 110, "easing": "hold" }, { "frame": 107, "value": 110, "easing": "hold" }, { "frame": 108, "value": 110, "easing": "hold" }, { "frame": 109, "value": 110, "easing": "hold" }, { "frame": 110, "value": 110, "easing": "hold" }, { "frame": 111, "value": 110, "easing": "hold" }, { "frame": 112, "value": 110, "easing": "hold" }, { "frame": 113, "value": 160, "easing": "hold" }, { "frame": 114, "value": 160, "easing": "hold" }, { "frame": 115, "value": 160, "easing": "hold" }, { "frame": 116, "value": 160, "easing": "hold" }, { "frame": 117, "value": 160, "easing": "hold" }, { "frame": 118, "value": 160, "easing": "hold" }, { "frame": 119, "value": 160, "easing": "hold" }, { "frame": 120, "value": 160, "easing": "hold" }, { "frame": 121, "value": 160, "easing": "hold" }, { "frame": 122, "value": 160, "easing": "hold" }, { "frame": 123, "value": 160, "easing": "hold" }, { "frame": 124, "value": 160, "easing": "hold" }, { "frame": 125, "value": 160, "easing": "hold" }, { "frame": 126, "value": 160, "easing": "hold" }, { "frame": 127, "value": 160, "easing": "hold" }, { "frame": 128, "value": 160, "easing": "hold" }, { "frame": 129, "value": 160, "easing": "hold" }, { "frame": 130, "value": 160, "easing": "hold" }, { "frame": 131, "value": 160, "easing": "hold" }, { "frame": 132, "value": 160, "easing": "hold" }, { "frame": 133, "value": 160, "easing": "hold" }, { "frame": 134, "value": 160, "easing": "hold" }, { "frame": 135, "value": 160, "easing": "hold" }, { "frame": 136, "value": 160, "easing": "hold" }, { "frame": 137, "value": 160, "easing": "hold" }, { "frame": 138, "value": 160, "easing": "hold" }, { "frame": 139, "value": 160, "easing": "hold" }, { "frame": 140, "value": 160, "easing": "hold" }, { "frame": 141, "value": 160, "easing": "hold" }, { "frame": 142, "value": 160, "easing": "hold" }, { "frame": 143, "value": 160, "easing": "hold" }, { "frame": 144, "value": 160, "easing": "hold" }, { "frame": 145, "value": 160, "easing": "hold" }, { "frame": 146, "value": 160, "easing": "hold" }, { "frame": 147, "value": 160, "easing": "hold" }, { "frame": 148, "value": 160, "easing": "hold" }, { "frame": 149, "value": 160, "easing": "hold" }, { "frame": 150, "value": 160, "easing": "hold" }, { "frame": 151, "value": 160, "easing": "hold" }, { "frame": 152, "value": 160, "easing": "hold" }, { "frame": 153, "value": 160, "easing": "hold" }, { "frame": 154, "value": 160, "easing": "hold" }, { "frame": 155, "value": 160, "easing": "hold" }, { "frame": 156, "value": 160, "easing": "hold" }, { "frame": 157, "value": 160, "easing": "hold" }, { "frame": 158, "value": 160, "easing": "hold" }, { "frame": 159, "value": 160, "easing": "hold" } ], "radius": 35, "overflow": "hidden", "children": [ { "kind": "text", "id": "typed-explanation", "start": 0, "end": 294, "slot": "explanation", "x": 36, "y": 31, "width": 540, "height": 101, "fontSize": 34, "weight": 400, "lineHeight": 1.47, "color": "#0c0c0c", "letterSpacing": -0.3, "reveal": { "unit": "characters", "steps": [ { "frame": 74, "count": 1 }, { "frame": 75, "count": 2 }, { "frame": 76, "count": 3 }, { "frame": 77, "count": 4 }, { "frame": 78, "count": 5 }, { "frame": 79, "count": 6 }, { "frame": 80, "count": 6 }, { "frame": 81, "count": 7 }, { "frame": 82, "count": 8 }, { "frame": 83, "count": 9 }, { "frame": 84, "count": 10 }, { "frame": 85, "count": 11 }, { "frame": 86, "count": 11 }, { "frame": 87, "count": 12 }, { "frame": 88, "count": 13 }, { "frame": 89, "count": 14 }, { "frame": 90, "count": 15 }, { "frame": 91, "count": 16 }, { "frame": 92, "count": 16 }, { "frame": 93, "count": 17 }, { "frame": 94, "count": 18 }, { "frame": 95, "count": 19 }, { "frame": 96, "count": 20 }, { "frame": 97, "count": 20 }, { "frame": 98, "count": 21 }, { "frame": 99, "count": 22 }, { "frame": 100, "count": 23 }, { "frame": 101, "count": 24 }, { "frame": 102, "count": 24 }, { "frame": 103, "count": 25 }, { "frame": 104, "count": 26 }, { "frame": 105, "count": 27 }, { "frame": 106, "count": 28 }, { "frame": 107, "count": 29 }, { "frame": 108, "count": 29 }, { "frame": 109, "count": 30 }, { "frame": 110, "count": 31 }, { "frame": 111, "count": 32 }, { "frame": 112, "count": 32 }, { "frame": 113, "count": 34 }, { "frame": 114, "count": 36 }, { "frame": 115, "count": 37 }, { "frame": 116, "count": 37 }, { "frame": 117, "count": 38 }, { "frame": 118, "count": 39 }, { "frame": 119, "count": 40 }, { "frame": 120, "count": 40 }, { "frame": 121, "count": 41 }, { "frame": 122, "count": 42 }, { "frame": 123, "count": 42 }, { "frame": 124, "count": 43 }, { "frame": 125, "count": 44 }, { "frame": 126, "count": 44 }, { "frame": 127, "count": 45 }, { "frame": 128, "count": 46 }, { "frame": 129, "count": 47 }, { "frame": 130, "count": 48 }, { "frame": 131, "count": 48 }, { "frame": 132, "count": 49 }, { "frame": 133, "count": 50 }, { "frame": 134, "count": 50 }, { "frame": 135, "count": 51 }, { "frame": 136, "count": 52 }, { "frame": 137, "count": 53 }, { "frame": 138, "count": 54 }, { "frame": 139, "count": 54 }, { "frame": 140, "count": 55 }, { "frame": 141, "count": 56 }, { "frame": 142, "count": 56 }, { "frame": 143, "count": 57 }, { "frame": 144, "count": 58 }, { "frame": 145, "count": 59 }, { "frame": 146, "count": 59 }, { "frame": 147, "count": 60 }, { "frame": 148, "count": 61 }, { "frame": 149, "count": 61 }, { "frame": 150, "count": 62 }, { "frame": 151, "count": 63 }, { "frame": 152, "count": 63 }, { "frame": 153, "count": 64 }, { "frame": 154, "count": 65 }, { "frame": 155, "count": 65 }, { "frame": 156, "count": 66 }, { "frame": 157, "count": 67 }, { "frame": 158, "count": 67 }, { "frame": 159, "count": 68 } ] }, "lineWidthRanges": [ { "min": 510, "max": 538 }, { "min": 517, "max": 535 } ], "opacity": [ { "frame": 74, "value": 0.25, "easing": "linear" }, { "frame": 75, "value": 0.64, "easing": "linear" }, { "frame": 77, "value": 1, "easing": "linear" } ] } ] } ] }, { "kind": "path", "id": "task-pointer", "start": 43, "end": 294, "slot": "taskPointerPath", "viewBox": [ 0, 0, 54, 56 ], "x": [ { "frame": 43, "value": 984, "easing": "smooth" }, { "frame": 54, "value": 956, "easing": "smooth" }, { "frame": 69, "value": 909, "easing": "smooth" }, { "frame": 74, "value": 896, "easing": "smooth" }, { "frame": 83, "value": 882, "easing": "smooth" }, { "frame": 99, "value": 874, "easing": "smooth" }, { "frame": 270, "value": 874, "easing": "smooth" }, { "frame": 275, "value": 905, "easing": "smooth" }, { "frame": 280, "value": 942, "easing": "smooth" }, { "frame": 281, "value": 950, "easing": "smooth" }, { "frame": 283, "value": 976, "easing": "smooth" }, { "frame": 293, "value": 1023, "easing": "smooth" } ], "y": [ { "frame": 43, "value": 747, "easing": "smooth" }, { "frame": 54, "value": 721, "easing": "smooth" }, { "frame": 69, "value": 684, "easing": "smooth" }, { "frame": 74, "value": 671, "easing": "smooth" }, { "frame": 99, "value": 666, "easing": "smooth" }, { "frame": 270, "value": 666, "easing": "smooth" }, { "frame": 280, "value": 668, "easing": "smooth" }, { "frame": 293, "value": 688, "easing": "smooth" } ], "width": 54, "height": 56, "fill": "#030303", "stroke": "#ffffff", "strokeWidth": 4 }, { "kind": "rect", "id": "disclosure-back", "start": 0, "end": 294, "x": 18, "y": 1038, "width": 254, "height": 28, "radius": 5, "fill": "#ffffff", "opacity": 0.9 }, { "kind": "text", "id": "disclosure", "start": 0, "end": 294, "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": [ "The API does not generate the observed moving blurred field. Requires an original background asset or a separately verified procedural treatment.", "2D narrowing and 3D rotation are both now representable, but the source only establishes a changing silhouette. Choose/falsify the fit in review rather than asserting a recovered 3D rotation.", "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, 1, 12, 13, 24, 42, 43, 44, 73, 74, 75, 110, 111, 112, 113, 114, 277, 278, 279, 280, 281, 282, 287, 293 ], "intermediateFrames": [ 3, 6, 9, 18, 54, 69, 76, 77, 78, 83, 99, 124, 144, 159, 219, 220, 221, 270, 274, 275, 276, 283, 284, 285, 286, 289, 291 ], "sourceEvidence": [ "../research/interface/evidence/interface-05/source.mp4", "../research/interface/evidence/interface-05-native.jpg", "../research/interface/evidence/interface-05-anchors.jpg", "../research/interface/evidence/extraction-ledger.json", "../research/interface/evidence/geometry-measurements.json" ] } }, "content": { "disclosure": "ILLUSTRATED UI · NOT POE", "fieldBase": { "kind": "image", "path": "art/agent-task-card-explanation/field-r04-base-adaptation.svg", "width": 2304, "height": 1296, "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." }, "fieldFolds": { "kind": "image", "path": "art/agent-task-card-explanation/field-r04-folds-adaptation.svg", "width": 2304, "height": 1296, "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." }, "fieldMist": { "kind": "image", "path": "art/agent-task-card-explanation/field-r04-mist-adaptation.svg", "width": 2304, "height": 1296, "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." }, "symbolNotes": { "kind": "image", "path": "art/agent-task-card-explanation/symbol-notes-adaptation.svg", "width": 208, "height": 208, "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." }, "symbolAgenda": { "kind": "image", "path": "art/agent-task-card-explanation/symbol-agenda-adaptation.svg", "width": 208, "height": 208, "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." }, "skeletonShimmer": { "kind": "image", "path": "art/agent-task-card-explanation/shimmer-r04.svg", "width": 4000, "height": 700, "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." }, "firstLabel": "Reviewing planning notes", "secondLabel": "Reviewing team milestones", "explanation": "Reviewing the planning notes and\ncollecting open items for the team.", "taskPointerPath": "M7 3Q2 1 3 7L17 44Q20 51 24 44L29 28L45 24Q52 21 45 17Z" }, "holdBeforeFrames": 0, "holdAfterFrames": 0 }, "inputs": { "disclosure": "ILLUSTRATED UI · NOT POE", "fieldBase": { "kind": "image", "path": "art/agent-task-card-explanation/field-r04-base-adaptation.svg", "width": 2304, "height": 1296, "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." }, "fieldFolds": { "kind": "image", "path": "art/agent-task-card-explanation/field-r04-folds-adaptation.svg", "width": 2304, "height": 1296, "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." }, "fieldMist": { "kind": "image", "path": "art/agent-task-card-explanation/field-r04-mist-adaptation.svg", "width": 2304, "height": 1296, "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." }, "symbolNotes": { "kind": "image", "path": "art/agent-task-card-explanation/symbol-notes-adaptation.svg", "width": 208, "height": 208, "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." }, "symbolAgenda": { "kind": "image", "path": "art/agent-task-card-explanation/symbol-agenda-adaptation.svg", "width": 208, "height": 208, "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." }, "skeletonShimmer": { "kind": "image", "path": "art/agent-task-card-explanation/shimmer-r04.svg", "width": 4000, "height": 700, "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." }, "firstLabel": "Reviewing planning notes", "secondLabel": "Reviewing team milestones", "explanation": "Reviewing the planning notes and\ncollecting open items for the team.", "taskPointerPath": "M7 3Q2 1 3 7L17 44Q20 51 24 44L29 28L45 24Q52 21 45 17Z" } }, "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/agent-task-card-explanation.json", "sha256": "28c76fdbbc025361bde3249716491b040fb8ec75c066b6f4b6090bbaa8d52239" }, "inputSource": { "kind": "variant", "variant": "default" }, "inputProps": { "recipe": { "schemaVersion": 1, "id": "agent-task-card-explanation", "title": "Quiet task card, drifting field, delayed attached explanation", "description": "DRAFT — A foreground card grows vertically and settles while the blurred colored background continues drifting; a pointer-attached explanation types out later, then the central icon changes through a narrow silhouette without moving the card. Original illustrated UI, not real Poe; not fidelity-approved.", "families": [ "layered", "overlay", "interface" ], "intents": [ "A foreground card grows vertically and settles while the blurred colored background continues drifting; a pointer-attached explanation types out later, then the central icon changes through a narrow silhouette without moving the card." ], "tags": [ "draft", "original-illustration", "not-poe", "interface-05" ], "distinctness": { "mechanism": "A foreground card grows vertically and settles while the blurred colored background continues drifting; a pointer-attached explanation types out later, then the central icon changes through a narrow silhouette without moving the card.", "notEquivalentTo": [ "Not interface-04: no dimmed workspace relay; attention is separated between a moving background, quiet card and delayed local callout.", "Not the excluded Atlas icon: icon replacement is a small interior state within a persistent task composition, not a standalone identity reveal." ] }, "source": { "slug": "agent-look", "film": "A Look at ChatGPT agent", "url": "https://www.youtube.com/watch?v=2wzGS_WUZYQ", "localMedia": "references/openai/media/agent-look.mp4", "sha256": "f39beb96507b79d3779d339fb923ac1d0c5ad74f145295ec0c86d8b333e68391", "fps": { "numerator": 60, "denominator": 1 }, "width": 1920, "height": 1080, "startFrame": 1156, "endFrameExclusive": 1450 }, "canvas": { "width": 1920, "height": 1080, "background": "#ffffff" }, "observations": [ { "kind": "measured", "sourceFrames": [ 1155, 1156, 1169 ], "statement": "Title is replaced by the white card at f1156. Its white-fill threshold envelope grows from [511,278,1409,802] at f1156 to [511,174,1409,906] at f1169: width and vertical center remain constant while height grows.", "evidence": [ "../research/interface/evidence/interface-05/source.mp4", "../research/interface/evidence/interface-05-native.jpg", "../research/interface/evidence/interface-05-anchors.jpg" ] }, { "kind": "measured", "sourceFrames": [ 1229, 1230, 1231, 1239, 1428 ], "statement": "The small attached callout starts as a pale form at f1230 and accumulates text through later frames. It is delayed relative to the already-established card.", "evidence": [ "../research/interface/evidence/interface-05/source.mp4", "../research/interface/evidence/interface-05-native.jpg", "../research/interface/evidence/interface-05-anchors.jpg" ] }, { "kind": "measured", "sourceFrames": [ 1434, 1435, 1436, 1437, 1438, 1443 ], "statement": "The old icon narrows, the label changes at f1437, and the replacement icon widens afterward. A simple same-size crossfade would miss this observed silhouette change.", "evidence": [ "../research/interface/evidence/interface-05/source.mp4", "../research/interface/evidence/interface-05-native.jpg", "../research/interface/evidence/interface-05-anchors.jpg" ] }, { "kind": "estimate", "sourceFrames": [ 1280, 1437 ], "statement": "Foreground card about 900x775 px near center; central icon roughly 125 px, about seven pale skeleton rows and a small two-line callout below/right. Bounds ±20 px; no 3D rotation angle is recovered.", "evidence": [ "../research/interface/evidence/interface-05/source.mp4", "../research/interface/evidence/interface-05-native.jpg", "../research/interface/evidence/interface-05-anchors.jpg" ] }, { "kind": "unresolved", "sourceFrames": [ 1156, 1280, 1437 ], "statement": "The blurred background's spatial drift and icon narrowing could be implemented several ways. No actual connector/consent semantics or live timing is established.", "evidence": [ "../research/interface/evidence/interface-05/source.mp4", "../research/interface/evidence/interface-05-native.jpg", "../research/interface/evidence/interface-05-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": [ 1156 ], "evidence": [ "art/agent-task-card-explanation/ASSET-NOTES.json", "art/agent-task-card-explanation/FONT-LICENSE.txt" ] }, { "kind": "measured", "statement": "Native recheck: pointer first appears43; first pale glyph74; second-line shell growth113; label/icon/callout handoff281. Skeleton interior[700,285] varies245→249→246 at24/159/220, confirming foreground activity independent of background drift. Tile has already narrowed at278 and is still about72px wide at280.", "sourceFrames": [ 1180, 1199, 1230, 1269, 1315, 1376, 1434, 1436, 1437 ], "evidence": [ "../evidence/review-interface-a/agent-task-card-explanation/source-native.mp4", "../evidence/review-interface-a/agent-task-card-explanation/review.json" ] }, { "kind": "implementation-choice", "statement": "Nine rounded per-bar clipping groups share a translated diagonal243–249 luminance field. This restores independently moving masked skeleton activity; source shader, band phase and blur are not recovered. Three independent original background planes retain motion with narrower wisps and varied8/16/20px blur, not source pixels.", "sourceFrames": [ 1180, 1255, 1315, 1375, 1376, 1377, 1426, 1449 ], "evidence": [ "art/agent-task-card-explanation/ASSET-NOTES.json" ] }, { "kind": "estimate", "statement": "Perspective1100 and fitted Y rotations begin narrowing274, target about143px at278 and72px at280, reopen asymmetrically from281. These are silhouette fits, not measured source3D parameters. Original bubble uses Geist34 with-0.3px tracking, separate unclipped shadow shell, and a bold white-edged triangular cursor; original frozen32/35-character copy is retained.", "sourceFrames": [ 1230, 1269, 1315, 1430, 1434, 1436, 1437, 1439, 1443 ], "evidence": [ "../evidence/review-interface-a/agent-task-card-explanation/probes/source/0283.png", "art/agent-task-card-explanation/ASSET-NOTES.json" ] } ], "fields": { "disclosure": { "kind": "text", "description": "Required immutable disclosure; original interface illustration, never a product screenshot.", "minLength": 24, "maxLength": 24, "maxLines": 1, "exactLength": 24 }, "fieldBase": { "kind": "image", "description": "Independent original2304x1296 overscan base plane. Revision04 adds narrower wisps and varied blur; no source background reuse.", "aspectRatio": { "numerator": 16, "denominator": 9 }, "minimumWidth": 2304, "minimumHeight": 1296, "fit": "contain" }, "fieldFolds": { "kind": "image", "description": "Independent original2304x1296 overscan folds plane. Revision04 adds narrower wisps and varied blur; no source background reuse.", "aspectRatio": { "numerator": 16, "denominator": 9 }, "minimumWidth": 2304, "minimumHeight": 1296, "fit": "contain" }, "fieldMist": { "kind": "image", "description": "Independent original2304x1296 overscan mist plane. Revision04 adds narrower wisps and varied blur; no source background reuse.", "aspectRatio": { "numerator": 16, "denominator": 9 }, "minimumWidth": 2304, "minimumHeight": 1296, "fit": "contain" }, "symbolNotes": { "kind": "image", "description": "Original208x208 task illustration. Preserve centered200px white tile and perspective handoff; not a connector logo or product claim.", "aspectRatio": { "numerator": 1, "denominator": 1 }, "minimumWidth": 208, "minimumHeight": 208, "fit": "contain" }, "symbolAgenda": { "kind": "image", "description": "Original208x208 task illustration. Preserve centered200px white tile and perspective handoff; not a connector logo or product claim.", "aspectRatio": { "numerator": 1, "denominator": 1 }, "minimumWidth": 208, "minimumHeight": 208, "fit": "contain" }, "skeletonShimmer": { "kind": "image", "description": "Original4000x700 diagonal luminance field, continuously translated through nine rounded per-bar clips. Keep neutral243–249 levels; opaque slot must cover every bar throughout the native hold.", "aspectRatio": { "numerator": 40, "denominator": 7 }, "minimumWidth": 4000, "minimumHeight": 700, "fit": "contain" }, "firstLabel": { "kind": "text", "description": "One-line original status, not a connection or permission claim.", "minLength": 24, "maxLength": 24, "maxLines": 1 }, "secondLabel": { "kind": "text", "description": "One-line next-task label, switches only at local281/source1437.", "minLength": 25, "maxLength": 25, "maxLines": 1 }, "explanation": { "kind": "text", "description": "Exactly32 characters, newline,35 characters. Native typing, line onset113 and paired capsule geometry are coupled to this fixed shape; no automatic wrapping.", "minLength": 68, "maxLength": 68, "maxLines": 2, "exactLength": 68, "lineLengths": [ 32, 35 ], "exactLines": 2 }, "taskPointerPath": { "kind": "path", "description": "Original bold rounded triangular pointer; white4px edge with no stem. Keep the upper-left hotspot attached to the bubble motion.", "viewBox": [ 0, 0, 54, 56 ] } }, "defaults": { "disclosure": "ILLUSTRATED UI · NOT POE", "fieldBase": { "kind": "image", "path": "art/agent-task-card-explanation/field-r04-base-default.svg", "width": 2304, "height": 1296, "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." }, "fieldFolds": { "kind": "image", "path": "art/agent-task-card-explanation/field-r04-folds-default.svg", "width": 2304, "height": 1296, "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." }, "fieldMist": { "kind": "image", "path": "art/agent-task-card-explanation/field-r04-mist-default.svg", "width": 2304, "height": 1296, "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." }, "symbolNotes": { "kind": "image", "path": "art/agent-task-card-explanation/symbol-notes-default.svg", "width": 208, "height": 208, "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." }, "symbolAgenda": { "kind": "image", "path": "art/agent-task-card-explanation/symbol-agenda-default.svg", "width": 208, "height": 208, "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." }, "skeletonShimmer": { "kind": "image", "path": "art/agent-task-card-explanation/shimmer-r04.svg", "width": 4000, "height": 700, "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." }, "firstLabel": "Preparing workshop notes", "secondLabel": "Preparing the team agenda", "explanation": "Reviewing the workshop notes and\ncollecting next steps for the team.", "taskPointerPath": "M7 3Q2 1 3 7L17 44Q20 51 24 44L29 28L45 24Q52 21 45 17Z" }, "adaptation": { "disclosure": "ILLUSTRATED UI · NOT POE", "fieldBase": { "kind": "image", "path": "art/agent-task-card-explanation/field-r04-base-adaptation.svg", "width": 2304, "height": 1296, "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." }, "fieldFolds": { "kind": "image", "path": "art/agent-task-card-explanation/field-r04-folds-adaptation.svg", "width": 2304, "height": 1296, "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." }, "fieldMist": { "kind": "image", "path": "art/agent-task-card-explanation/field-r04-mist-adaptation.svg", "width": 2304, "height": 1296, "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." }, "symbolNotes": { "kind": "image", "path": "art/agent-task-card-explanation/symbol-notes-adaptation.svg", "width": 208, "height": 208, "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." }, "symbolAgenda": { "kind": "image", "path": "art/agent-task-card-explanation/symbol-agenda-adaptation.svg", "width": 208, "height": 208, "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." }, "skeletonShimmer": { "kind": "image", "path": "art/agent-task-card-explanation/shimmer-r04.svg", "width": 4000, "height": 700, "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." }, "firstLabel": "Reviewing planning notes", "secondLabel": "Reviewing team milestones", "explanation": "Reviewing the planning notes and\ncollecting open items for the team.", "taskPointerPath": "M7 3Q2 1 3 7L17 44Q20 51 24 44L29 28L45 24Q52 21 45 17Z" }, "adaptationNotes": [ "Use an original abstract task-status card over an original moving color field; keep the task card quiet while a small local explanation and original icon change provide progression.", "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": [ "Independent foreground/background motion", "Vertical card growth about its center", "Delayed callout", "Narrow icon handoff", "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.", "Keep center-preserving card growth, live foreground shimmer during the hold and three independently moving background planes.", "Pointer43, first pale glyph74, second-line shell113, earlier icon narrowing and label/callout handoff281 are source-locked.", "Explanation is exactly32/newline/35 characters. Copy, prefix-derived capsule widths and fitted reveal steps are coupled; never auto-reflow, shrink, or retime." ], "unsupported": [ "An original abstraction is not a claim that Poe connects these services.", "Keep the callout locally attached; do not center it as a chapter heading.", "No source background or product icon asset reuse.", "Arbitrary UI screenshots, reflowing copy or aspect-ratio changes are unsupported.", "Fresh moving-source fidelity review and final font/blur/alpha fitting are outstanding.", "Band phase/width, tile perspective and source background topology remain estimates requiring fresh moving-source retest; no material finding is self-accepted.", "Text lineLengths and measured line-width ranges cannot validate the semantic or prefix-to-capsule coupling. Changing copy requires recalculating capsule widths and a new review.", "The runtime provides rectangular rounded clipping, not a general scene-mask primitive. Nine synchronized rounded clips exactly preserve the authored bar geometry; source procedural shader recovery is not claimed." ], "entry": { "field": "layered", "description": "Short card replaces title", "continuityKeys": [ "original-content-identity", "native-clock" ] }, "exit": { "field": "layered", "description": "Icon at narrow handoff silhouette", "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": "moving-base", "start": 0, "end": 294, "slot": "fieldBase", "width": 2304, "height": 1296, "origin": [ 1152, 648 ], "fit": "contain", "x": [ { "frame": 0, "value": -192, "easing": "smooth" }, { "frame": 100, "value": -173, "easing": "smooth" }, { "frame": 200, "value": -215, "easing": "smooth" }, { "frame": 293, "value": -242, "easing": "smooth" } ], "y": [ { "frame": 0, "value": -108, "easing": "smooth" }, { "frame": 147, "value": -88, "easing": "smooth" }, { "frame": 293, "value": -115, "easing": "smooth" } ], "rotation": [ { "frame": 0, "value": 0, "easing": "linear" }, { "frame": 293, "value": 0.45, "easing": "linear" } ] }, { "kind": "image", "id": "moving-folds", "start": 0, "end": 294, "slot": "fieldFolds", "width": 2304, "height": 1296, "origin": [ 1152, 648 ], "fit": "contain", "x": [ { "frame": 0, "value": -178, "easing": "smooth" }, { "frame": 90, "value": -206, "easing": "smooth" }, { "frame": 200, "value": -158, "easing": "smooth" }, { "frame": 293, "value": -219, "easing": "smooth" } ], "y": [ { "frame": 0, "value": -123, "easing": "smooth" }, { "frame": 147, "value": -65, "easing": "smooth" }, { "frame": 293, "value": -107, "easing": "smooth" } ], "rotation": [ { "frame": 0, "value": -1, "easing": "smooth" }, { "frame": 130, "value": 0.8, "easing": "smooth" }, { "frame": 293, "value": -0.3, "easing": "smooth" } ] }, { "kind": "image", "id": "moving-mist", "start": 0, "end": 294, "slot": "fieldMist", "width": 2304, "height": 1296, "origin": [ 1152, 648 ], "fit": "contain", "x": [ { "frame": 0, "value": -224, "easing": "smooth" }, { "frame": 150, "value": -158, "easing": "smooth" }, { "frame": 293, "value": -192, "easing": "smooth" } ], "y": [ { "frame": 0, "value": -97, "easing": "smooth" }, { "frame": 150, "value": -136, "easing": "smooth" }, { "frame": 293, "value": -84, "easing": "smooth" } ], "rotation": [ { "frame": 0, "value": 0.8, "easing": "linear" }, { "frame": 293, "value": -0.5, "easing": "linear" } ] }, { "kind": "group", "id": "growing-card", "start": 0, "end": 294, "x": 511, "y": [ { "frame": 0, "value": 278, "easing": "linear" }, { "frame": 1, "value": 268, "easing": "linear" }, { "frame": 2, "value": 258, "easing": "linear" }, { "frame": 3, "value": 248.5, "easing": "linear" }, { "frame": 4, "value": 239.5, "easing": "linear" }, { "frame": 5, "value": 231, "easing": "linear" }, { "frame": 6, "value": 223, "easing": "linear" }, { "frame": 7, "value": 215, "easing": "linear" }, { "frame": 8, "value": 207.5, "easing": "linear" }, { "frame": 9, "value": 200, "easing": "linear" }, { "frame": 10, "value": 193, "easing": "linear" }, { "frame": 11, "value": 186.5, "easing": "linear" }, { "frame": 12, "value": 180, "easing": "linear" }, { "frame": 13, "value": 174, "easing": "linear" }, { "frame": 18, "value": 159, "easing": "linear" }, { "frame": 24, "value": 153, "easing": "linear" }, { "frame": 293, "value": 153, "easing": "linear" } ], "width": 898, "height": [ { "frame": 0, "value": 524, "easing": "linear" }, { "frame": 1, "value": 544, "easing": "linear" }, { "frame": 2, "value": 564, "easing": "linear" }, { "frame": 3, "value": 583, "easing": "linear" }, { "frame": 4, "value": 601, "easing": "linear" }, { "frame": 5, "value": 618, "easing": "linear" }, { "frame": 6, "value": 634, "easing": "linear" }, { "frame": 7, "value": 650, "easing": "linear" }, { "frame": 8, "value": 665, "easing": "linear" }, { "frame": 9, "value": 680, "easing": "linear" }, { "frame": 10, "value": 694, "easing": "linear" }, { "frame": 11, "value": 707, "easing": "linear" }, { "frame": 12, "value": 720, "easing": "linear" }, { "frame": 13, "value": 732, "easing": "linear" }, { "frame": 18, "value": 762, "easing": "linear" }, { "frame": 24, "value": 774, "easing": "linear" }, { "frame": 293, "value": 774, "easing": "linear" } ], "children": [ { "kind": "rect", "id": "card-shell", "start": 0, "end": 294, "width": 898, "height": [ { "frame": 0, "value": 524, "easing": "linear" }, { "frame": 1, "value": 544, "easing": "linear" }, { "frame": 2, "value": 564, "easing": "linear" }, { "frame": 3, "value": 583, "easing": "linear" }, { "frame": 4, "value": 601, "easing": "linear" }, { "frame": 5, "value": 618, "easing": "linear" }, { "frame": 6, "value": 634, "easing": "linear" }, { "frame": 7, "value": 650, "easing": "linear" }, { "frame": 8, "value": 665, "easing": "linear" }, { "frame": 9, "value": 680, "easing": "linear" }, { "frame": 10, "value": 694, "easing": "linear" }, { "frame": 11, "value": 707, "easing": "linear" }, { "frame": 12, "value": 720, "easing": "linear" }, { "frame": 13, "value": 732, "easing": "linear" }, { "frame": 18, "value": 762, "easing": "linear" }, { "frame": 24, "value": 774, "easing": "linear" }, { "frame": 293, "value": 774, "easing": "linear" } ], "radius": 38, "fill": "#ffffff", "shadow": "0 3px 12px #4d66840d" }, { "kind": "path", "id": "task-status-symbol", "start": 0, "end": 294, "x": 40, "y": 33, "width": 39, "height": 39, "path": "M17 1A16 16 0 1 0 17 33A16 16 0 1 0 17 1M1 17H33M17 1C7 9 7 25 17 33M17 1C27 9 27 25 17 33M17 1V33", "viewBox": [ 0, 0, 34, 34 ], "fill": "none", "stroke": "#626567", "strokeWidth": 2.5 }, { "kind": "text", "id": "first-task-label", "start": 0, "end": 281, "slot": "firstLabel", "x": 97, "y": 30, "width": 750, "height": 46, "fontSize": 34, "weight": 500, "lineHeight": 1.25, "color": "#626262" }, { "kind": "text", "id": "second-task-label", "start": 281, "end": 294, "slot": "secondLabel", "x": 97, "y": 30, "width": 750, "height": 46, "fontSize": 34, "weight": 500, "lineHeight": 1.25, "color": "#626262" }, { "kind": "rect", "id": "skeleton-panel-outline", "start": 0, "end": 294, "x": 36, "y": 103, "width": 826, "height": [ { "frame": 0, "value": 384, "easing": "linear" }, { "frame": 1, "value": 404, "easing": "linear" }, { "frame": 2, "value": 424, "easing": "linear" }, { "frame": 3, "value": 443, "easing": "linear" }, { "frame": 4, "value": 461, "easing": "linear" }, { "frame": 5, "value": 478, "easing": "linear" }, { "frame": 6, "value": 494, "easing": "linear" }, { "frame": 7, "value": 510, "easing": "linear" }, { "frame": 8, "value": 525, "easing": "linear" }, { "frame": 9, "value": 540, "easing": "linear" }, { "frame": 10, "value": 554, "easing": "linear" }, { "frame": 11, "value": 567, "easing": "linear" }, { "frame": 12, "value": 580, "easing": "linear" }, { "frame": 13, "value": 592, "easing": "linear" }, { "frame": 18, "value": 622, "easing": "linear" }, { "frame": 24, "value": 634, "easing": "linear" }, { "frame": 293, "value": 634, "easing": "linear" } ], "radius": 19, "fill": "none", "stroke": "#ededed", "strokeWidth": 2, "opacity": [ { "frame": 0, "value": 0.15, "easing": "linear" }, { "frame": 13, "value": 0.8, "easing": "linear" }, { "frame": 24, "value": 1, "easing": "linear" } ] }, { "kind": "group", "id": "skeleton-layout", "start": 0, "end": 294, "x": 36, "y": 103, "width": 826, "height": 634, "origin": [ 0, 0 ], "scaleY": [ { "frame": 0, "value": 0.6056782334384858, "easing": "linear" }, { "frame": 1, "value": 0.637223974763407, "easing": "linear" }, { "frame": 2, "value": 0.668769716088328, "easing": "linear" }, { "frame": 3, "value": 0.6987381703470031, "easing": "linear" }, { "frame": 4, "value": 0.7271293375394322, "easing": "linear" }, { "frame": 5, "value": 0.7539432176656151, "easing": "linear" }, { "frame": 6, "value": 0.7791798107255521, "easing": "linear" }, { "frame": 7, "value": 0.804416403785489, "easing": "linear" }, { "frame": 8, "value": 0.8280757097791798, "easing": "linear" }, { "frame": 9, "value": 0.8517350157728707, "easing": "linear" }, { "frame": 10, "value": 0.8738170347003155, "easing": "linear" }, { "frame": 11, "value": 0.8943217665615142, "easing": "linear" }, { "frame": 12, "value": 0.9148264984227129, "easing": "linear" }, { "frame": 13, "value": 0.9337539432176656, "easing": "linear" }, { "frame": 18, "value": 0.9810725552050473, "easing": "linear" }, { "frame": 24, "value": 1, "easing": "linear" }, { "frame": 293, "value": 1, "easing": "linear" } ], "opacity": [ { "frame": 0, "value": 0.04, "easing": "linear" }, { "frame": 3, "value": 0.25, "easing": "linear" }, { "frame": 13, "value": 0.95, "easing": "linear" }, { "frame": 24, "value": 1, "easing": "linear" } ], "children": [ { "kind": "group", "id": "shimmer-mask-row-1", "start": 0, "end": 294, "x": 26, "y": 12, "width": 514, "height": 41, "radius": 20, "overflow": "hidden", "children": [ { "kind": "image", "id": "moving-shimmer-1", "start": 0, "end": 294, "slot": "skeletonShimmer", "x": [ { "frame": 0, "value": -1876, "easing": "linear" }, { "frame": 24, "value": -1806, "easing": "linear" }, { "frame": 99, "value": -1546, "easing": "linear" }, { "frame": 159, "value": -1146, "easing": "linear" }, { "frame": 220, "value": -886, "easing": "linear" }, { "frame": 270, "value": -646, "easing": "linear" }, { "frame": 293, "value": -526, "easing": "linear" } ], "y": -12, "width": 4000, "height": 700, "fit": "contain" } ] }, { "kind": "group", "id": "shimmer-mask-row-2", "start": 0, "end": 294, "x": 83, "y": 83, "width": 404, "height": 41, "radius": 20, "overflow": "hidden", "children": [ { "kind": "image", "id": "moving-shimmer-2", "start": 0, "end": 294, "slot": "skeletonShimmer", "x": [ { "frame": 0, "value": -1933, "easing": "linear" }, { "frame": 24, "value": -1863, "easing": "linear" }, { "frame": 99, "value": -1603, "easing": "linear" }, { "frame": 159, "value": -1203, "easing": "linear" }, { "frame": 220, "value": -943, "easing": "linear" }, { "frame": 270, "value": -703, "easing": "linear" }, { "frame": 293, "value": -583, "easing": "linear" } ], "y": -83, "width": 4000, "height": 700, "fit": "contain" } ] }, { "kind": "group", "id": "shimmer-mask-row-3", "start": 0, "end": 294, "x": 83, "y": 154, "width": 485, "height": 41, "radius": 20, "overflow": "hidden", "children": [ { "kind": "image", "id": "moving-shimmer-3", "start": 0, "end": 294, "slot": "skeletonShimmer", "x": [ { "frame": 0, "value": -1933, "easing": "linear" }, { "frame": 24, "value": -1863, "easing": "linear" }, { "frame": 99, "value": -1603, "easing": "linear" }, { "frame": 159, "value": -1203, "easing": "linear" }, { "frame": 220, "value": -943, "easing": "linear" }, { "frame": 270, "value": -703, "easing": "linear" }, { "frame": 293, "value": -583, "easing": "linear" } ], "y": -154, "width": 4000, "height": 700, "fit": "contain" } ] }, { "kind": "group", "id": "shimmer-mask-row-4", "start": 0, "end": 294, "x": 57, "y": 225, "width": 711, "height": 41, "radius": 20, "overflow": "hidden", "children": [ { "kind": "image", "id": "moving-shimmer-4", "start": 0, "end": 294, "slot": "skeletonShimmer", "x": [ { "frame": 0, "value": -1907, "easing": "linear" }, { "frame": 24, "value": -1837, "easing": "linear" }, { "frame": 99, "value": -1577, "easing": "linear" }, { "frame": 159, "value": -1177, "easing": "linear" }, { "frame": 220, "value": -917, "easing": "linear" }, { "frame": 270, "value": -677, "easing": "linear" }, { "frame": 293, "value": -557, "easing": "linear" } ], "y": -225, "width": 4000, "height": 700, "fit": "contain" } ] }, { "kind": "group", "id": "shimmer-mask-row-5", "start": 0, "end": 294, "x": 112, "y": 296, "width": 574, "height": 41, "radius": 20, "overflow": "hidden", "children": [ { "kind": "image", "id": "moving-shimmer-5", "start": 0, "end": 294, "slot": "skeletonShimmer", "x": [ { "frame": 0, "value": -1962, "easing": "linear" }, { "frame": 24, "value": -1892, "easing": "linear" }, { "frame": 99, "value": -1632, "easing": "linear" }, { "frame": 159, "value": -1232, "easing": "linear" }, { "frame": 220, "value": -972, "easing": "linear" }, { "frame": 270, "value": -732, "easing": "linear" }, { "frame": 293, "value": -612, "easing": "linear" } ], "y": -296, "width": 4000, "height": 700, "fit": "contain" } ] }, { "kind": "group", "id": "shimmer-mask-row-6", "start": 0, "end": 294, "x": 112, "y": 367, "width": 675, "height": 41, "radius": 20, "overflow": "hidden", "children": [ { "kind": "image", "id": "moving-shimmer-6", "start": 0, "end": 294, "slot": "skeletonShimmer", "x": [ { "frame": 0, "value": -1962, "easing": "linear" }, { "frame": 24, "value": -1892, "easing": "linear" }, { "frame": 99, "value": -1632, "easing": "linear" }, { "frame": 159, "value": -1232, "easing": "linear" }, { "frame": 220, "value": -972, "easing": "linear" }, { "frame": 270, "value": -732, "easing": "linear" }, { "frame": 293, "value": -612, "easing": "linear" } ], "y": -367, "width": 4000, "height": 700, "fit": "contain" } ] }, { "kind": "group", "id": "shimmer-mask-row-7", "start": 0, "end": 294, "x": 26, "y": 438, "width": 678, "height": 41, "radius": 20, "overflow": "hidden", "children": [ { "kind": "image", "id": "moving-shimmer-7", "start": 0, "end": 294, "slot": "skeletonShimmer", "x": [ { "frame": 0, "value": -1876, "easing": "linear" }, { "frame": 24, "value": -1806, "easing": "linear" }, { "frame": 99, "value": -1546, "easing": "linear" }, { "frame": 159, "value": -1146, "easing": "linear" }, { "frame": 220, "value": -886, "easing": "linear" }, { "frame": 270, "value": -646, "easing": "linear" }, { "frame": 293, "value": -526, "easing": "linear" } ], "y": -438, "width": 4000, "height": 700, "fit": "contain" } ] }, { "kind": "group", "id": "shimmer-mask-row-8", "start": 0, "end": 294, "x": 26, "y": 509, "width": 710, "height": 41, "radius": 20, "overflow": "hidden", "children": [ { "kind": "image", "id": "moving-shimmer-8", "start": 0, "end": 294, "slot": "skeletonShimmer", "x": [ { "frame": 0, "value": -1876, "easing": "linear" }, { "frame": 24, "value": -1806, "easing": "linear" }, { "frame": 99, "value": -1546, "easing": "linear" }, { "frame": 159, "value": -1146, "easing": "linear" }, { "frame": 220, "value": -886, "easing": "linear" }, { "frame": 270, "value": -646, "easing": "linear" }, { "frame": 293, "value": -526, "easing": "linear" } ], "y": -509, "width": 4000, "height": 700, "fit": "contain" } ] }, { "kind": "group", "id": "shimmer-mask-row-9", "start": 0, "end": 294, "x": 26, "y": 580, "width": 574, "height": 41, "radius": 20, "overflow": "hidden", "children": [ { "kind": "image", "id": "moving-shimmer-9", "start": 0, "end": 294, "slot": "skeletonShimmer", "x": [ { "frame": 0, "value": -1876, "easing": "linear" }, { "frame": 24, "value": -1806, "easing": "linear" }, { "frame": 99, "value": -1546, "easing": "linear" }, { "frame": 159, "value": -1146, "easing": "linear" }, { "frame": 220, "value": -886, "easing": "linear" }, { "frame": 270, "value": -646, "easing": "linear" }, { "frame": 293, "value": -526, "easing": "linear" } ], "y": -580, "width": 4000, "height": 700, "fit": "contain" } ] } ] } ] }, { "kind": "group", "id": "notes-icon-handoff", "start": 0, "end": 281, "x": 856, "y": 472, "width": 208, "height": 208, "origin": [ 104, 104 ], "perspective": 1100, "rotationY": [ { "frame": 0, "value": 0, "easing": "linear" }, { "frame": 273, "value": 0, "easing": "linear" }, { "frame": 274, "value": -8, "easing": "linear" }, { "frame": 275, "value": -18, "easing": "linear" }, { "frame": 276, "value": -26, "easing": "linear" }, { "frame": 277, "value": -35, "easing": "linear" }, { "frame": 278, "value": -45, "easing": "linear" }, { "frame": 279, "value": -54, "easing": "linear" }, { "frame": 280, "value": -69, "easing": "linear" } ], "scale": [ { "frame": 0, "value": 0.74, "easing": "linear" }, { "frame": 13, "value": 1, "easing": "linear" }, { "frame": 293, "value": 1, "easing": "linear" } ], "children": [ { "kind": "rect", "id": "notes-tile-shadow", "start": 0, "end": 294, "x": 4, "y": 4, "width": 200, "height": 200, "radius": 20, "fill": "#ffffff", "shadow": "0 9px 30px #15263816" }, { "kind": "image", "id": "notes-art", "start": 0, "end": 294, "slot": "symbolNotes", "width": 208, "height": 208, "fit": "contain" } ] }, { "kind": "group", "id": "agenda-icon-handoff", "start": 281, "end": 294, "x": 856, "y": 472, "width": 208, "height": 208, "origin": [ 104, 104 ], "perspective": 1100, "rotationY": [ { "frame": 281, "value": -89.8, "easing": "linear" }, { "frame": 282, "value": -72, "easing": "linear" }, { "frame": 283, "value": -56, "easing": "linear" }, { "frame": 284, "value": -43, "easing": "linear" }, { "frame": 285, "value": -31, "easing": "linear" }, { "frame": 286, "value": -22, "easing": "linear" }, { "frame": 287, "value": -14, "easing": "linear" }, { "frame": 289, "value": -5, "easing": "linear" }, { "frame": 291, "value": 0, "easing": "linear" }, { "frame": 293, "value": 0, "easing": "linear" } ], "scale": [ { "frame": 0, "value": 0.74, "easing": "linear" }, { "frame": 13, "value": 1, "easing": "linear" }, { "frame": 293, "value": 1, "easing": "linear" } ], "children": [ { "kind": "rect", "id": "agenda-tile-shadow", "start": 0, "end": 294, "x": 4, "y": 4, "width": 200, "height": 200, "radius": 20, "fill": "#ffffff", "shadow": "0 9px 30px #15263816" }, { "kind": "image", "id": "agenda-art", "start": 0, "end": 294, "slot": "symbolAgenda", "width": 208, "height": 208, "fit": "contain" } ] }, { "kind": "group", "id": "attached-explanation", "start": 74, "end": 281, "x": [ { "frame": 74, "value": 934, "easing": "linear" }, { "frame": 83, "value": 920, "easing": "linear" }, { "frame": 99, "value": 912, "easing": "linear" }, { "frame": 270, "value": 912, "easing": "linear" }, { "frame": 275, "value": 943, "easing": "linear" }, { "frame": 280, "value": 980, "easing": "linear" } ], "y": [ { "frame": 74, "value": 707, "easing": "linear" }, { "frame": 99, "value": 701, "easing": "linear" }, { "frame": 280, "value": 701, "easing": "linear" } ], "width": [ { "frame": 74, "value": 95, "easing": "hold" }, { "frame": 75, "value": 114, "easing": "hold" }, { "frame": 76, "value": 131, "easing": "hold" }, { "frame": 77, "value": 138, "easing": "hold" }, { "frame": 78, "value": 157, "easing": "hold" }, { "frame": 79, "value": 184, "easing": "hold" }, { "frame": 80, "value": 184, "easing": "hold" }, { "frame": 81, "value": 191, "easing": "hold" }, { "frame": 82, "value": 211, "easing": "hold" }, { "frame": 83, "value": 230, "easing": "hold" }, { "frame": 84, "value": 239, "easing": "hold" }, { "frame": 85, "value": 252, "easing": "hold" }, { "frame": 86, "value": 252, "easing": "hold" }, { "frame": 87, "value": 271, "easing": "hold" }, { "frame": 88, "value": 289, "easing": "hold" }, { "frame": 89, "value": 297, "easing": "hold" }, { "frame": 90, "value": 325, "easing": "hold" }, { "frame": 91, "value": 343, "easing": "hold" }, { "frame": 92, "value": 343, "easing": "hold" }, { "frame": 93, "value": 355, "easing": "hold" }, { "frame": 94, "value": 374, "easing": "hold" }, { "frame": 95, "value": 390, "easing": "hold" }, { "frame": 96, "value": 409, "easing": "hold" }, { "frame": 97, "value": 409, "easing": "hold" }, { "frame": 98, "value": 427, "easing": "hold" }, { "frame": 99, "value": 447, "easing": "hold" }, { "frame": 100, "value": 455, "easing": "hold" }, { "frame": 101, "value": 475, "easing": "hold" }, { "frame": 102, "value": 475, "easing": "hold" }, { "frame": 103, "value": 494, "easing": "hold" }, { "frame": 104, "value": 506, "easing": "hold" }, { "frame": 105, "value": 524, "easing": "hold" }, { "frame": 106, "value": 541, "easing": "hold" }, { "frame": 107, "value": 549, "easing": "hold" }, { "frame": 108, "value": 549, "easing": "hold" }, { "frame": 109, "value": 567, "easing": "hold" }, { "frame": 110, "value": 587, "easing": "hold" }, { "frame": 111, "value": 606, "easing": "hold" }, { "frame": 112, "value": 606, "easing": "hold" }, { "frame": 113, "value": 606, "easing": "hold" }, { "frame": 114, "value": 606, "easing": "hold" }, { "frame": 115, "value": 606, "easing": "hold" }, { "frame": 116, "value": 606, "easing": "hold" }, { "frame": 117, "value": 606, "easing": "hold" }, { "frame": 118, "value": 606, "easing": "hold" }, { "frame": 119, "value": 606, "easing": "hold" }, { "frame": 120, "value": 606, "easing": "hold" }, { "frame": 121, "value": 606, "easing": "hold" }, { "frame": 122, "value": 606, "easing": "hold" }, { "frame": 123, "value": 606, "easing": "hold" }, { "frame": 124, "value": 606, "easing": "hold" }, { "frame": 125, "value": 606, "easing": "hold" }, { "frame": 126, "value": 606, "easing": "hold" }, { "frame": 127, "value": 606, "easing": "hold" }, { "frame": 128, "value": 606, "easing": "hold" }, { "frame": 129, "value": 606, "easing": "hold" }, { "frame": 130, "value": 606, "easing": "hold" }, { "frame": 131, "value": 606, "easing": "hold" }, { "frame": 132, "value": 606, "easing": "hold" }, { "frame": 133, "value": 606, "easing": "hold" }, { "frame": 134, "value": 606, "easing": "hold" }, { "frame": 135, "value": 606, "easing": "hold" }, { "frame": 136, "value": 606, "easing": "hold" }, { "frame": 137, "value": 606, "easing": "hold" }, { "frame": 138, "value": 606, "easing": "hold" }, { "frame": 139, "value": 606, "easing": "hold" }, { "frame": 140, "value": 606, "easing": "hold" }, { "frame": 141, "value": 606, "easing": "hold" }, { "frame": 142, "value": 606, "easing": "hold" }, { "frame": 143, "value": 606, "easing": "hold" }, { "frame": 144, "value": 606, "easing": "hold" }, { "frame": 145, "value": 606, "easing": "hold" }, { "frame": 146, "value": 606, "easing": "hold" }, { "frame": 147, "value": 606, "easing": "hold" }, { "frame": 148, "value": 606, "easing": "hold" }, { "frame": 149, "value": 606, "easing": "hold" }, { "frame": 150, "value": 606, "easing": "hold" }, { "frame": 151, "value": 606, "easing": "hold" }, { "frame": 152, "value": 606, "easing": "hold" }, { "frame": 153, "value": 606, "easing": "hold" }, { "frame": 154, "value": 606, "easing": "hold" }, { "frame": 155, "value": 606, "easing": "hold" }, { "frame": 156, "value": 606, "easing": "hold" }, { "frame": 157, "value": 606, "easing": "hold" }, { "frame": 158, "value": 606, "easing": "hold" }, { "frame": 159, "value": 606, "easing": "hold" } ], "height": [ { "frame": 74, "value": 110, "easing": "hold" }, { "frame": 75, "value": 110, "easing": "hold" }, { "frame": 76, "value": 110, "easing": "hold" }, { "frame": 77, "value": 110, "easing": "hold" }, { "frame": 78, "value": 110, "easing": "hold" }, { "frame": 79, "value": 110, "easing": "hold" }, { "frame": 80, "value": 110, "easing": "hold" }, { "frame": 81, "value": 110, "easing": "hold" }, { "frame": 82, "value": 110, "easing": "hold" }, { "frame": 83, "value": 110, "easing": "hold" }, { "frame": 84, "value": 110, "easing": "hold" }, { "frame": 85, "value": 110, "easing": "hold" }, { "frame": 86, "value": 110, "easing": "hold" }, { "frame": 87, "value": 110, "easing": "hold" }, { "frame": 88, "value": 110, "easing": "hold" }, { "frame": 89, "value": 110, "easing": "hold" }, { "frame": 90, "value": 110, "easing": "hold" }, { "frame": 91, "value": 110, "easing": "hold" }, { "frame": 92, "value": 110, "easing": "hold" }, { "frame": 93, "value": 110, "easing": "hold" }, { "frame": 94, "value": 110, "easing": "hold" }, { "frame": 95, "value": 110, "easing": "hold" }, { "frame": 96, "value": 110, "easing": "hold" }, { "frame": 97, "value": 110, "easing": "hold" }, { "frame": 98, "value": 110, "easing": "hold" }, { "frame": 99, "value": 110, "easing": "hold" }, { "frame": 100, "value": 110, "easing": "hold" }, { "frame": 101, "value": 110, "easing": "hold" }, { "frame": 102, "value": 110, "easing": "hold" }, { "frame": 103, "value": 110, "easing": "hold" }, { "frame": 104, "value": 110, "easing": "hold" }, { "frame": 105, "value": 110, "easing": "hold" }, { "frame": 106, "value": 110, "easing": "hold" }, { "frame": 107, "value": 110, "easing": "hold" }, { "frame": 108, "value": 110, "easing": "hold" }, { "frame": 109, "value": 110, "easing": "hold" }, { "frame": 110, "value": 110, "easing": "hold" }, { "frame": 111, "value": 110, "easing": "hold" }, { "frame": 112, "value": 110, "easing": "hold" }, { "frame": 113, "value": 160, "easing": "hold" }, { "frame": 114, "value": 160, "easing": "hold" }, { "frame": 115, "value": 160, "easing": "hold" }, { "frame": 116, "value": 160, "easing": "hold" }, { "frame": 117, "value": 160, "easing": "hold" }, { "frame": 118, "value": 160, "easing": "hold" }, { "frame": 119, "value": 160, "easing": "hold" }, { "frame": 120, "value": 160, "easing": "hold" }, { "frame": 121, "value": 160, "easing": "hold" }, { "frame": 122, "value": 160, "easing": "hold" }, { "frame": 123, "value": 160, "easing": "hold" }, { "frame": 124, "value": 160, "easing": "hold" }, { "frame": 125, "value": 160, "easing": "hold" }, { "frame": 126, "value": 160, "easing": "hold" }, { "frame": 127, "value": 160, "easing": "hold" }, { "frame": 128, "value": 160, "easing": "hold" }, { "frame": 129, "value": 160, "easing": "hold" }, { "frame": 130, "value": 160, "easing": "hold" }, { "frame": 131, "value": 160, "easing": "hold" }, { "frame": 132, "value": 160, "easing": "hold" }, { "frame": 133, "value": 160, "easing": "hold" }, { "frame": 134, "value": 160, "easing": "hold" }, { "frame": 135, "value": 160, "easing": "hold" }, { "frame": 136, "value": 160, "easing": "hold" }, { "frame": 137, "value": 160, "easing": "hold" }, { "frame": 138, "value": 160, "easing": "hold" }, { "frame": 139, "value": 160, "easing": "hold" }, { "frame": 140, "value": 160, "easing": "hold" }, { "frame": 141, "value": 160, "easing": "hold" }, { "frame": 142, "value": 160, "easing": "hold" }, { "frame": 143, "value": 160, "easing": "hold" }, { "frame": 144, "value": 160, "easing": "hold" }, { "frame": 145, "value": 160, "easing": "hold" }, { "frame": 146, "value": 160, "easing": "hold" }, { "frame": 147, "value": 160, "easing": "hold" }, { "frame": 148, "value": 160, "easing": "hold" }, { "frame": 149, "value": 160, "easing": "hold" }, { "frame": 150, "value": 160, "easing": "hold" }, { "frame": 151, "value": 160, "easing": "hold" }, { "frame": 152, "value": 160, "easing": "hold" }, { "frame": 153, "value": 160, "easing": "hold" }, { "frame": 154, "value": 160, "easing": "hold" }, { "frame": 155, "value": 160, "easing": "hold" }, { "frame": 156, "value": 160, "easing": "hold" }, { "frame": 157, "value": 160, "easing": "hold" }, { "frame": 158, "value": 160, "easing": "hold" }, { "frame": 159, "value": 160, "easing": "hold" } ], "children": [ { "kind": "rect", "id": "explanation-shell", "start": 0, "end": 294, "width": [ { "frame": 74, "value": 95, "easing": "hold" }, { "frame": 75, "value": 114, "easing": "hold" }, { "frame": 76, "value": 131, "easing": "hold" }, { "frame": 77, "value": 138, "easing": "hold" }, { "frame": 78, "value": 157, "easing": "hold" }, { "frame": 79, "value": 184, "easing": "hold" }, { "frame": 80, "value": 184, "easing": "hold" }, { "frame": 81, "value": 191, "easing": "hold" }, { "frame": 82, "value": 211, "easing": "hold" }, { "frame": 83, "value": 230, "easing": "hold" }, { "frame": 84, "value": 239, "easing": "hold" }, { "frame": 85, "value": 252, "easing": "hold" }, { "frame": 86, "value": 252, "easing": "hold" }, { "frame": 87, "value": 271, "easing": "hold" }, { "frame": 88, "value": 289, "easing": "hold" }, { "frame": 89, "value": 297, "easing": "hold" }, { "frame": 90, "value": 325, "easing": "hold" }, { "frame": 91, "value": 343, "easing": "hold" }, { "frame": 92, "value": 343, "easing": "hold" }, { "frame": 93, "value": 355, "easing": "hold" }, { "frame": 94, "value": 374, "easing": "hold" }, { "frame": 95, "value": 390, "easing": "hold" }, { "frame": 96, "value": 409, "easing": "hold" }, { "frame": 97, "value": 409, "easing": "hold" }, { "frame": 98, "value": 427, "easing": "hold" }, { "frame": 99, "value": 447, "easing": "hold" }, { "frame": 100, "value": 455, "easing": "hold" }, { "frame": 101, "value": 475, "easing": "hold" }, { "frame": 102, "value": 475, "easing": "hold" }, { "frame": 103, "value": 494, "easing": "hold" }, { "frame": 104, "value": 506, "easing": "hold" }, { "frame": 105, "value": 524, "easing": "hold" }, { "frame": 106, "value": 541, "easing": "hold" }, { "frame": 107, "value": 549, "easing": "hold" }, { "frame": 108, "value": 549, "easing": "hold" }, { "frame": 109, "value": 567, "easing": "hold" }, { "frame": 110, "value": 587, "easing": "hold" }, { "frame": 111, "value": 606, "easing": "hold" }, { "frame": 112, "value": 606, "easing": "hold" }, { "frame": 113, "value": 606, "easing": "hold" }, { "frame": 114, "value": 606, "easing": "hold" }, { "frame": 115, "value": 606, "easing": "hold" }, { "frame": 116, "value": 606, "easing": "hold" }, { "frame": 117, "value": 606, "easing": "hold" }, { "frame": 118, "value": 606, "easing": "hold" }, { "frame": 119, "value": 606, "easing": "hold" }, { "frame": 120, "value": 606, "easing": "hold" }, { "frame": 121, "value": 606, "easing": "hold" }, { "frame": 122, "value": 606, "easing": "hold" }, { "frame": 123, "value": 606, "easing": "hold" }, { "frame": 124, "value": 606, "easing": "hold" }, { "frame": 125, "value": 606, "easing": "hold" }, { "frame": 126, "value": 606, "easing": "hold" }, { "frame": 127, "value": 606, "easing": "hold" }, { "frame": 128, "value": 606, "easing": "hold" }, { "frame": 129, "value": 606, "easing": "hold" }, { "frame": 130, "value": 606, "easing": "hold" }, { "frame": 131, "value": 606, "easing": "hold" }, { "frame": 132, "value": 606, "easing": "hold" }, { "frame": 133, "value": 606, "easing": "hold" }, { "frame": 134, "value": 606, "easing": "hold" }, { "frame": 135, "value": 606, "easing": "hold" }, { "frame": 136, "value": 606, "easing": "hold" }, { "frame": 137, "value": 606, "easing": "hold" }, { "frame": 138, "value": 606, "easing": "hold" }, { "frame": 139, "value": 606, "easing": "hold" }, { "frame": 140, "value": 606, "easing": "hold" }, { "frame": 141, "value": 606, "easing": "hold" }, { "frame": 142, "value": 606, "easing": "hold" }, { "frame": 143, "value": 606, "easing": "hold" }, { "frame": 144, "value": 606, "easing": "hold" }, { "frame": 145, "value": 606, "easing": "hold" }, { "frame": 146, "value": 606, "easing": "hold" }, { "frame": 147, "value": 606, "easing": "hold" }, { "frame": 148, "value": 606, "easing": "hold" }, { "frame": 149, "value": 606, "easing": "hold" }, { "frame": 150, "value": 606, "easing": "hold" }, { "frame": 151, "value": 606, "easing": "hold" }, { "frame": 152, "value": 606, "easing": "hold" }, { "frame": 153, "value": 606, "easing": "hold" }, { "frame": 154, "value": 606, "easing": "hold" }, { "frame": 155, "value": 606, "easing": "hold" }, { "frame": 156, "value": 606, "easing": "hold" }, { "frame": 157, "value": 606, "easing": "hold" }, { "frame": 158, "value": 606, "easing": "hold" }, { "frame": 159, "value": 606, "easing": "hold" } ], "height": [ { "frame": 74, "value": 110, "easing": "hold" }, { "frame": 75, "value": 110, "easing": "hold" }, { "frame": 76, "value": 110, "easing": "hold" }, { "frame": 77, "value": 110, "easing": "hold" }, { "frame": 78, "value": 110, "easing": "hold" }, { "frame": 79, "value": 110, "easing": "hold" }, { "frame": 80, "value": 110, "easing": "hold" }, { "frame": 81, "value": 110, "easing": "hold" }, { "frame": 82, "value": 110, "easing": "hold" }, { "frame": 83, "value": 110, "easing": "hold" }, { "frame": 84, "value": 110, "easing": "hold" }, { "frame": 85, "value": 110, "easing": "hold" }, { "frame": 86, "value": 110, "easing": "hold" }, { "frame": 87, "value": 110, "easing": "hold" }, { "frame": 88, "value": 110, "easing": "hold" }, { "frame": 89, "value": 110, "easing": "hold" }, { "frame": 90, "value": 110, "easing": "hold" }, { "frame": 91, "value": 110, "easing": "hold" }, { "frame": 92, "value": 110, "easing": "hold" }, { "frame": 93, "value": 110, "easing": "hold" }, { "frame": 94, "value": 110, "easing": "hold" }, { "frame": 95, "value": 110, "easing": "hold" }, { "frame": 96, "value": 110, "easing": "hold" }, { "frame": 97, "value": 110, "easing": "hold" }, { "frame": 98, "value": 110, "easing": "hold" }, { "frame": 99, "value": 110, "easing": "hold" }, { "frame": 100, "value": 110, "easing": "hold" }, { "frame": 101, "value": 110, "easing": "hold" }, { "frame": 102, "value": 110, "easing": "hold" }, { "frame": 103, "value": 110, "easing": "hold" }, { "frame": 104, "value": 110, "easing": "hold" }, { "frame": 105, "value": 110, "easing": "hold" }, { "frame": 106, "value": 110, "easing": "hold" }, { "frame": 107, "value": 110, "easing": "hold" }, { "frame": 108, "value": 110, "easing": "hold" }, { "frame": 109, "value": 110, "easing": "hold" }, { "frame": 110, "value": 110, "easing": "hold" }, { "frame": 111, "value": 110, "easing": "hold" }, { "frame": 112, "value": 110, "easing": "hold" }, { "frame": 113, "value": 160, "easing": "hold" }, { "frame": 114, "value": 160, "easing": "hold" }, { "frame": 115, "value": 160, "easing": "hold" }, { "frame": 116, "value": 160, "easing": "hold" }, { "frame": 117, "value": 160, "easing": "hold" }, { "frame": 118, "value": 160, "easing": "hold" }, { "frame": 119, "value": 160, "easing": "hold" }, { "frame": 120, "value": 160, "easing": "hold" }, { "frame": 121, "value": 160, "easing": "hold" }, { "frame": 122, "value": 160, "easing": "hold" }, { "frame": 123, "value": 160, "easing": "hold" }, { "frame": 124, "value": 160, "easing": "hold" }, { "frame": 125, "value": 160, "easing": "hold" }, { "frame": 126, "value": 160, "easing": "hold" }, { "frame": 127, "value": 160, "easing": "hold" }, { "frame": 128, "value": 160, "easing": "hold" }, { "frame": 129, "value": 160, "easing": "hold" }, { "frame": 130, "value": 160, "easing": "hold" }, { "frame": 131, "value": 160, "easing": "hold" }, { "frame": 132, "value": 160, "easing": "hold" }, { "frame": 133, "value": 160, "easing": "hold" }, { "frame": 134, "value": 160, "easing": "hold" }, { "frame": 135, "value": 160, "easing": "hold" }, { "frame": 136, "value": 160, "easing": "hold" }, { "frame": 137, "value": 160, "easing": "hold" }, { "frame": 138, "value": 160, "easing": "hold" }, { "frame": 139, "value": 160, "easing": "hold" }, { "frame": 140, "value": 160, "easing": "hold" }, { "frame": 141, "value": 160, "easing": "hold" }, { "frame": 142, "value": 160, "easing": "hold" }, { "frame": 143, "value": 160, "easing": "hold" }, { "frame": 144, "value": 160, "easing": "hold" }, { "frame": 145, "value": 160, "easing": "hold" }, { "frame": 146, "value": 160, "easing": "hold" }, { "frame": 147, "value": 160, "easing": "hold" }, { "frame": 148, "value": 160, "easing": "hold" }, { "frame": 149, "value": 160, "easing": "hold" }, { "frame": 150, "value": 160, "easing": "hold" }, { "frame": 151, "value": 160, "easing": "hold" }, { "frame": 152, "value": 160, "easing": "hold" }, { "frame": 153, "value": 160, "easing": "hold" }, { "frame": 154, "value": 160, "easing": "hold" }, { "frame": 155, "value": 160, "easing": "hold" }, { "frame": 156, "value": 160, "easing": "hold" }, { "frame": 157, "value": 160, "easing": "hold" }, { "frame": 158, "value": 160, "easing": "hold" }, { "frame": 159, "value": 160, "easing": "hold" } ], "radius": 35, "fill": "#ffffff", "stroke": "#e5e5e5", "strokeWidth": 1, "shadow": "0 5px 26px #2034491c" }, { "kind": "group", "id": "explanation-text-clip", "start": 0, "end": 294, "width": [ { "frame": 74, "value": 95, "easing": "hold" }, { "frame": 75, "value": 114, "easing": "hold" }, { "frame": 76, "value": 131, "easing": "hold" }, { "frame": 77, "value": 138, "easing": "hold" }, { "frame": 78, "value": 157, "easing": "hold" }, { "frame": 79, "value": 184, "easing": "hold" }, { "frame": 80, "value": 184, "easing": "hold" }, { "frame": 81, "value": 191, "easing": "hold" }, { "frame": 82, "value": 211, "easing": "hold" }, { "frame": 83, "value": 230, "easing": "hold" }, { "frame": 84, "value": 239, "easing": "hold" }, { "frame": 85, "value": 252, "easing": "hold" }, { "frame": 86, "value": 252, "easing": "hold" }, { "frame": 87, "value": 271, "easing": "hold" }, { "frame": 88, "value": 289, "easing": "hold" }, { "frame": 89, "value": 297, "easing": "hold" }, { "frame": 90, "value": 325, "easing": "hold" }, { "frame": 91, "value": 343, "easing": "hold" }, { "frame": 92, "value": 343, "easing": "hold" }, { "frame": 93, "value": 355, "easing": "hold" }, { "frame": 94, "value": 374, "easing": "hold" }, { "frame": 95, "value": 390, "easing": "hold" }, { "frame": 96, "value": 409, "easing": "hold" }, { "frame": 97, "value": 409, "easing": "hold" }, { "frame": 98, "value": 427, "easing": "hold" }, { "frame": 99, "value": 447, "easing": "hold" }, { "frame": 100, "value": 455, "easing": "hold" }, { "frame": 101, "value": 475, "easing": "hold" }, { "frame": 102, "value": 475, "easing": "hold" }, { "frame": 103, "value": 494, "easing": "hold" }, { "frame": 104, "value": 506, "easing": "hold" }, { "frame": 105, "value": 524, "easing": "hold" }, { "frame": 106, "value": 541, "easing": "hold" }, { "frame": 107, "value": 549, "easing": "hold" }, { "frame": 108, "value": 549, "easing": "hold" }, { "frame": 109, "value": 567, "easing": "hold" }, { "frame": 110, "value": 587, "easing": "hold" }, { "frame": 111, "value": 606, "easing": "hold" }, { "frame": 112, "value": 606, "easing": "hold" }, { "frame": 113, "value": 606, "easing": "hold" }, { "frame": 114, "value": 606, "easing": "hold" }, { "frame": 115, "value": 606, "easing": "hold" }, { "frame": 116, "value": 606, "easing": "hold" }, { "frame": 117, "value": 606, "easing": "hold" }, { "frame": 118, "value": 606, "easing": "hold" }, { "frame": 119, "value": 606, "easing": "hold" }, { "frame": 120, "value": 606, "easing": "hold" }, { "frame": 121, "value": 606, "easing": "hold" }, { "frame": 122, "value": 606, "easing": "hold" }, { "frame": 123, "value": 606, "easing": "hold" }, { "frame": 124, "value": 606, "easing": "hold" }, { "frame": 125, "value": 606, "easing": "hold" }, { "frame": 126, "value": 606, "easing": "hold" }, { "frame": 127, "value": 606, "easing": "hold" }, { "frame": 128, "value": 606, "easing": "hold" }, { "frame": 129, "value": 606, "easing": "hold" }, { "frame": 130, "value": 606, "easing": "hold" }, { "frame": 131, "value": 606, "easing": "hold" }, { "frame": 132, "value": 606, "easing": "hold" }, { "frame": 133, "value": 606, "easing": "hold" }, { "frame": 134, "value": 606, "easing": "hold" }, { "frame": 135, "value": 606, "easing": "hold" }, { "frame": 136, "value": 606, "easing": "hold" }, { "frame": 137, "value": 606, "easing": "hold" }, { "frame": 138, "value": 606, "easing": "hold" }, { "frame": 139, "value": 606, "easing": "hold" }, { "frame": 140, "value": 606, "easing": "hold" }, { "frame": 141, "value": 606, "easing": "hold" }, { "frame": 142, "value": 606, "easing": "hold" }, { "frame": 143, "value": 606, "easing": "hold" }, { "frame": 144, "value": 606, "easing": "hold" }, { "frame": 145, "value": 606, "easing": "hold" }, { "frame": 146, "value": 606, "easing": "hold" }, { "frame": 147, "value": 606, "easing": "hold" }, { "frame": 148, "value": 606, "easing": "hold" }, { "frame": 149, "value": 606, "easing": "hold" }, { "frame": 150, "value": 606, "easing": "hold" }, { "frame": 151, "value": 606, "easing": "hold" }, { "frame": 152, "value": 606, "easing": "hold" }, { "frame": 153, "value": 606, "easing": "hold" }, { "frame": 154, "value": 606, "easing": "hold" }, { "frame": 155, "value": 606, "easing": "hold" }, { "frame": 156, "value": 606, "easing": "hold" }, { "frame": 157, "value": 606, "easing": "hold" }, { "frame": 158, "value": 606, "easing": "hold" }, { "frame": 159, "value": 606, "easing": "hold" } ], "height": [ { "frame": 74, "value": 110, "easing": "hold" }, { "frame": 75, "value": 110, "easing": "hold" }, { "frame": 76, "value": 110, "easing": "hold" }, { "frame": 77, "value": 110, "easing": "hold" }, { "frame": 78, "value": 110, "easing": "hold" }, { "frame": 79, "value": 110, "easing": "hold" }, { "frame": 80, "value": 110, "easing": "hold" }, { "frame": 81, "value": 110, "easing": "hold" }, { "frame": 82, "value": 110, "easing": "hold" }, { "frame": 83, "value": 110, "easing": "hold" }, { "frame": 84, "value": 110, "easing": "hold" }, { "frame": 85, "value": 110, "easing": "hold" }, { "frame": 86, "value": 110, "easing": "hold" }, { "frame": 87, "value": 110, "easing": "hold" }, { "frame": 88, "value": 110, "easing": "hold" }, { "frame": 89, "value": 110, "easing": "hold" }, { "frame": 90, "value": 110, "easing": "hold" }, { "frame": 91, "value": 110, "easing": "hold" }, { "frame": 92, "value": 110, "easing": "hold" }, { "frame": 93, "value": 110, "easing": "hold" }, { "frame": 94, "value": 110, "easing": "hold" }, { "frame": 95, "value": 110, "easing": "hold" }, { "frame": 96, "value": 110, "easing": "hold" }, { "frame": 97, "value": 110, "easing": "hold" }, { "frame": 98, "value": 110, "easing": "hold" }, { "frame": 99, "value": 110, "easing": "hold" }, { "frame": 100, "value": 110, "easing": "hold" }, { "frame": 101, "value": 110, "easing": "hold" }, { "frame": 102, "value": 110, "easing": "hold" }, { "frame": 103, "value": 110, "easing": "hold" }, { "frame": 104, "value": 110, "easing": "hold" }, { "frame": 105, "value": 110, "easing": "hold" }, { "frame": 106, "value": 110, "easing": "hold" }, { "frame": 107, "value": 110, "easing": "hold" }, { "frame": 108, "value": 110, "easing": "hold" }, { "frame": 109, "value": 110, "easing": "hold" }, { "frame": 110, "value": 110, "easing": "hold" }, { "frame": 111, "value": 110, "easing": "hold" }, { "frame": 112, "value": 110, "easing": "hold" }, { "frame": 113, "value": 160, "easing": "hold" }, { "frame": 114, "value": 160, "easing": "hold" }, { "frame": 115, "value": 160, "easing": "hold" }, { "frame": 116, "value": 160, "easing": "hold" }, { "frame": 117, "value": 160, "easing": "hold" }, { "frame": 118, "value": 160, "easing": "hold" }, { "frame": 119, "value": 160, "easing": "hold" }, { "frame": 120, "value": 160, "easing": "hold" }, { "frame": 121, "value": 160, "easing": "hold" }, { "frame": 122, "value": 160, "easing": "hold" }, { "frame": 123, "value": 160, "easing": "hold" }, { "frame": 124, "value": 160, "easing": "hold" }, { "frame": 125, "value": 160, "easing": "hold" }, { "frame": 126, "value": 160, "easing": "hold" }, { "frame": 127, "value": 160, "easing": "hold" }, { "frame": 128, "value": 160, "easing": "hold" }, { "frame": 129, "value": 160, "easing": "hold" }, { "frame": 130, "value": 160, "easing": "hold" }, { "frame": 131, "value": 160, "easing": "hold" }, { "frame": 132, "value": 160, "easing": "hold" }, { "frame": 133, "value": 160, "easing": "hold" }, { "frame": 134, "value": 160, "easing": "hold" }, { "frame": 135, "value": 160, "easing": "hold" }, { "frame": 136, "value": 160, "easing": "hold" }, { "frame": 137, "value": 160, "easing": "hold" }, { "frame": 138, "value": 160, "easing": "hold" }, { "frame": 139, "value": 160, "easing": "hold" }, { "frame": 140, "value": 160, "easing": "hold" }, { "frame": 141, "value": 160, "easing": "hold" }, { "frame": 142, "value": 160, "easing": "hold" }, { "frame": 143, "value": 160, "easing": "hold" }, { "frame": 144, "value": 160, "easing": "hold" }, { "frame": 145, "value": 160, "easing": "hold" }, { "frame": 146, "value": 160, "easing": "hold" }, { "frame": 147, "value": 160, "easing": "hold" }, { "frame": 148, "value": 160, "easing": "hold" }, { "frame": 149, "value": 160, "easing": "hold" }, { "frame": 150, "value": 160, "easing": "hold" }, { "frame": 151, "value": 160, "easing": "hold" }, { "frame": 152, "value": 160, "easing": "hold" }, { "frame": 153, "value": 160, "easing": "hold" }, { "frame": 154, "value": 160, "easing": "hold" }, { "frame": 155, "value": 160, "easing": "hold" }, { "frame": 156, "value": 160, "easing": "hold" }, { "frame": 157, "value": 160, "easing": "hold" }, { "frame": 158, "value": 160, "easing": "hold" }, { "frame": 159, "value": 160, "easing": "hold" } ], "radius": 35, "overflow": "hidden", "children": [ { "kind": "text", "id": "typed-explanation", "start": 0, "end": 294, "slot": "explanation", "x": 36, "y": 31, "width": 540, "height": 101, "fontSize": 34, "weight": 400, "lineHeight": 1.47, "color": "#0c0c0c", "letterSpacing": -0.3, "reveal": { "unit": "characters", "steps": [ { "frame": 74, "count": 1 }, { "frame": 75, "count": 2 }, { "frame": 76, "count": 3 }, { "frame": 77, "count": 4 }, { "frame": 78, "count": 5 }, { "frame": 79, "count": 6 }, { "frame": 80, "count": 6 }, { "frame": 81, "count": 7 }, { "frame": 82, "count": 8 }, { "frame": 83, "count": 9 }, { "frame": 84, "count": 10 }, { "frame": 85, "count": 11 }, { "frame": 86, "count": 11 }, { "frame": 87, "count": 12 }, { "frame": 88, "count": 13 }, { "frame": 89, "count": 14 }, { "frame": 90, "count": 15 }, { "frame": 91, "count": 16 }, { "frame": 92, "count": 16 }, { "frame": 93, "count": 17 }, { "frame": 94, "count": 18 }, { "frame": 95, "count": 19 }, { "frame": 96, "count": 20 }, { "frame": 97, "count": 20 }, { "frame": 98, "count": 21 }, { "frame": 99, "count": 22 }, { "frame": 100, "count": 23 }, { "frame": 101, "count": 24 }, { "frame": 102, "count": 24 }, { "frame": 103, "count": 25 }, { "frame": 104, "count": 26 }, { "frame": 105, "count": 27 }, { "frame": 106, "count": 28 }, { "frame": 107, "count": 29 }, { "frame": 108, "count": 29 }, { "frame": 109, "count": 30 }, { "frame": 110, "count": 31 }, { "frame": 111, "count": 32 }, { "frame": 112, "count": 32 }, { "frame": 113, "count": 34 }, { "frame": 114, "count": 36 }, { "frame": 115, "count": 37 }, { "frame": 116, "count": 37 }, { "frame": 117, "count": 38 }, { "frame": 118, "count": 39 }, { "frame": 119, "count": 40 }, { "frame": 120, "count": 40 }, { "frame": 121, "count": 41 }, { "frame": 122, "count": 42 }, { "frame": 123, "count": 42 }, { "frame": 124, "count": 43 }, { "frame": 125, "count": 44 }, { "frame": 126, "count": 44 }, { "frame": 127, "count": 45 }, { "frame": 128, "count": 46 }, { "frame": 129, "count": 47 }, { "frame": 130, "count": 48 }, { "frame": 131, "count": 48 }, { "frame": 132, "count": 49 }, { "frame": 133, "count": 50 }, { "frame": 134, "count": 50 }, { "frame": 135, "count": 51 }, { "frame": 136, "count": 52 }, { "frame": 137, "count": 53 }, { "frame": 138, "count": 54 }, { "frame": 139, "count": 54 }, { "frame": 140, "count": 55 }, { "frame": 141, "count": 56 }, { "frame": 142, "count": 56 }, { "frame": 143, "count": 57 }, { "frame": 144, "count": 58 }, { "frame": 145, "count": 59 }, { "frame": 146, "count": 59 }, { "frame": 147, "count": 60 }, { "frame": 148, "count": 61 }, { "frame": 149, "count": 61 }, { "frame": 150, "count": 62 }, { "frame": 151, "count": 63 }, { "frame": 152, "count": 63 }, { "frame": 153, "count": 64 }, { "frame": 154, "count": 65 }, { "frame": 155, "count": 65 }, { "frame": 156, "count": 66 }, { "frame": 157, "count": 67 }, { "frame": 158, "count": 67 }, { "frame": 159, "count": 68 } ] }, "lineWidthRanges": [ { "min": 510, "max": 538 }, { "min": 517, "max": 535 } ], "opacity": [ { "frame": 74, "value": 0.25, "easing": "linear" }, { "frame": 75, "value": 0.64, "easing": "linear" }, { "frame": 77, "value": 1, "easing": "linear" } ] } ] } ] }, { "kind": "path", "id": "task-pointer", "start": 43, "end": 294, "slot": "taskPointerPath", "viewBox": [ 0, 0, 54, 56 ], "x": [ { "frame": 43, "value": 984, "easing": "smooth" }, { "frame": 54, "value": 956, "easing": "smooth" }, { "frame": 69, "value": 909, "easing": "smooth" }, { "frame": 74, "value": 896, "easing": "smooth" }, { "frame": 83, "value": 882, "easing": "smooth" }, { "frame": 99, "value": 874, "easing": "smooth" }, { "frame": 270, "value": 874, "easing": "smooth" }, { "frame": 275, "value": 905, "easing": "smooth" }, { "frame": 280, "value": 942, "easing": "smooth" }, { "frame": 281, "value": 950, "easing": "smooth" }, { "frame": 283, "value": 976, "easing": "smooth" }, { "frame": 293, "value": 1023, "easing": "smooth" } ], "y": [ { "frame": 43, "value": 747, "easing": "smooth" }, { "frame": 54, "value": 721, "easing": "smooth" }, { "frame": 69, "value": 684, "easing": "smooth" }, { "frame": 74, "value": 671, "easing": "smooth" }, { "frame": 99, "value": 666, "easing": "smooth" }, { "frame": 270, "value": 666, "easing": "smooth" }, { "frame": 280, "value": 668, "easing": "smooth" }, { "frame": 293, "value": 688, "easing": "smooth" } ], "width": 54, "height": 56, "fill": "#030303", "stroke": "#ffffff", "strokeWidth": 4 }, { "kind": "rect", "id": "disclosure-back", "start": 0, "end": 294, "x": 18, "y": 1038, "width": 254, "height": 28, "radius": 5, "fill": "#ffffff", "opacity": 0.9 }, { "kind": "text", "id": "disclosure", "start": 0, "end": 294, "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": [ "The API does not generate the observed moving blurred field. Requires an original background asset or a separately verified procedural treatment.", "2D narrowing and 3D rotation are both now representable, but the source only establishes a changing silhouette. Choose/falsify the fit in review rather than asserting a recovered 3D rotation.", "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, 1, 12, 13, 24, 42, 43, 44, 73, 74, 75, 110, 111, 112, 113, 114, 277, 278, 279, 280, 281, 282, 287, 293 ], "intermediateFrames": [ 3, 6, 9, 18, 54, 69, 76, 77, 78, 83, 99, 124, 144, 159, 219, 220, 221, 270, 274, 275, 276, 283, 284, 285, 286, 289, 291 ], "sourceEvidence": [ "../research/interface/evidence/interface-05/source.mp4", "../research/interface/evidence/interface-05-native.jpg", "../research/interface/evidence/interface-05-anchors.jpg", "../research/interface/evidence/extraction-ledger.json", "../research/interface/evidence/geometry-measurements.json" ] } }, "content": { "disclosure": "ILLUSTRATED UI · NOT POE", "fieldBase": { "kind": "image", "path": "art/agent-task-card-explanation/field-r04-base-default.svg", "width": 2304, "height": 1296, "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." }, "fieldFolds": { "kind": "image", "path": "art/agent-task-card-explanation/field-r04-folds-default.svg", "width": 2304, "height": 1296, "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." }, "fieldMist": { "kind": "image", "path": "art/agent-task-card-explanation/field-r04-mist-default.svg", "width": 2304, "height": 1296, "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." }, "symbolNotes": { "kind": "image", "path": "art/agent-task-card-explanation/symbol-notes-default.svg", "width": 208, "height": 208, "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." }, "symbolAgenda": { "kind": "image", "path": "art/agent-task-card-explanation/symbol-agenda-default.svg", "width": 208, "height": 208, "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." }, "skeletonShimmer": { "kind": "image", "path": "art/agent-task-card-explanation/shimmer-r04.svg", "width": 4000, "height": 700, "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." }, "firstLabel": "Preparing workshop notes", "secondLabel": "Preparing the team agenda", "explanation": "Reviewing the workshop notes and\ncollecting next steps for the team.", "taskPointerPath": "M7 3Q2 1 3 7L17 44Q20 51 24 44L29 28L45 24Q52 21 45 17Z" }, "holdBeforeFrames": 0, "holdAfterFrames": 0 }, "inputPropsSha256": "1d09d62a1aed3839ecc00f404b01247750ce80f42a3d5f5e2d8a0243a00ad807", "shots": [ { "index": 0, "recipeId": "agent-task-card-explanation", "recipeSha256": "00498d9e32b20e6d4f61ef1084200b1a80fbf53f493f0d1644ca75641aa02da6", "contentSha256": "653872d850eb8f9b375efe9e0c325068f7b2c7ab2ff52bb74af4dcda48e5f750", "inputPropsSha256": "1d09d62a1aed3839ecc00f404b01247750ce80f42a3d5f5e2d8a0243a00ad807", "source": { "slug": "agent-look", "film": "A Look at ChatGPT agent", "url": "https://www.youtube.com/watch?v=2wzGS_WUZYQ", "localMedia": "references/openai/media/agent-look.mp4", "sha256": "f39beb96507b79d3779d339fb923ac1d0c5ad74f145295ec0c86d8b333e68391", "fps": { "numerator": 60, "denominator": 1 }, "width": 1920, "height": 1080, "startFrame": 1156, "endFrameExclusive": 1450 } } ], "assets": [ { "slot": "fieldBase", "path": "public/art/agent-task-card-explanation/field-r04-base-default.svg", "resolvedPath": "public/art/agent-task-card-explanation/field-r04-base-default.svg", "sha256": "22a14a993caaf53e406e1108e5ca9411da4187e5b69299ffdfad2b34e8271973", "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": 2304, "height": 1296, "method": "svg-viewport/viewBox" } }, { "slot": "fieldFolds", "path": "public/art/agent-task-card-explanation/field-r04-folds-default.svg", "resolvedPath": "public/art/agent-task-card-explanation/field-r04-folds-default.svg", "sha256": "9463e8e9309a7aeb9a1f578a6795651573c6703f7e5e74b51bce0567fcfa1408", "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": 2304, "height": 1296, "method": "svg-viewport/viewBox" } }, { "slot": "fieldMist", "path": "public/art/agent-task-card-explanation/field-r04-mist-default.svg", "resolvedPath": "public/art/agent-task-card-explanation/field-r04-mist-default.svg", "sha256": "4289fa5e98aa1c26fe8ea8f37dfe7ff2b9b525601e05ea1b4bf9aa77d35ecc9c", "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": 2304, "height": 1296, "method": "svg-viewport/viewBox" } }, { "slot": "symbolNotes", "path": "public/art/agent-task-card-explanation/symbol-notes-default.svg", "resolvedPath": "public/art/agent-task-card-explanation/symbol-notes-default.svg", "sha256": "6adc8cbc6525d8c87d99037b6013567c90dbe73a353bec91e6a5aac82f7dbaf0", "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": 208, "height": 208, "method": "svg-viewport/viewBox" } }, { "slot": "symbolAgenda", "path": "public/art/agent-task-card-explanation/symbol-agenda-default.svg", "resolvedPath": "public/art/agent-task-card-explanation/symbol-agenda-default.svg", "sha256": "d2b5508a04300ce41d9573065a6c5466c4cb44aee137aa3972a7d6b25582032b", "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": 208, "height": 208, "method": "svg-viewport/viewBox" } }, { "slot": "skeletonShimmer", "path": "public/art/agent-task-card-explanation/shimmer-r04.svg", "resolvedPath": "public/art/agent-task-card-explanation/shimmer-r04.svg", "sha256": "a709cd8d7da14999a8dee6b1faec13c4ebaf81ece86e557db60121ee49078c1c", "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": 4000, "height": 700, "method": "svg-viewport/viewBox" } } ], "publicFiles": { "public/art/agent-task-card-explanation/field-r04-base-default.svg": { "sha256": "22a14a993caaf53e406e1108e5ca9411da4187e5b69299ffdfad2b34e8271973", "resolvedPath": "public/art/agent-task-card-explanation/field-r04-base-default.svg" }, "public/art/agent-task-card-explanation/field-r04-folds-default.svg": { "sha256": "9463e8e9309a7aeb9a1f578a6795651573c6703f7e5e74b51bce0567fcfa1408", "resolvedPath": "public/art/agent-task-card-explanation/field-r04-folds-default.svg" }, "public/art/agent-task-card-explanation/field-r04-mist-default.svg": { "sha256": "4289fa5e98aa1c26fe8ea8f37dfe7ff2b9b525601e05ea1b4bf9aa77d35ecc9c", "resolvedPath": "public/art/agent-task-card-explanation/field-r04-mist-default.svg" }, "public/art/agent-task-card-explanation/shimmer-r04.svg": { "sha256": "a709cd8d7da14999a8dee6b1faec13c4ebaf81ece86e557db60121ee49078c1c", "resolvedPath": "public/art/agent-task-card-explanation/shimmer-r04.svg" }, "public/art/agent-task-card-explanation/symbol-agenda-default.svg": { "sha256": "d2b5508a04300ce41d9573065a6c5466c4cb44aee137aa3972a7d6b25582032b", "resolvedPath": "public/art/agent-task-card-explanation/symbol-agenda-default.svg" }, "public/art/agent-task-card-explanation/symbol-notes-default.svg": { "sha256": "6adc8cbc6525d8c87d99037b6013567c90dbe73a353bec91e6a5aac82f7dbaf0", "resolvedPath": "public/art/agent-task-card-explanation/symbol-notes-default.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": "887b3c306d855a65f2475e888ce6af9ee66e102d3c950cb179a486e1d81d067b", "implementationDigest": "d8b9486d145a3c5c2eb163dba433e958b8310df238f13f0c354452a67f35cf22", "fileHashes": { "package-lock.json": "d49a849f7eb399e171ed709b67e00e96104f1116e571c96e6e94952e14110922", "package.json": "78bbb94c56da3bfd012607ca3ba88e063ee2a280a65ae6d99175cbe50b1e34fb", "public/art/agent-task-card-explanation/field-r04-base-default.svg": "22a14a993caaf53e406e1108e5ca9411da4187e5b69299ffdfad2b34e8271973", "public/art/agent-task-card-explanation/field-r04-folds-default.svg": "9463e8e9309a7aeb9a1f578a6795651573c6703f7e5e74b51bce0567fcfa1408", "public/art/agent-task-card-explanation/field-r04-mist-default.svg": "4289fa5e98aa1c26fe8ea8f37dfe7ff2b9b525601e05ea1b4bf9aa77d35ecc9c", "public/art/agent-task-card-explanation/shimmer-r04.svg": "a709cd8d7da14999a8dee6b1faec13c4ebaf81ece86e557db60121ee49078c1c", "public/art/agent-task-card-explanation/symbol-agenda-default.svg": "d2b5508a04300ce41d9573065a6c5466c4cb44aee137aa3972a7d6b25582032b", "public/art/agent-task-card-explanation/symbol-notes-default.svg": "6adc8cbc6525d8c87d99037b6013567c90dbe73a353bec91e6a5aac82f7dbaf0", "public/fonts/Geist.ttf": "73894e0448cae90a92b6c2f8732b7bb9acb7b94c418bff559dad4a18e1de9659", "recipes/agent-task-card-explanation.json": "28c76fdbbc025361bde3249716491b040fb8ec75c066b6f4b6090bbaa8d52239", "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": "agent-task-card-explanation", "title": "Quiet task card, drifting field, delayed attached explanation", "description": "DRAFT — A foreground card grows vertically and settles while the blurred colored background continues drifting; a pointer-attached explanation types out later, then the central icon changes through a narrow silhouette without moving the card. Original illustrated UI, not real Poe; not fidelity-approved.", "families": [ "layered", "overlay", "interface" ], "intents": [ "A foreground card grows vertically and settles while the blurred colored background continues drifting; a pointer-attached explanation types out later, then the central icon changes through a narrow silhouette without moving the card." ], "tags": [ "draft", "original-illustration", "not-poe", "interface-05" ], "distinctness": { "mechanism": "A foreground card grows vertically and settles while the blurred colored background continues drifting; a pointer-attached explanation types out later, then the central icon changes through a narrow silhouette without moving the card.", "notEquivalentTo": [ "Not interface-04: no dimmed workspace relay; attention is separated between a moving background, quiet card and delayed local callout.", "Not the excluded Atlas icon: icon replacement is a small interior state within a persistent task composition, not a standalone identity reveal." ] }, "source": { "slug": "agent-look", "film": "A Look at ChatGPT agent", "url": "https://www.youtube.com/watch?v=2wzGS_WUZYQ", "localMedia": "references/openai/media/agent-look.mp4", "sha256": "f39beb96507b79d3779d339fb923ac1d0c5ad74f145295ec0c86d8b333e68391", "fps": { "numerator": 60, "denominator": 1 }, "width": 1920, "height": 1080, "startFrame": 1156, "endFrameExclusive": 1450 }, "canvas": { "width": 1920, "height": 1080, "background": "#ffffff" }, "observations": [ { "kind": "measured", "sourceFrames": [ 1155, 1156, 1169 ], "statement": "Title is replaced by the white card at f1156. Its white-fill threshold envelope grows from [511,278,1409,802] at f1156 to [511,174,1409,906] at f1169: width and vertical center remain constant while height grows.", "evidence": [ "../research/interface/evidence/interface-05/source.mp4", "../research/interface/evidence/interface-05-native.jpg", "../research/interface/evidence/interface-05-anchors.jpg" ] }, { "kind": "measured", "sourceFrames": [ 1229, 1230, 1231, 1239, 1428 ], "statement": "The small attached callout starts as a pale form at f1230 and accumulates text through later frames. It is delayed relative to the already-established card.", "evidence": [ "../research/interface/evidence/interface-05/source.mp4", "../research/interface/evidence/interface-05-native.jpg", "../research/interface/evidence/interface-05-anchors.jpg" ] }, { "kind": "measured", "sourceFrames": [ 1434, 1435, 1436, 1437, 1438, 1443 ], "statement": "The old icon narrows, the label changes at f1437, and the replacement icon widens afterward. A simple same-size crossfade would miss this observed silhouette change.", "evidence": [ "../research/interface/evidence/interface-05/source.mp4", "../research/interface/evidence/interface-05-native.jpg", "../research/interface/evidence/interface-05-anchors.jpg" ] }, { "kind": "estimate", "sourceFrames": [ 1280, 1437 ], "statement": "Foreground card about 900x775 px near center; central icon roughly 125 px, about seven pale skeleton rows and a small two-line callout below/right. Bounds ±20 px; no 3D rotation angle is recovered.", "evidence": [ "../research/interface/evidence/interface-05/source.mp4", "../research/interface/evidence/interface-05-native.jpg", "../research/interface/evidence/interface-05-anchors.jpg" ] }, { "kind": "unresolved", "sourceFrames": [ 1156, 1280, 1437 ], "statement": "The blurred background's spatial drift and icon narrowing could be implemented several ways. No actual connector/consent semantics or live timing is established.", "evidence": [ "../research/interface/evidence/interface-05/source.mp4", "../research/interface/evidence/interface-05-native.jpg", "../research/interface/evidence/interface-05-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": [ 1156 ], "evidence": [ "art/agent-task-card-explanation/ASSET-NOTES.json", "art/agent-task-card-explanation/FONT-LICENSE.txt" ] }, { "kind": "measured", "statement": "Native recheck: pointer first appears43; first pale glyph74; second-line shell growth113; label/icon/callout handoff281. Skeleton interior[700,285] varies245→249→246 at24/159/220, confirming foreground activity independent of background drift. Tile has already narrowed at278 and is still about72px wide at280.", "sourceFrames": [ 1180, 1199, 1230, 1269, 1315, 1376, 1434, 1436, 1437 ], "evidence": [ "../evidence/review-interface-a/agent-task-card-explanation/source-native.mp4", "../evidence/review-interface-a/agent-task-card-explanation/review.json" ] }, { "kind": "implementation-choice", "statement": "Nine rounded per-bar clipping groups share a translated diagonal243–249 luminance field. This restores independently moving masked skeleton activity; source shader, band phase and blur are not recovered. Three independent original background planes retain motion with narrower wisps and varied8/16/20px blur, not source pixels.", "sourceFrames": [ 1180, 1255, 1315, 1375, 1376, 1377, 1426, 1449 ], "evidence": [ "art/agent-task-card-explanation/ASSET-NOTES.json" ] }, { "kind": "estimate", "statement": "Perspective1100 and fitted Y rotations begin narrowing274, target about143px at278 and72px at280, reopen asymmetrically from281. These are silhouette fits, not measured source3D parameters. Original bubble uses Geist34 with-0.3px tracking, separate unclipped shadow shell, and a bold white-edged triangular cursor; original frozen32/35-character copy is retained.", "sourceFrames": [ 1230, 1269, 1315, 1430, 1434, 1436, 1437, 1439, 1443 ], "evidence": [ "../evidence/review-interface-a/agent-task-card-explanation/probes/source/0283.png", "art/agent-task-card-explanation/ASSET-NOTES.json" ] } ], "fields": { "disclosure": { "kind": "text", "description": "Required immutable disclosure; original interface illustration, never a product screenshot.", "minLength": 24, "maxLength": 24, "maxLines": 1, "exactLength": 24 }, "fieldBase": { "kind": "image", "description": "Independent original2304x1296 overscan base plane. Revision04 adds narrower wisps and varied blur; no source background reuse.", "aspectRatio": { "numerator": 16, "denominator": 9 }, "minimumWidth": 2304, "minimumHeight": 1296, "fit": "contain" }, "fieldFolds": { "kind": "image", "description": "Independent original2304x1296 overscan folds plane. Revision04 adds narrower wisps and varied blur; no source background reuse.", "aspectRatio": { "numerator": 16, "denominator": 9 }, "minimumWidth": 2304, "minimumHeight": 1296, "fit": "contain" }, "fieldMist": { "kind": "image", "description": "Independent original2304x1296 overscan mist plane. Revision04 adds narrower wisps and varied blur; no source background reuse.", "aspectRatio": { "numerator": 16, "denominator": 9 }, "minimumWidth": 2304, "minimumHeight": 1296, "fit": "contain" }, "symbolNotes": { "kind": "image", "description": "Original208x208 task illustration. Preserve centered200px white tile and perspective handoff; not a connector logo or product claim.", "aspectRatio": { "numerator": 1, "denominator": 1 }, "minimumWidth": 208, "minimumHeight": 208, "fit": "contain" }, "symbolAgenda": { "kind": "image", "description": "Original208x208 task illustration. Preserve centered200px white tile and perspective handoff; not a connector logo or product claim.", "aspectRatio": { "numerator": 1, "denominator": 1 }, "minimumWidth": 208, "minimumHeight": 208, "fit": "contain" }, "skeletonShimmer": { "kind": "image", "description": "Original4000x700 diagonal luminance field, continuously translated through nine rounded per-bar clips. Keep neutral243–249 levels; opaque slot must cover every bar throughout the native hold.", "aspectRatio": { "numerator": 40, "denominator": 7 }, "minimumWidth": 4000, "minimumHeight": 700, "fit": "contain" }, "firstLabel": { "kind": "text", "description": "One-line original status, not a connection or permission claim.", "minLength": 24, "maxLength": 24, "maxLines": 1 }, "secondLabel": { "kind": "text", "description": "One-line next-task label, switches only at local281/source1437.", "minLength": 25, "maxLength": 25, "maxLines": 1 }, "explanation": { "kind": "text", "description": "Exactly32 characters, newline,35 characters. Native typing, line onset113 and paired capsule geometry are coupled to this fixed shape; no automatic wrapping.", "minLength": 68, "maxLength": 68, "maxLines": 2, "exactLength": 68, "lineLengths": [ 32, 35 ], "exactLines": 2 }, "taskPointerPath": { "kind": "path", "description": "Original bold rounded triangular pointer; white4px edge with no stem. Keep the upper-left hotspot attached to the bubble motion.", "viewBox": [ 0, 0, 54, 56 ] } }, "defaults": { "disclosure": "ILLUSTRATED UI · NOT POE", "fieldBase": { "kind": "image", "path": "art/agent-task-card-explanation/field-r04-base-default.svg", "width": 2304, "height": 1296, "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." }, "fieldFolds": { "kind": "image", "path": "art/agent-task-card-explanation/field-r04-folds-default.svg", "width": 2304, "height": 1296, "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." }, "fieldMist": { "kind": "image", "path": "art/agent-task-card-explanation/field-r04-mist-default.svg", "width": 2304, "height": 1296, "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." }, "symbolNotes": { "kind": "image", "path": "art/agent-task-card-explanation/symbol-notes-default.svg", "width": 208, "height": 208, "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." }, "symbolAgenda": { "kind": "image", "path": "art/agent-task-card-explanation/symbol-agenda-default.svg", "width": 208, "height": 208, "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." }, "skeletonShimmer": { "kind": "image", "path": "art/agent-task-card-explanation/shimmer-r04.svg", "width": 4000, "height": 700, "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." }, "firstLabel": "Preparing workshop notes", "secondLabel": "Preparing the team agenda", "explanation": "Reviewing the workshop notes and\ncollecting next steps for the team.", "taskPointerPath": "M7 3Q2 1 3 7L17 44Q20 51 24 44L29 28L45 24Q52 21 45 17Z" }, "adaptation": { "disclosure": "ILLUSTRATED UI · NOT POE", "fieldBase": { "kind": "image", "path": "art/agent-task-card-explanation/field-r04-base-adaptation.svg", "width": 2304, "height": 1296, "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." }, "fieldFolds": { "kind": "image", "path": "art/agent-task-card-explanation/field-r04-folds-adaptation.svg", "width": 2304, "height": 1296, "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." }, "fieldMist": { "kind": "image", "path": "art/agent-task-card-explanation/field-r04-mist-adaptation.svg", "width": 2304, "height": 1296, "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." }, "symbolNotes": { "kind": "image", "path": "art/agent-task-card-explanation/symbol-notes-adaptation.svg", "width": 208, "height": 208, "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." }, "symbolAgenda": { "kind": "image", "path": "art/agent-task-card-explanation/symbol-agenda-adaptation.svg", "width": 208, "height": 208, "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." }, "skeletonShimmer": { "kind": "image", "path": "art/agent-task-card-explanation/shimmer-r04.svg", "width": 4000, "height": 700, "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." }, "firstLabel": "Reviewing planning notes", "secondLabel": "Reviewing team milestones", "explanation": "Reviewing the planning notes and\ncollecting open items for the team.", "taskPointerPath": "M7 3Q2 1 3 7L17 44Q20 51 24 44L29 28L45 24Q52 21 45 17Z" }, "adaptationNotes": [ "Use an original abstract task-status card over an original moving color field; keep the task card quiet while a small local explanation and original icon change provide progression.", "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": [ "Independent foreground/background motion", "Vertical card growth about its center", "Delayed callout", "Narrow icon handoff", "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.", "Keep center-preserving card growth, live foreground shimmer during the hold and three independently moving background planes.", "Pointer43, first pale glyph74, second-line shell113, earlier icon narrowing and label/callout handoff281 are source-locked.", "Explanation is exactly32/newline/35 characters. Copy, prefix-derived capsule widths and fitted reveal steps are coupled; never auto-reflow, shrink, or retime." ], "unsupported": [ "An original abstraction is not a claim that Poe connects these services.", "Keep the callout locally attached; do not center it as a chapter heading.", "No source background or product icon asset reuse.", "Arbitrary UI screenshots, reflowing copy or aspect-ratio changes are unsupported.", "Fresh moving-source fidelity review and final font/blur/alpha fitting are outstanding.", "Band phase/width, tile perspective and source background topology remain estimates requiring fresh moving-source retest; no material finding is self-accepted.", "Text lineLengths and measured line-width ranges cannot validate the semantic or prefix-to-capsule coupling. Changing copy requires recalculating capsule widths and a new review.", "The runtime provides rectangular rounded clipping, not a general scene-mask primitive. Nine synchronized rounded clips exactly preserve the authored bar geometry; source procedural shader recovery is not claimed." ], "entry": { "field": "layered", "description": "Short card replaces title", "continuityKeys": [ "original-content-identity", "native-clock" ] }, "exit": { "field": "layered", "description": "Icon at narrow handoff silhouette", "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": "moving-base", "start": 0, "end": 294, "slot": "fieldBase", "width": 2304, "height": 1296, "origin": [ 1152, 648 ], "fit": "contain", "x": [ { "frame": 0, "value": -192, "easing": "smooth" }, { "frame": 100, "value": -173, "easing": "smooth" }, { "frame": 200, "value": -215, "easing": "smooth" }, { "frame": 293, "value": -242, "easing": "smooth" } ], "y": [ { "frame": 0, "value": -108, "easing": "smooth" }, { "frame": 147, "value": -88, "easing": "smooth" }, { "frame": 293, "value": -115, "easing": "smooth" } ], "rotation": [ { "frame": 0, "value": 0, "easing": "linear" }, { "frame": 293, "value": 0.45, "easing": "linear" } ] }, { "kind": "image", "id": "moving-folds", "start": 0, "end": 294, "slot": "fieldFolds", "width": 2304, "height": 1296, "origin": [ 1152, 648 ], "fit": "contain", "x": [ { "frame": 0, "value": -178, "easing": "smooth" }, { "frame": 90, "value": -206, "easing": "smooth" }, { "frame": 200, "value": -158, "easing": "smooth" }, { "frame": 293, "value": -219, "easing": "smooth" } ], "y": [ { "frame": 0, "value": -123, "easing": "smooth" }, { "frame": 147, "value": -65, "easing": "smooth" }, { "frame": 293, "value": -107, "easing": "smooth" } ], "rotation": [ { "frame": 0, "value": -1, "easing": "smooth" }, { "frame": 130, "value": 0.8, "easing": "smooth" }, { "frame": 293, "value": -0.3, "easing": "smooth" } ] }, { "kind": "image", "id": "moving-mist", "start": 0, "end": 294, "slot": "fieldMist", "width": 2304, "height": 1296, "origin": [ 1152, 648 ], "fit": "contain", "x": [ { "frame": 0, "value": -224, "easing": "smooth" }, { "frame": 150, "value": -158, "easing": "smooth" }, { "frame": 293, "value": -192, "easing": "smooth" } ], "y": [ { "frame": 0, "value": -97, "easing": "smooth" }, { "frame": 150, "value": -136, "easing": "smooth" }, { "frame": 293, "value": -84, "easing": "smooth" } ], "rotation": [ { "frame": 0, "value": 0.8, "easing": "linear" }, { "frame": 293, "value": -0.5, "easing": "linear" } ] }, { "kind": "group", "id": "growing-card", "start": 0, "end": 294, "x": 511, "y": [ { "frame": 0, "value": 278, "easing": "linear" }, { "frame": 1, "value": 268, "easing": "linear" }, { "frame": 2, "value": 258, "easing": "linear" }, { "frame": 3, "value": 248.5, "easing": "linear" }, { "frame": 4, "value": 239.5, "easing": "linear" }, { "frame": 5, "value": 231, "easing": "linear" }, { "frame": 6, "value": 223, "easing": "linear" }, { "frame": 7, "value": 215, "easing": "linear" }, { "frame": 8, "value": 207.5, "easing": "linear" }, { "frame": 9, "value": 200, "easing": "linear" }, { "frame": 10, "value": 193, "easing": "linear" }, { "frame": 11, "value": 186.5, "easing": "linear" }, { "frame": 12, "value": 180, "easing": "linear" }, { "frame": 13, "value": 174, "easing": "linear" }, { "frame": 18, "value": 159, "easing": "linear" }, { "frame": 24, "value": 153, "easing": "linear" }, { "frame": 293, "value": 153, "easing": "linear" } ], "width": 898, "height": [ { "frame": 0, "value": 524, "easing": "linear" }, { "frame": 1, "value": 544, "easing": "linear" }, { "frame": 2, "value": 564, "easing": "linear" }, { "frame": 3, "value": 583, "easing": "linear" }, { "frame": 4, "value": 601, "easing": "linear" }, { "frame": 5, "value": 618, "easing": "linear" }, { "frame": 6, "value": 634, "easing": "linear" }, { "frame": 7, "value": 650, "easing": "linear" }, { "frame": 8, "value": 665, "easing": "linear" }, { "frame": 9, "value": 680, "easing": "linear" }, { "frame": 10, "value": 694, "easing": "linear" }, { "frame": 11, "value": 707, "easing": "linear" }, { "frame": 12, "value": 720, "easing": "linear" }, { "frame": 13, "value": 732, "easing": "linear" }, { "frame": 18, "value": 762, "easing": "linear" }, { "frame": 24, "value": 774, "easing": "linear" }, { "frame": 293, "value": 774, "easing": "linear" } ], "children": [ { "kind": "rect", "id": "card-shell", "start": 0, "end": 294, "width": 898, "height": [ { "frame": 0, "value": 524, "easing": "linear" }, { "frame": 1, "value": 544, "easing": "linear" }, { "frame": 2, "value": 564, "easing": "linear" }, { "frame": 3, "value": 583, "easing": "linear" }, { "frame": 4, "value": 601, "easing": "linear" }, { "frame": 5, "value": 618, "easing": "linear" }, { "frame": 6, "value": 634, "easing": "linear" }, { "frame": 7, "value": 650, "easing": "linear" }, { "frame": 8, "value": 665, "easing": "linear" }, { "frame": 9, "value": 680, "easing": "linear" }, { "frame": 10, "value": 694, "easing": "linear" }, { "frame": 11, "value": 707, "easing": "linear" }, { "frame": 12, "value": 720, "easing": "linear" }, { "frame": 13, "value": 732, "easing": "linear" }, { "frame": 18, "value": 762, "easing": "linear" }, { "frame": 24, "value": 774, "easing": "linear" }, { "frame": 293, "value": 774, "easing": "linear" } ], "radius": 38, "fill": "#ffffff", "shadow": "0 3px 12px #4d66840d" }, { "kind": "path", "id": "task-status-symbol", "start": 0, "end": 294, "x": 40, "y": 33, "width": 39, "height": 39, "path": "M17 1A16 16 0 1 0 17 33A16 16 0 1 0 17 1M1 17H33M17 1C7 9 7 25 17 33M17 1C27 9 27 25 17 33M17 1V33", "viewBox": [ 0, 0, 34, 34 ], "fill": "none", "stroke": "#626567", "strokeWidth": 2.5 }, { "kind": "text", "id": "first-task-label", "start": 0, "end": 281, "slot": "firstLabel", "x": 97, "y": 30, "width": 750, "height": 46, "fontSize": 34, "weight": 500, "lineHeight": 1.25, "color": "#626262" }, { "kind": "text", "id": "second-task-label", "start": 281, "end": 294, "slot": "secondLabel", "x": 97, "y": 30, "width": 750, "height": 46, "fontSize": 34, "weight": 500, "lineHeight": 1.25, "color": "#626262" }, { "kind": "rect", "id": "skeleton-panel-outline", "start": 0, "end": 294, "x": 36, "y": 103, "width": 826, "height": [ { "frame": 0, "value": 384, "easing": "linear" }, { "frame": 1, "value": 404, "easing": "linear" }, { "frame": 2, "value": 424, "easing": "linear" }, { "frame": 3, "value": 443, "easing": "linear" }, { "frame": 4, "value": 461, "easing": "linear" }, { "frame": 5, "value": 478, "easing": "linear" }, { "frame": 6, "value": 494, "easing": "linear" }, { "frame": 7, "value": 510, "easing": "linear" }, { "frame": 8, "value": 525, "easing": "linear" }, { "frame": 9, "value": 540, "easing": "linear" }, { "frame": 10, "value": 554, "easing": "linear" }, { "frame": 11, "value": 567, "easing": "linear" }, { "frame": 12, "value": 580, "easing": "linear" }, { "frame": 13, "value": 592, "easing": "linear" }, { "frame": 18, "value": 622, "easing": "linear" }, { "frame": 24, "value": 634, "easing": "linear" }, { "frame": 293, "value": 634, "easing": "linear" } ], "radius": 19, "fill": "none", "stroke": "#ededed", "strokeWidth": 2, "opacity": [ { "frame": 0, "value": 0.15, "easing": "linear" }, { "frame": 13, "value": 0.8, "easing": "linear" }, { "frame": 24, "value": 1, "easing": "linear" } ] }, { "kind": "group", "id": "skeleton-layout", "start": 0, "end": 294, "x": 36, "y": 103, "width": 826, "height": 634, "origin": [ 0, 0 ], "scaleY": [ { "frame": 0, "value": 0.6056782334384858, "easing": "linear" }, { "frame": 1, "value": 0.637223974763407, "easing": "linear" }, { "frame": 2, "value": 0.668769716088328, "easing": "linear" }, { "frame": 3, "value": 0.6987381703470031, "easing": "linear" }, { "frame": 4, "value": 0.7271293375394322, "easing": "linear" }, { "frame": 5, "value": 0.7539432176656151, "easing": "linear" }, { "frame": 6, "value": 0.7791798107255521, "easing": "linear" }, { "frame": 7, "value": 0.804416403785489, "easing": "linear" }, { "frame": 8, "value": 0.8280757097791798, "easing": "linear" }, { "frame": 9, "value": 0.8517350157728707, "easing": "linear" }, { "frame": 10, "value": 0.8738170347003155, "easing": "linear" }, { "frame": 11, "value": 0.8943217665615142, "easing": "linear" }, { "frame": 12, "value": 0.9148264984227129, "easing": "linear" }, { "frame": 13, "value": 0.9337539432176656, "easing": "linear" }, { "frame": 18, "value": 0.9810725552050473, "easing": "linear" }, { "frame": 24, "value": 1, "easing": "linear" }, { "frame": 293, "value": 1, "easing": "linear" } ], "opacity": [ { "frame": 0, "value": 0.04, "easing": "linear" }, { "frame": 3, "value": 0.25, "easing": "linear" }, { "frame": 13, "value": 0.95, "easing": "linear" }, { "frame": 24, "value": 1, "easing": "linear" } ], "children": [ { "kind": "group", "id": "shimmer-mask-row-1", "start": 0, "end": 294, "x": 26, "y": 12, "width": 514, "height": 41, "radius": 20, "overflow": "hidden", "children": [ { "kind": "image", "id": "moving-shimmer-1", "start": 0, "end": 294, "slot": "skeletonShimmer", "x": [ { "frame": 0, "value": -1876, "easing": "linear" }, { "frame": 24, "value": -1806, "easing": "linear" }, { "frame": 99, "value": -1546, "easing": "linear" }, { "frame": 159, "value": -1146, "easing": "linear" }, { "frame": 220, "value": -886, "easing": "linear" }, { "frame": 270, "value": -646, "easing": "linear" }, { "frame": 293, "value": -526, "easing": "linear" } ], "y": -12, "width": 4000, "height": 700, "fit": "contain" } ] }, { "kind": "group", "id": "shimmer-mask-row-2", "start": 0, "end": 294, "x": 83, "y": 83, "width": 404, "height": 41, "radius": 20, "overflow": "hidden", "children": [ { "kind": "image", "id": "moving-shimmer-2", "start": 0, "end": 294, "slot": "skeletonShimmer", "x": [ { "frame": 0, "value": -1933, "easing": "linear" }, { "frame": 24, "value": -1863, "easing": "linear" }, { "frame": 99, "value": -1603, "easing": "linear" }, { "frame": 159, "value": -1203, "easing": "linear" }, { "frame": 220, "value": -943, "easing": "linear" }, { "frame": 270, "value": -703, "easing": "linear" }, { "frame": 293, "value": -583, "easing": "linear" } ], "y": -83, "width": 4000, "height": 700, "fit": "contain" } ] }, { "kind": "group", "id": "shimmer-mask-row-3", "start": 0, "end": 294, "x": 83, "y": 154, "width": 485, "height": 41, "radius": 20, "overflow": "hidden", "children": [ { "kind": "image", "id": "moving-shimmer-3", "start": 0, "end": 294, "slot": "skeletonShimmer", "x": [ { "frame": 0, "value": -1933, "easing": "linear" }, { "frame": 24, "value": -1863, "easing": "linear" }, { "frame": 99, "value": -1603, "easing": "linear" }, { "frame": 159, "value": -1203, "easing": "linear" }, { "frame": 220, "value": -943, "easing": "linear" }, { "frame": 270, "value": -703, "easing": "linear" }, { "frame": 293, "value": -583, "easing": "linear" } ], "y": -154, "width": 4000, "height": 700, "fit": "contain" } ] }, { "kind": "group", "id": "shimmer-mask-row-4", "start": 0, "end": 294, "x": 57, "y": 225, "width": 711, "height": 41, "radius": 20, "overflow": "hidden", "children": [ { "kind": "image", "id": "moving-shimmer-4", "start": 0, "end": 294, "slot": "skeletonShimmer", "x": [ { "frame": 0, "value": -1907, "easing": "linear" }, { "frame": 24, "value": -1837, "easing": "linear" }, { "frame": 99, "value": -1577, "easing": "linear" }, { "frame": 159, "value": -1177, "easing": "linear" }, { "frame": 220, "value": -917, "easing": "linear" }, { "frame": 270, "value": -677, "easing": "linear" }, { "frame": 293, "value": -557, "easing": "linear" } ], "y": -225, "width": 4000, "height": 700, "fit": "contain" } ] }, { "kind": "group", "id": "shimmer-mask-row-5", "start": 0, "end": 294, "x": 112, "y": 296, "width": 574, "height": 41, "radius": 20, "overflow": "hidden", "children": [ { "kind": "image", "id": "moving-shimmer-5", "start": 0, "end": 294, "slot": "skeletonShimmer", "x": [ { "frame": 0, "value": -1962, "easing": "linear" }, { "frame": 24, "value": -1892, "easing": "linear" }, { "frame": 99, "value": -1632, "easing": "linear" }, { "frame": 159, "value": -1232, "easing": "linear" }, { "frame": 220, "value": -972, "easing": "linear" }, { "frame": 270, "value": -732, "easing": "linear" }, { "frame": 293, "value": -612, "easing": "linear" } ], "y": -296, "width": 4000, "height": 700, "fit": "contain" } ] }, { "kind": "group", "id": "shimmer-mask-row-6", "start": 0, "end": 294, "x": 112, "y": 367, "width": 675, "height": 41, "radius": 20, "overflow": "hidden", "children": [ { "kind": "image", "id": "moving-shimmer-6", "start": 0, "end": 294, "slot": "skeletonShimmer", "x": [ { "frame": 0, "value": -1962, "easing": "linear" }, { "frame": 24, "value": -1892, "easing": "linear" }, { "frame": 99, "value": -1632, "easing": "linear" }, { "frame": 159, "value": -1232, "easing": "linear" }, { "frame": 220, "value": -972, "easing": "linear" }, { "frame": 270, "value": -732, "easing": "linear" }, { "frame": 293, "value": -612, "easing": "linear" } ], "y": -367, "width": 4000, "height": 700, "fit": "contain" } ] }, { "kind": "group", "id": "shimmer-mask-row-7", "start": 0, "end": 294, "x": 26, "y": 438, "width": 678, "height": 41, "radius": 20, "overflow": "hidden", "children": [ { "kind": "image", "id": "moving-shimmer-7", "start": 0, "end": 294, "slot": "skeletonShimmer", "x": [ { "frame": 0, "value": -1876, "easing": "linear" }, { "frame": 24, "value": -1806, "easing": "linear" }, { "frame": 99, "value": -1546, "easing": "linear" }, { "frame": 159, "value": -1146, "easing": "linear" }, { "frame": 220, "value": -886, "easing": "linear" }, { "frame": 270, "value": -646, "easing": "linear" }, { "frame": 293, "value": -526, "easing": "linear" } ], "y": -438, "width": 4000, "height": 700, "fit": "contain" } ] }, { "kind": "group", "id": "shimmer-mask-row-8", "start": 0, "end": 294, "x": 26, "y": 509, "width": 710, "height": 41, "radius": 20, "overflow": "hidden", "children": [ { "kind": "image", "id": "moving-shimmer-8", "start": 0, "end": 294, "slot": "skeletonShimmer", "x": [ { "frame": 0, "value": -1876, "easing": "linear" }, { "frame": 24, "value": -1806, "easing": "linear" }, { "frame": 99, "value": -1546, "easing": "linear" }, { "frame": 159, "value": -1146, "easing": "linear" }, { "frame": 220, "value": -886, "easing": "linear" }, { "frame": 270, "value": -646, "easing": "linear" }, { "frame": 293, "value": -526, "easing": "linear" } ], "y": -509, "width": 4000, "height": 700, "fit": "contain" } ] }, { "kind": "group", "id": "shimmer-mask-row-9", "start": 0, "end": 294, "x": 26, "y": 580, "width": 574, "height": 41, "radius": 20, "overflow": "hidden", "children": [ { "kind": "image", "id": "moving-shimmer-9", "start": 0, "end": 294, "slot": "skeletonShimmer", "x": [ { "frame": 0, "value": -1876, "easing": "linear" }, { "frame": 24, "value": -1806, "easing": "linear" }, { "frame": 99, "value": -1546, "easing": "linear" }, { "frame": 159, "value": -1146, "easing": "linear" }, { "frame": 220, "value": -886, "easing": "linear" }, { "frame": 270, "value": -646, "easing": "linear" }, { "frame": 293, "value": -526, "easing": "linear" } ], "y": -580, "width": 4000, "height": 700, "fit": "contain" } ] } ] } ] }, { "kind": "group", "id": "notes-icon-handoff", "start": 0, "end": 281, "x": 856, "y": 472, "width": 208, "height": 208, "origin": [ 104, 104 ], "perspective": 1100, "rotationY": [ { "frame": 0, "value": 0, "easing": "linear" }, { "frame": 273, "value": 0, "easing": "linear" }, { "frame": 274, "value": -8, "easing": "linear" }, { "frame": 275, "value": -18, "easing": "linear" }, { "frame": 276, "value": -26, "easing": "linear" }, { "frame": 277, "value": -35, "easing": "linear" }, { "frame": 278, "value": -45, "easing": "linear" }, { "frame": 279, "value": -54, "easing": "linear" }, { "frame": 280, "value": -69, "easing": "linear" } ], "scale": [ { "frame": 0, "value": 0.74, "easing": "linear" }, { "frame": 13, "value": 1, "easing": "linear" }, { "frame": 293, "value": 1, "easing": "linear" } ], "children": [ { "kind": "rect", "id": "notes-tile-shadow", "start": 0, "end": 294, "x": 4, "y": 4, "width": 200, "height": 200, "radius": 20, "fill": "#ffffff", "shadow": "0 9px 30px #15263816" }, { "kind": "image", "id": "notes-art", "start": 0, "end": 294, "slot": "symbolNotes", "width": 208, "height": 208, "fit": "contain" } ] }, { "kind": "group", "id": "agenda-icon-handoff", "start": 281, "end": 294, "x": 856, "y": 472, "width": 208, "height": 208, "origin": [ 104, 104 ], "perspective": 1100, "rotationY": [ { "frame": 281, "value": -89.8, "easing": "linear" }, { "frame": 282, "value": -72, "easing": "linear" }, { "frame": 283, "value": -56, "easing": "linear" }, { "frame": 284, "value": -43, "easing": "linear" }, { "frame": 285, "value": -31, "easing": "linear" }, { "frame": 286, "value": -22, "easing": "linear" }, { "frame": 287, "value": -14, "easing": "linear" }, { "frame": 289, "value": -5, "easing": "linear" }, { "frame": 291, "value": 0, "easing": "linear" }, { "frame": 293, "value": 0, "easing": "linear" } ], "scale": [ { "frame": 0, "value": 0.74, "easing": "linear" }, { "frame": 13, "value": 1, "easing": "linear" }, { "frame": 293, "value": 1, "easing": "linear" } ], "children": [ { "kind": "rect", "id": "agenda-tile-shadow", "start": 0, "end": 294, "x": 4, "y": 4, "width": 200, "height": 200, "radius": 20, "fill": "#ffffff", "shadow": "0 9px 30px #15263816" }, { "kind": "image", "id": "agenda-art", "start": 0, "end": 294, "slot": "symbolAgenda", "width": 208, "height": 208, "fit": "contain" } ] }, { "kind": "group", "id": "attached-explanation", "start": 74, "end": 281, "x": [ { "frame": 74, "value": 934, "easing": "linear" }, { "frame": 83, "value": 920, "easing": "linear" }, { "frame": 99, "value": 912, "easing": "linear" }, { "frame": 270, "value": 912, "easing": "linear" }, { "frame": 275, "value": 943, "easing": "linear" }, { "frame": 280, "value": 980, "easing": "linear" } ], "y": [ { "frame": 74, "value": 707, "easing": "linear" }, { "frame": 99, "value": 701, "easing": "linear" }, { "frame": 280, "value": 701, "easing": "linear" } ], "width": [ { "frame": 74, "value": 95, "easing": "hold" }, { "frame": 75, "value": 114, "easing": "hold" }, { "frame": 76, "value": 131, "easing": "hold" }, { "frame": 77, "value": 138, "easing": "hold" }, { "frame": 78, "value": 157, "easing": "hold" }, { "frame": 79, "value": 184, "easing": "hold" }, { "frame": 80, "value": 184, "easing": "hold" }, { "frame": 81, "value": 191, "easing": "hold" }, { "frame": 82, "value": 211, "easing": "hold" }, { "frame": 83, "value": 230, "easing": "hold" }, { "frame": 84, "value": 239, "easing": "hold" }, { "frame": 85, "value": 252, "easing": "hold" }, { "frame": 86, "value": 252, "easing": "hold" }, { "frame": 87, "value": 271, "easing": "hold" }, { "frame": 88, "value": 289, "easing": "hold" }, { "frame": 89, "value": 297, "easing": "hold" }, { "frame": 90, "value": 325, "easing": "hold" }, { "frame": 91, "value": 343, "easing": "hold" }, { "frame": 92, "value": 343, "easing": "hold" }, { "frame": 93, "value": 355, "easing": "hold" }, { "frame": 94, "value": 374, "easing": "hold" }, { "frame": 95, "value": 390, "easing": "hold" }, { "frame": 96, "value": 409, "easing": "hold" }, { "frame": 97, "value": 409, "easing": "hold" }, { "frame": 98, "value": 427, "easing": "hold" }, { "frame": 99, "value": 447, "easing": "hold" }, { "frame": 100, "value": 455, "easing": "hold" }, { "frame": 101, "value": 475, "easing": "hold" }, { "frame": 102, "value": 475, "easing": "hold" }, { "frame": 103, "value": 494, "easing": "hold" }, { "frame": 104, "value": 506, "easing": "hold" }, { "frame": 105, "value": 524, "easing": "hold" }, { "frame": 106, "value": 541, "easing": "hold" }, { "frame": 107, "value": 549, "easing": "hold" }, { "frame": 108, "value": 549, "easing": "hold" }, { "frame": 109, "value": 567, "easing": "hold" }, { "frame": 110, "value": 587, "easing": "hold" }, { "frame": 111, "value": 606, "easing": "hold" }, { "frame": 112, "value": 606, "easing": "hold" }, { "frame": 113, "value": 606, "easing": "hold" }, { "frame": 114, "value": 606, "easing": "hold" }, { "frame": 115, "value": 606, "easing": "hold" }, { "frame": 116, "value": 606, "easing": "hold" }, { "frame": 117, "value": 606, "easing": "hold" }, { "frame": 118, "value": 606, "easing": "hold" }, { "frame": 119, "value": 606, "easing": "hold" }, { "frame": 120, "value": 606, "easing": "hold" }, { "frame": 121, "value": 606, "easing": "hold" }, { "frame": 122, "value": 606, "easing": "hold" }, { "frame": 123, "value": 606, "easing": "hold" }, { "frame": 124, "value": 606, "easing": "hold" }, { "frame": 125, "value": 606, "easing": "hold" }, { "frame": 126, "value": 606, "easing": "hold" }, { "frame": 127, "value": 606, "easing": "hold" }, { "frame": 128, "value": 606, "easing": "hold" }, { "frame": 129, "value": 606, "easing": "hold" }, { "frame": 130, "value": 606, "easing": "hold" }, { "frame": 131, "value": 606, "easing": "hold" }, { "frame": 132, "value": 606, "easing": "hold" }, { "frame": 133, "value": 606, "easing": "hold" }, { "frame": 134, "value": 606, "easing": "hold" }, { "frame": 135, "value": 606, "easing": "hold" }, { "frame": 136, "value": 606, "easing": "hold" }, { "frame": 137, "value": 606, "easing": "hold" }, { "frame": 138, "value": 606, "easing": "hold" }, { "frame": 139, "value": 606, "easing": "hold" }, { "frame": 140, "value": 606, "easing": "hold" }, { "frame": 141, "value": 606, "easing": "hold" }, { "frame": 142, "value": 606, "easing": "hold" }, { "frame": 143, "value": 606, "easing": "hold" }, { "frame": 144, "value": 606, "easing": "hold" }, { "frame": 145, "value": 606, "easing": "hold" }, { "frame": 146, "value": 606, "easing": "hold" }, { "frame": 147, "value": 606, "easing": "hold" }, { "frame": 148, "value": 606, "easing": "hold" }, { "frame": 149, "value": 606, "easing": "hold" }, { "frame": 150, "value": 606, "easing": "hold" }, { "frame": 151, "value": 606, "easing": "hold" }, { "frame": 152, "value": 606, "easing": "hold" }, { "frame": 153, "value": 606, "easing": "hold" }, { "frame": 154, "value": 606, "easing": "hold" }, { "frame": 155, "value": 606, "easing": "hold" }, { "frame": 156, "value": 606, "easing": "hold" }, { "frame": 157, "value": 606, "easing": "hold" }, { "frame": 158, "value": 606, "easing": "hold" }, { "frame": 159, "value": 606, "easing": "hold" } ], "height": [ { "frame": 74, "value": 110, "easing": "hold" }, { "frame": 75, "value": 110, "easing": "hold" }, { "frame": 76, "value": 110, "easing": "hold" }, { "frame": 77, "value": 110, "easing": "hold" }, { "frame": 78, "value": 110, "easing": "hold" }, { "frame": 79, "value": 110, "easing": "hold" }, { "frame": 80, "value": 110, "easing": "hold" }, { "frame": 81, "value": 110, "easing": "hold" }, { "frame": 82, "value": 110, "easing": "hold" }, { "frame": 83, "value": 110, "easing": "hold" }, { "frame": 84, "value": 110, "easing": "hold" }, { "frame": 85, "value": 110, "easing": "hold" }, { "frame": 86, "value": 110, "easing": "hold" }, { "frame": 87, "value": 110, "easing": "hold" }, { "frame": 88, "value": 110, "easing": "hold" }, { "frame": 89, "value": 110, "easing": "hold" }, { "frame": 90, "value": 110, "easing": "hold" }, { "frame": 91, "value": 110, "easing": "hold" }, { "frame": 92, "value": 110, "easing": "hold" }, { "frame": 93, "value": 110, "easing": "hold" }, { "frame": 94, "value": 110, "easing": "hold" }, { "frame": 95, "value": 110, "easing": "hold" }, { "frame": 96, "value": 110, "easing": "hold" }, { "frame": 97, "value": 110, "easing": "hold" }, { "frame": 98, "value": 110, "easing": "hold" }, { "frame": 99, "value": 110, "easing": "hold" }, { "frame": 100, "value": 110, "easing": "hold" }, { "frame": 101, "value": 110, "easing": "hold" }, { "frame": 102, "value": 110, "easing": "hold" }, { "frame": 103, "value": 110, "easing": "hold" }, { "frame": 104, "value": 110, "easing": "hold" }, { "frame": 105, "value": 110, "easing": "hold" }, { "frame": 106, "value": 110, "easing": "hold" }, { "frame": 107, "value": 110, "easing": "hold" }, { "frame": 108, "value": 110, "easing": "hold" }, { "frame": 109, "value": 110, "easing": "hold" }, { "frame": 110, "value": 110, "easing": "hold" }, { "frame": 111, "value": 110, "easing": "hold" }, { "frame": 112, "value": 110, "easing": "hold" }, { "frame": 113, "value": 160, "easing": "hold" }, { "frame": 114, "value": 160, "easing": "hold" }, { "frame": 115, "value": 160, "easing": "hold" }, { "frame": 116, "value": 160, "easing": "hold" }, { "frame": 117, "value": 160, "easing": "hold" }, { "frame": 118, "value": 160, "easing": "hold" }, { "frame": 119, "value": 160, "easing": "hold" }, { "frame": 120, "value": 160, "easing": "hold" }, { "frame": 121, "value": 160, "easing": "hold" }, { "frame": 122, "value": 160, "easing": "hold" }, { "frame": 123, "value": 160, "easing": "hold" }, { "frame": 124, "value": 160, "easing": "hold" }, { "frame": 125, "value": 160, "easing": "hold" }, { "frame": 126, "value": 160, "easing": "hold" }, { "frame": 127, "value": 160, "easing": "hold" }, { "frame": 128, "value": 160, "easing": "hold" }, { "frame": 129, "value": 160, "easing": "hold" }, { "frame": 130, "value": 160, "easing": "hold" }, { "frame": 131, "value": 160, "easing": "hold" }, { "frame": 132, "value": 160, "easing": "hold" }, { "frame": 133, "value": 160, "easing": "hold" }, { "frame": 134, "value": 160, "easing": "hold" }, { "frame": 135, "value": 160, "easing": "hold" }, { "frame": 136, "value": 160, "easing": "hold" }, { "frame": 137, "value": 160, "easing": "hold" }, { "frame": 138, "value": 160, "easing": "hold" }, { "frame": 139, "value": 160, "easing": "hold" }, { "frame": 140, "value": 160, "easing": "hold" }, { "frame": 141, "value": 160, "easing": "hold" }, { "frame": 142, "value": 160, "easing": "hold" }, { "frame": 143, "value": 160, "easing": "hold" }, { "frame": 144, "value": 160, "easing": "hold" }, { "frame": 145, "value": 160, "easing": "hold" }, { "frame": 146, "value": 160, "easing": "hold" }, { "frame": 147, "value": 160, "easing": "hold" }, { "frame": 148, "value": 160, "easing": "hold" }, { "frame": 149, "value": 160, "easing": "hold" }, { "frame": 150, "value": 160, "easing": "hold" }, { "frame": 151, "value": 160, "easing": "hold" }, { "frame": 152, "value": 160, "easing": "hold" }, { "frame": 153, "value": 160, "easing": "hold" }, { "frame": 154, "value": 160, "easing": "hold" }, { "frame": 155, "value": 160, "easing": "hold" }, { "frame": 156, "value": 160, "easing": "hold" }, { "frame": 157, "value": 160, "easing": "hold" }, { "frame": 158, "value": 160, "easing": "hold" }, { "frame": 159, "value": 160, "easing": "hold" } ], "children": [ { "kind": "rect", "id": "explanation-shell", "start": 0, "end": 294, "width": [ { "frame": 74, "value": 95, "easing": "hold" }, { "frame": 75, "value": 114, "easing": "hold" }, { "frame": 76, "value": 131, "easing": "hold" }, { "frame": 77, "value": 138, "easing": "hold" }, { "frame": 78, "value": 157, "easing": "hold" }, { "frame": 79, "value": 184, "easing": "hold" }, { "frame": 80, "value": 184, "easing": "hold" }, { "frame": 81, "value": 191, "easing": "hold" }, { "frame": 82, "value": 211, "easing": "hold" }, { "frame": 83, "value": 230, "easing": "hold" }, { "frame": 84, "value": 239, "easing": "hold" }, { "frame": 85, "value": 252, "easing": "hold" }, { "frame": 86, "value": 252, "easing": "hold" }, { "frame": 87, "value": 271, "easing": "hold" }, { "frame": 88, "value": 289, "easing": "hold" }, { "frame": 89, "value": 297, "easing": "hold" }, { "frame": 90, "value": 325, "easing": "hold" }, { "frame": 91, "value": 343, "easing": "hold" }, { "frame": 92, "value": 343, "easing": "hold" }, { "frame": 93, "value": 355, "easing": "hold" }, { "frame": 94, "value": 374, "easing": "hold" }, { "frame": 95, "value": 390, "easing": "hold" }, { "frame": 96, "value": 409, "easing": "hold" }, { "frame": 97, "value": 409, "easing": "hold" }, { "frame": 98, "value": 427, "easing": "hold" }, { "frame": 99, "value": 447, "easing": "hold" }, { "frame": 100, "value": 455, "easing": "hold" }, { "frame": 101, "value": 475, "easing": "hold" }, { "frame": 102, "value": 475, "easing": "hold" }, { "frame": 103, "value": 494, "easing": "hold" }, { "frame": 104, "value": 506, "easing": "hold" }, { "frame": 105, "value": 524, "easing": "hold" }, { "frame": 106, "value": 541, "easing": "hold" }, { "frame": 107, "value": 549, "easing": "hold" }, { "frame": 108, "value": 549, "easing": "hold" }, { "frame": 109, "value": 567, "easing": "hold" }, { "frame": 110, "value": 587, "easing": "hold" }, { "frame": 111, "value": 606, "easing": "hold" }, { "frame": 112, "value": 606, "easing": "hold" }, { "frame": 113, "value": 606, "easing": "hold" }, { "frame": 114, "value": 606, "easing": "hold" }, { "frame": 115, "value": 606, "easing": "hold" }, { "frame": 116, "value": 606, "easing": "hold" }, { "frame": 117, "value": 606, "easing": "hold" }, { "frame": 118, "value": 606, "easing": "hold" }, { "frame": 119, "value": 606, "easing": "hold" }, { "frame": 120, "value": 606, "easing": "hold" }, { "frame": 121, "value": 606, "easing": "hold" }, { "frame": 122, "value": 606, "easing": "hold" }, { "frame": 123, "value": 606, "easing": "hold" }, { "frame": 124, "value": 606, "easing": "hold" }, { "frame": 125, "value": 606, "easing": "hold" }, { "frame": 126, "value": 606, "easing": "hold" }, { "frame": 127, "value": 606, "easing": "hold" }, { "frame": 128, "value": 606, "easing": "hold" }, { "frame": 129, "value": 606, "easing": "hold" }, { "frame": 130, "value": 606, "easing": "hold" }, { "frame": 131, "value": 606, "easing": "hold" }, { "frame": 132, "value": 606, "easing": "hold" }, { "frame": 133, "value": 606, "easing": "hold" }, { "frame": 134, "value": 606, "easing": "hold" }, { "frame": 135, "value": 606, "easing": "hold" }, { "frame": 136, "value": 606, "easing": "hold" }, { "frame": 137, "value": 606, "easing": "hold" }, { "frame": 138, "value": 606, "easing": "hold" }, { "frame": 139, "value": 606, "easing": "hold" }, { "frame": 140, "value": 606, "easing": "hold" }, { "frame": 141, "value": 606, "easing": "hold" }, { "frame": 142, "value": 606, "easing": "hold" }, { "frame": 143, "value": 606, "easing": "hold" }, { "frame": 144, "value": 606, "easing": "hold" }, { "frame": 145, "value": 606, "easing": "hold" }, { "frame": 146, "value": 606, "easing": "hold" }, { "frame": 147, "value": 606, "easing": "hold" }, { "frame": 148, "value": 606, "easing": "hold" }, { "frame": 149, "value": 606, "easing": "hold" }, { "frame": 150, "value": 606, "easing": "hold" }, { "frame": 151, "value": 606, "easing": "hold" }, { "frame": 152, "value": 606, "easing": "hold" }, { "frame": 153, "value": 606, "easing": "hold" }, { "frame": 154, "value": 606, "easing": "hold" }, { "frame": 155, "value": 606, "easing": "hold" }, { "frame": 156, "value": 606, "easing": "hold" }, { "frame": 157, "value": 606, "easing": "hold" }, { "frame": 158, "value": 606, "easing": "hold" }, { "frame": 159, "value": 606, "easing": "hold" } ], "height": [ { "frame": 74, "value": 110, "easing": "hold" }, { "frame": 75, "value": 110, "easing": "hold" }, { "frame": 76, "value": 110, "easing": "hold" }, { "frame": 77, "value": 110, "easing": "hold" }, { "frame": 78, "value": 110, "easing": "hold" }, { "frame": 79, "value": 110, "easing": "hold" }, { "frame": 80, "value": 110, "easing": "hold" }, { "frame": 81, "value": 110, "easing": "hold" }, { "frame": 82, "value": 110, "easing": "hold" }, { "frame": 83, "value": 110, "easing": "hold" }, { "frame": 84, "value": 110, "easing": "hold" }, { "frame": 85, "value": 110, "easing": "hold" }, { "frame": 86, "value": 110, "easing": "hold" }, { "frame": 87, "value": 110, "easing": "hold" }, { "frame": 88, "value": 110, "easing": "hold" }, { "frame": 89, "value": 110, "easing": "hold" }, { "frame": 90, "value": 110, "easing": "hold" }, { "frame": 91, "value": 110, "easing": "hold" }, { "frame": 92, "value": 110, "easing": "hold" }, { "frame": 93, "value": 110, "easing": "hold" }, { "frame": 94, "value": 110, "easing": "hold" }, { "frame": 95, "value": 110, "easing": "hold" }, { "frame": 96, "value": 110, "easing": "hold" }, { "frame": 97, "value": 110, "easing": "hold" }, { "frame": 98, "value": 110, "easing": "hold" }, { "frame": 99, "value": 110, "easing": "hold" }, { "frame": 100, "value": 110, "easing": "hold" }, { "frame": 101, "value": 110, "easing": "hold" }, { "frame": 102, "value": 110, "easing": "hold" }, { "frame": 103, "value": 110, "easing": "hold" }, { "frame": 104, "value": 110, "easing": "hold" }, { "frame": 105, "value": 110, "easing": "hold" }, { "frame": 106, "value": 110, "easing": "hold" }, { "frame": 107, "value": 110, "easing": "hold" }, { "frame": 108, "value": 110, "easing": "hold" }, { "frame": 109, "value": 110, "easing": "hold" }, { "frame": 110, "value": 110, "easing": "hold" }, { "frame": 111, "value": 110, "easing": "hold" }, { "frame": 112, "value": 110, "easing": "hold" }, { "frame": 113, "value": 160, "easing": "hold" }, { "frame": 114, "value": 160, "easing": "hold" }, { "frame": 115, "value": 160, "easing": "hold" }, { "frame": 116, "value": 160, "easing": "hold" }, { "frame": 117, "value": 160, "easing": "hold" }, { "frame": 118, "value": 160, "easing": "hold" }, { "frame": 119, "value": 160, "easing": "hold" }, { "frame": 120, "value": 160, "easing": "hold" }, { "frame": 121, "value": 160, "easing": "hold" }, { "frame": 122, "value": 160, "easing": "hold" }, { "frame": 123, "value": 160, "easing": "hold" }, { "frame": 124, "value": 160, "easing": "hold" }, { "frame": 125, "value": 160, "easing": "hold" }, { "frame": 126, "value": 160, "easing": "hold" }, { "frame": 127, "value": 160, "easing": "hold" }, { "frame": 128, "value": 160, "easing": "hold" }, { "frame": 129, "value": 160, "easing": "hold" }, { "frame": 130, "value": 160, "easing": "hold" }, { "frame": 131, "value": 160, "easing": "hold" }, { "frame": 132, "value": 160, "easing": "hold" }, { "frame": 133, "value": 160, "easing": "hold" }, { "frame": 134, "value": 160, "easing": "hold" }, { "frame": 135, "value": 160, "easing": "hold" }, { "frame": 136, "value": 160, "easing": "hold" }, { "frame": 137, "value": 160, "easing": "hold" }, { "frame": 138, "value": 160, "easing": "hold" }, { "frame": 139, "value": 160, "easing": "hold" }, { "frame": 140, "value": 160, "easing": "hold" }, { "frame": 141, "value": 160, "easing": "hold" }, { "frame": 142, "value": 160, "easing": "hold" }, { "frame": 143, "value": 160, "easing": "hold" }, { "frame": 144, "value": 160, "easing": "hold" }, { "frame": 145, "value": 160, "easing": "hold" }, { "frame": 146, "value": 160, "easing": "hold" }, { "frame": 147, "value": 160, "easing": "hold" }, { "frame": 148, "value": 160, "easing": "hold" }, { "frame": 149, "value": 160, "easing": "hold" }, { "frame": 150, "value": 160, "easing": "hold" }, { "frame": 151, "value": 160, "easing": "hold" }, { "frame": 152, "value": 160, "easing": "hold" }, { "frame": 153, "value": 160, "easing": "hold" }, { "frame": 154, "value": 160, "easing": "hold" }, { "frame": 155, "value": 160, "easing": "hold" }, { "frame": 156, "value": 160, "easing": "hold" }, { "frame": 157, "value": 160, "easing": "hold" }, { "frame": 158, "value": 160, "easing": "hold" }, { "frame": 159, "value": 160, "easing": "hold" } ], "radius": 35, "fill": "#ffffff", "stroke": "#e5e5e5", "strokeWidth": 1, "shadow": "0 5px 26px #2034491c" }, { "kind": "group", "id": "explanation-text-clip", "start": 0, "end": 294, "width": [ { "frame": 74, "value": 95, "easing": "hold" }, { "frame": 75, "value": 114, "easing": "hold" }, { "frame": 76, "value": 131, "easing": "hold" }, { "frame": 77, "value": 138, "easing": "hold" }, { "frame": 78, "value": 157, "easing": "hold" }, { "frame": 79, "value": 184, "easing": "hold" }, { "frame": 80, "value": 184, "easing": "hold" }, { "frame": 81, "value": 191, "easing": "hold" }, { "frame": 82, "value": 211, "easing": "hold" }, { "frame": 83, "value": 230, "easing": "hold" }, { "frame": 84, "value": 239, "easing": "hold" }, { "frame": 85, "value": 252, "easing": "hold" }, { "frame": 86, "value": 252, "easing": "hold" }, { "frame": 87, "value": 271, "easing": "hold" }, { "frame": 88, "value": 289, "easing": "hold" }, { "frame": 89, "value": 297, "easing": "hold" }, { "frame": 90, "value": 325, "easing": "hold" }, { "frame": 91, "value": 343, "easing": "hold" }, { "frame": 92, "value": 343, "easing": "hold" }, { "frame": 93, "value": 355, "easing": "hold" }, { "frame": 94, "value": 374, "easing": "hold" }, { "frame": 95, "value": 390, "easing": "hold" }, { "frame": 96, "value": 409, "easing": "hold" }, { "frame": 97, "value": 409, "easing": "hold" }, { "frame": 98, "value": 427, "easing": "hold" }, { "frame": 99, "value": 447, "easing": "hold" }, { "frame": 100, "value": 455, "easing": "hold" }, { "frame": 101, "value": 475, "easing": "hold" }, { "frame": 102, "value": 475, "easing": "hold" }, { "frame": 103, "value": 494, "easing": "hold" }, { "frame": 104, "value": 506, "easing": "hold" }, { "frame": 105, "value": 524, "easing": "hold" }, { "frame": 106, "value": 541, "easing": "hold" }, { "frame": 107, "value": 549, "easing": "hold" }, { "frame": 108, "value": 549, "easing": "hold" }, { "frame": 109, "value": 567, "easing": "hold" }, { "frame": 110, "value": 587, "easing": "hold" }, { "frame": 111, "value": 606, "easing": "hold" }, { "frame": 112, "value": 606, "easing": "hold" }, { "frame": 113, "value": 606, "easing": "hold" }, { "frame": 114, "value": 606, "easing": "hold" }, { "frame": 115, "value": 606, "easing": "hold" }, { "frame": 116, "value": 606, "easing": "hold" }, { "frame": 117, "value": 606, "easing": "hold" }, { "frame": 118, "value": 606, "easing": "hold" }, { "frame": 119, "value": 606, "easing": "hold" }, { "frame": 120, "value": 606, "easing": "hold" }, { "frame": 121, "value": 606, "easing": "hold" }, { "frame": 122, "value": 606, "easing": "hold" }, { "frame": 123, "value": 606, "easing": "hold" }, { "frame": 124, "value": 606, "easing": "hold" }, { "frame": 125, "value": 606, "easing": "hold" }, { "frame": 126, "value": 606, "easing": "hold" }, { "frame": 127, "value": 606, "easing": "hold" }, { "frame": 128, "value": 606, "easing": "hold" }, { "frame": 129, "value": 606, "easing": "hold" }, { "frame": 130, "value": 606, "easing": "hold" }, { "frame": 131, "value": 606, "easing": "hold" }, { "frame": 132, "value": 606, "easing": "hold" }, { "frame": 133, "value": 606, "easing": "hold" }, { "frame": 134, "value": 606, "easing": "hold" }, { "frame": 135, "value": 606, "easing": "hold" }, { "frame": 136, "value": 606, "easing": "hold" }, { "frame": 137, "value": 606, "easing": "hold" }, { "frame": 138, "value": 606, "easing": "hold" }, { "frame": 139, "value": 606, "easing": "hold" }, { "frame": 140, "value": 606, "easing": "hold" }, { "frame": 141, "value": 606, "easing": "hold" }, { "frame": 142, "value": 606, "easing": "hold" }, { "frame": 143, "value": 606, "easing": "hold" }, { "frame": 144, "value": 606, "easing": "hold" }, { "frame": 145, "value": 606, "easing": "hold" }, { "frame": 146, "value": 606, "easing": "hold" }, { "frame": 147, "value": 606, "easing": "hold" }, { "frame": 148, "value": 606, "easing": "hold" }, { "frame": 149, "value": 606, "easing": "hold" }, { "frame": 150, "value": 606, "easing": "hold" }, { "frame": 151, "value": 606, "easing": "hold" }, { "frame": 152, "value": 606, "easing": "hold" }, { "frame": 153, "value": 606, "easing": "hold" }, { "frame": 154, "value": 606, "easing": "hold" }, { "frame": 155, "value": 606, "easing": "hold" }, { "frame": 156, "value": 606, "easing": "hold" }, { "frame": 157, "value": 606, "easing": "hold" }, { "frame": 158, "value": 606, "easing": "hold" }, { "frame": 159, "value": 606, "easing": "hold" } ], "height": [ { "frame": 74, "value": 110, "easing": "hold" }, { "frame": 75, "value": 110, "easing": "hold" }, { "frame": 76, "value": 110, "easing": "hold" }, { "frame": 77, "value": 110, "easing": "hold" }, { "frame": 78, "value": 110, "easing": "hold" }, { "frame": 79, "value": 110, "easing": "hold" }, { "frame": 80, "value": 110, "easing": "hold" }, { "frame": 81, "value": 110, "easing": "hold" }, { "frame": 82, "value": 110, "easing": "hold" }, { "frame": 83, "value": 110, "easing": "hold" }, { "frame": 84, "value": 110, "easing": "hold" }, { "frame": 85, "value": 110, "easing": "hold" }, { "frame": 86, "value": 110, "easing": "hold" }, { "frame": 87, "value": 110, "easing": "hold" }, { "frame": 88, "value": 110, "easing": "hold" }, { "frame": 89, "value": 110, "easing": "hold" }, { "frame": 90, "value": 110, "easing": "hold" }, { "frame": 91, "value": 110, "easing": "hold" }, { "frame": 92, "value": 110, "easing": "hold" }, { "frame": 93, "value": 110, "easing": "hold" }, { "frame": 94, "value": 110, "easing": "hold" }, { "frame": 95, "value": 110, "easing": "hold" }, { "frame": 96, "value": 110, "easing": "hold" }, { "frame": 97, "value": 110, "easing": "hold" }, { "frame": 98, "value": 110, "easing": "hold" }, { "frame": 99, "value": 110, "easing": "hold" }, { "frame": 100, "value": 110, "easing": "hold" }, { "frame": 101, "value": 110, "easing": "hold" }, { "frame": 102, "value": 110, "easing": "hold" }, { "frame": 103, "value": 110, "easing": "hold" }, { "frame": 104, "value": 110, "easing": "hold" }, { "frame": 105, "value": 110, "easing": "hold" }, { "frame": 106, "value": 110, "easing": "hold" }, { "frame": 107, "value": 110, "easing": "hold" }, { "frame": 108, "value": 110, "easing": "hold" }, { "frame": 109, "value": 110, "easing": "hold" }, { "frame": 110, "value": 110, "easing": "hold" }, { "frame": 111, "value": 110, "easing": "hold" }, { "frame": 112, "value": 110, "easing": "hold" }, { "frame": 113, "value": 160, "easing": "hold" }, { "frame": 114, "value": 160, "easing": "hold" }, { "frame": 115, "value": 160, "easing": "hold" }, { "frame": 116, "value": 160, "easing": "hold" }, { "frame": 117, "value": 160, "easing": "hold" }, { "frame": 118, "value": 160, "easing": "hold" }, { "frame": 119, "value": 160, "easing": "hold" }, { "frame": 120, "value": 160, "easing": "hold" }, { "frame": 121, "value": 160, "easing": "hold" }, { "frame": 122, "value": 160, "easing": "hold" }, { "frame": 123, "value": 160, "easing": "hold" }, { "frame": 124, "value": 160, "easing": "hold" }, { "frame": 125, "value": 160, "easing": "hold" }, { "frame": 126, "value": 160, "easing": "hold" }, { "frame": 127, "value": 160, "easing": "hold" }, { "frame": 128, "value": 160, "easing": "hold" }, { "frame": 129, "value": 160, "easing": "hold" }, { "frame": 130, "value": 160, "easing": "hold" }, { "frame": 131, "value": 160, "easing": "hold" }, { "frame": 132, "value": 160, "easing": "hold" }, { "frame": 133, "value": 160, "easing": "hold" }, { "frame": 134, "value": 160, "easing": "hold" }, { "frame": 135, "value": 160, "easing": "hold" }, { "frame": 136, "value": 160, "easing": "hold" }, { "frame": 137, "value": 160, "easing": "hold" }, { "frame": 138, "value": 160, "easing": "hold" }, { "frame": 139, "value": 160, "easing": "hold" }, { "frame": 140, "value": 160, "easing": "hold" }, { "frame": 141, "value": 160, "easing": "hold" }, { "frame": 142, "value": 160, "easing": "hold" }, { "frame": 143, "value": 160, "easing": "hold" }, { "frame": 144, "value": 160, "easing": "hold" }, { "frame": 145, "value": 160, "easing": "hold" }, { "frame": 146, "value": 160, "easing": "hold" }, { "frame": 147, "value": 160, "easing": "hold" }, { "frame": 148, "value": 160, "easing": "hold" }, { "frame": 149, "value": 160, "easing": "hold" }, { "frame": 150, "value": 160, "easing": "hold" }, { "frame": 151, "value": 160, "easing": "hold" }, { "frame": 152, "value": 160, "easing": "hold" }, { "frame": 153, "value": 160, "easing": "hold" }, { "frame": 154, "value": 160, "easing": "hold" }, { "frame": 155, "value": 160, "easing": "hold" }, { "frame": 156, "value": 160, "easing": "hold" }, { "frame": 157, "value": 160, "easing": "hold" }, { "frame": 158, "value": 160, "easing": "hold" }, { "frame": 159, "value": 160, "easing": "hold" } ], "radius": 35, "overflow": "hidden", "children": [ { "kind": "text", "id": "typed-explanation", "start": 0, "end": 294, "slot": "explanation", "x": 36, "y": 31, "width": 540, "height": 101, "fontSize": 34, "weight": 400, "lineHeight": 1.47, "color": "#0c0c0c", "letterSpacing": -0.3, "reveal": { "unit": "characters", "steps": [ { "frame": 74, "count": 1 }, { "frame": 75, "count": 2 }, { "frame": 76, "count": 3 }, { "frame": 77, "count": 4 }, { "frame": 78, "count": 5 }, { "frame": 79, "count": 6 }, { "frame": 80, "count": 6 }, { "frame": 81, "count": 7 }, { "frame": 82, "count": 8 }, { "frame": 83, "count": 9 }, { "frame": 84, "count": 10 }, { "frame": 85, "count": 11 }, { "frame": 86, "count": 11 }, { "frame": 87, "count": 12 }, { "frame": 88, "count": 13 }, { "frame": 89, "count": 14 }, { "frame": 90, "count": 15 }, { "frame": 91, "count": 16 }, { "frame": 92, "count": 16 }, { "frame": 93, "count": 17 }, { "frame": 94, "count": 18 }, { "frame": 95, "count": 19 }, { "frame": 96, "count": 20 }, { "frame": 97, "count": 20 }, { "frame": 98, "count": 21 }, { "frame": 99, "count": 22 }, { "frame": 100, "count": 23 }, { "frame": 101, "count": 24 }, { "frame": 102, "count": 24 }, { "frame": 103, "count": 25 }, { "frame": 104, "count": 26 }, { "frame": 105, "count": 27 }, { "frame": 106, "count": 28 }, { "frame": 107, "count": 29 }, { "frame": 108, "count": 29 }, { "frame": 109, "count": 30 }, { "frame": 110, "count": 31 }, { "frame": 111, "count": 32 }, { "frame": 112, "count": 32 }, { "frame": 113, "count": 34 }, { "frame": 114, "count": 36 }, { "frame": 115, "count": 37 }, { "frame": 116, "count": 37 }, { "frame": 117, "count": 38 }, { "frame": 118, "count": 39 }, { "frame": 119, "count": 40 }, { "frame": 120, "count": 40 }, { "frame": 121, "count": 41 }, { "frame": 122, "count": 42 }, { "frame": 123, "count": 42 }, { "frame": 124, "count": 43 }, { "frame": 125, "count": 44 }, { "frame": 126, "count": 44 }, { "frame": 127, "count": 45 }, { "frame": 128, "count": 46 }, { "frame": 129, "count": 47 }, { "frame": 130, "count": 48 }, { "frame": 131, "count": 48 }, { "frame": 132, "count": 49 }, { "frame": 133, "count": 50 }, { "frame": 134, "count": 50 }, { "frame": 135, "count": 51 }, { "frame": 136, "count": 52 }, { "frame": 137, "count": 53 }, { "frame": 138, "count": 54 }, { "frame": 139, "count": 54 }, { "frame": 140, "count": 55 }, { "frame": 141, "count": 56 }, { "frame": 142, "count": 56 }, { "frame": 143, "count": 57 }, { "frame": 144, "count": 58 }, { "frame": 145, "count": 59 }, { "frame": 146, "count": 59 }, { "frame": 147, "count": 60 }, { "frame": 148, "count": 61 }, { "frame": 149, "count": 61 }, { "frame": 150, "count": 62 }, { "frame": 151, "count": 63 }, { "frame": 152, "count": 63 }, { "frame": 153, "count": 64 }, { "frame": 154, "count": 65 }, { "frame": 155, "count": 65 }, { "frame": 156, "count": 66 }, { "frame": 157, "count": 67 }, { "frame": 158, "count": 67 }, { "frame": 159, "count": 68 } ] }, "lineWidthRanges": [ { "min": 510, "max": 538 }, { "min": 517, "max": 535 } ], "opacity": [ { "frame": 74, "value": 0.25, "easing": "linear" }, { "frame": 75, "value": 0.64, "easing": "linear" }, { "frame": 77, "value": 1, "easing": "linear" } ] } ] } ] }, { "kind": "path", "id": "task-pointer", "start": 43, "end": 294, "slot": "taskPointerPath", "viewBox": [ 0, 0, 54, 56 ], "x": [ { "frame": 43, "value": 984, "easing": "smooth" }, { "frame": 54, "value": 956, "easing": "smooth" }, { "frame": 69, "value": 909, "easing": "smooth" }, { "frame": 74, "value": 896, "easing": "smooth" }, { "frame": 83, "value": 882, "easing": "smooth" }, { "frame": 99, "value": 874, "easing": "smooth" }, { "frame": 270, "value": 874, "easing": "smooth" }, { "frame": 275, "value": 905, "easing": "smooth" }, { "frame": 280, "value": 942, "easing": "smooth" }, { "frame": 281, "value": 950, "easing": "smooth" }, { "frame": 283, "value": 976, "easing": "smooth" }, { "frame": 293, "value": 1023, "easing": "smooth" } ], "y": [ { "frame": 43, "value": 747, "easing": "smooth" }, { "frame": 54, "value": 721, "easing": "smooth" }, { "frame": 69, "value": 684, "easing": "smooth" }, { "frame": 74, "value": 671, "easing": "smooth" }, { "frame": 99, "value": 666, "easing": "smooth" }, { "frame": 270, "value": 666, "easing": "smooth" }, { "frame": 280, "value": 668, "easing": "smooth" }, { "frame": 293, "value": 688, "easing": "smooth" } ], "width": 54, "height": 56, "fill": "#030303", "stroke": "#ffffff", "strokeWidth": 4 }, { "kind": "rect", "id": "disclosure-back", "start": 0, "end": 294, "x": 18, "y": 1038, "width": 254, "height": 28, "radius": 5, "fill": "#ffffff", "opacity": 0.9 }, { "kind": "text", "id": "disclosure", "start": 0, "end": 294, "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": [ "The API does not generate the observed moving blurred field. Requires an original background asset or a separately verified procedural treatment.", "2D narrowing and 3D rotation are both now representable, but the source only establishes a changing silhouette. Choose/falsify the fit in review rather than asserting a recovered 3D rotation.", "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, 1, 12, 13, 24, 42, 43, 44, 73, 74, 75, 110, 111, 112, 113, 114, 277, 278, 279, 280, 281, 282, 287, 293 ], "intermediateFrames": [ 3, 6, 9, 18, 54, 69, 76, 77, 78, 83, 99, 124, 144, 159, 219, 220, 221, 270, 274, 275, 276, 283, 284, 285, 286, 289, 291 ], "sourceEvidence": [ "../research/interface/evidence/interface-05/source.mp4", "../research/interface/evidence/interface-05-native.jpg", "../research/interface/evidence/interface-05-anchors.jpg", "../research/interface/evidence/extraction-ledger.json", "../research/interface/evidence/geometry-measurements.json" ] } }, "content": { "disclosure": "ILLUSTRATED UI · NOT POE", "fieldBase": { "kind": "image", "path": "art/agent-task-card-explanation/field-r04-base-default.svg", "width": 2304, "height": 1296, "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." }, "fieldFolds": { "kind": "image", "path": "art/agent-task-card-explanation/field-r04-folds-default.svg", "width": 2304, "height": 1296, "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." }, "fieldMist": { "kind": "image", "path": "art/agent-task-card-explanation/field-r04-mist-default.svg", "width": 2304, "height": 1296, "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." }, "symbolNotes": { "kind": "image", "path": "art/agent-task-card-explanation/symbol-notes-default.svg", "width": 208, "height": 208, "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." }, "symbolAgenda": { "kind": "image", "path": "art/agent-task-card-explanation/symbol-agenda-default.svg", "width": 208, "height": 208, "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." }, "skeletonShimmer": { "kind": "image", "path": "art/agent-task-card-explanation/shimmer-r04.svg", "width": 4000, "height": 700, "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." }, "firstLabel": "Preparing workshop notes", "secondLabel": "Preparing the team agenda", "explanation": "Reviewing the workshop notes and\ncollecting next steps for the team.", "taskPointerPath": "M7 3Q2 1 3 7L17 44Q20 51 24 44L29 28L45 24Q52 21 45 17Z" }, "holdBeforeFrames": 0, "holdAfterFrames": 0 }, "inputs": { "disclosure": "ILLUSTRATED UI · NOT POE", "fieldBase": { "kind": "image", "path": "art/agent-task-card-explanation/field-r04-base-default.svg", "width": 2304, "height": 1296, "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." }, "fieldFolds": { "kind": "image", "path": "art/agent-task-card-explanation/field-r04-folds-default.svg", "width": 2304, "height": 1296, "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." }, "fieldMist": { "kind": "image", "path": "art/agent-task-card-explanation/field-r04-mist-default.svg", "width": 2304, "height": 1296, "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." }, "symbolNotes": { "kind": "image", "path": "art/agent-task-card-explanation/symbol-notes-default.svg", "width": 208, "height": 208, "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." }, "symbolAgenda": { "kind": "image", "path": "art/agent-task-card-explanation/symbol-agenda-default.svg", "width": 208, "height": 208, "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." }, "skeletonShimmer": { "kind": "image", "path": "art/agent-task-card-explanation/shimmer-r04.svg", "width": 4000, "height": 700, "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." }, "firstLabel": "Preparing workshop notes", "secondLabel": "Preparing the team agenda", "explanation": "Reviewing the workshop notes and\ncollecting next steps for the team.", "taskPointerPath": "M7 3Q2 1 3 7L17 44Q20 51 24 44L29 28L45 24Q52 21 45 17Z" } } }, "archives": [ { "path": "assets/agent-task-card-explanation/assets-001.zip", "bytes": 16039, "sha256": "51590d8f651963c7727a9b255d860455b4bdc8b2fc05beaa207e11cb8cfb0e07", "members": [ { "path": "project/public/art/agent-task-card-explanation/field-r04-base-adaptation.svg", "bytes": 1027, "sha256": "3b93579e2b078d119b170bada17ab01d485a4a7a3906530a74538e74f399ec51" }, { "path": "project/public/art/agent-task-card-explanation/field-r04-base-default.svg", "bytes": 1027, "sha256": "22a14a993caaf53e406e1108e5ca9411da4187e5b69299ffdfad2b34e8271973" }, { "path": "project/public/art/agent-task-card-explanation/field-r04-folds-adaptation.svg", "bytes": 2490, "sha256": "ca8b42849defbe1505ef992ddb9156cb8366babc9422a472230ebd17b1592968" }, { "path": "project/public/art/agent-task-card-explanation/field-r04-folds-default.svg", "bytes": 2490, "sha256": "9463e8e9309a7aeb9a1f578a6795651573c6703f7e5e74b51bce0567fcfa1408" }, { "path": "project/public/art/agent-task-card-explanation/field-r04-mist-adaptation.svg", "bytes": 1097, "sha256": "4e944bf8f46f1ebb485270cbabac0e9fa82d0ec2aeff05f6a13bfc8462bec7b1" }, { "path": "project/public/art/agent-task-card-explanation/field-r04-mist-default.svg", "bytes": 1097, "sha256": "4289fa5e98aa1c26fe8ea8f37dfe7ff2b9b525601e05ea1b4bf9aa77d35ecc9c" }, { "path": "project/public/art/agent-task-card-explanation/shimmer-r04.svg", "bytes": 755, "sha256": "a709cd8d7da14999a8dee6b1faec13c4ebaf81ece86e557db60121ee49078c1c" }, { "path": "project/public/art/agent-task-card-explanation/symbol-agenda-adaptation.svg", "bytes": 1022, "sha256": "e070fb0211268d7852f06dd9d5144e9ad462ed33e09bb770a6567039b4c9d6da" }, { "path": "project/public/art/agent-task-card-explanation/symbol-agenda-default.svg", "bytes": 1022, "sha256": "d2b5508a04300ce41d9573065a6c5466c4cb44aee137aa3972a7d6b25582032b" }, { "path": "project/public/art/agent-task-card-explanation/symbol-notes-adaptation.svg", "bytes": 774, "sha256": "e1f0db6ddeb1f2601861607c5e1f34397ff26d84c22be024050bea39821cc9d2" }, { "path": "project/public/art/agent-task-card-explanation/symbol-notes-default.svg", "bytes": 774, "sha256": "6adc8cbc6525d8c87d99037b6013567c90dbe73a353bec91e6a5aac82f7dbaf0" } ] } ], "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." ] }