[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_1226":1227,"_1228":1229},"routes/_app.x.$handle.$name",{"_98":97,"_32":45,"_106":88,"_27":100,"_13":14,"_107":-5,"_11":108,"_109":110,"_111":112,"_113":114,"_115":116,"_20":-5,"_117":-5,"_118":-5,"_119":25,"_120":121,"_122":123,"_124":-5,"_125":-5,"_126":127},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":-5,"_57":25,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":65,"_66":67,"_68":69,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":81,"_82":83,"_84":85,"_86":25},"version",1007,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":20,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":33,"_34":20,"_35":36},"deleted",false,"deletedHere","path","apps/interview-bank.html","latestPath","fileId","63fbeb04-7a34-11f1-b14c-1607ee4eb77e","name","interview-bank.html","fileType","content","\n\n\n\n

\n $\"Learning$ \n

ID Interview Question Bank

Your decoder ring for every interview question

\n\n

\n\n\n\n\n\n

Every question below has three layers: what they're asking on the surface, what they're really trying to find out, and how to answer it. Select your background above for personalized tips. Mark questions as practiced to track your progress. Questions tagged ⭐ STAR Story link straight to the STAR Story Builder so you can build your full answer once you've got a story in mind.

\n\n

\n \n\n

All Categories

All Interview Questions

Click any question to see what they're really asking and how to answer it.

\n\n

\n Practiced\n

\n 0 / 56\n

\n\n \n

Interview Cheat Sheet

\n \n \n

\n\n

\n\n\n\n\n","\n\n\n\n

\n $\"Learning$ \n

ID Interview Question Bank

Your decoder ring for every interview question

\n\n

\n\n\n\n\n\n

Every question below has three layers: what they're asking on the surface, what they're really trying to find out, and how to answer it. Select your background above for personalized tips. Mark questions as practiced to track your progress. Any question here can be asked either way. When it starts with “tell me about a time,” it wants one real story, and if you don’t have one, say so out loud and answer with what you would do. When it starts with “how would you,” answer the question. You don’t need a story. Questions tagged ⭐ STAR Story link straight to the STAR Story Builder so you can build your full answer once you've got a story in mind.

\n\n

\n \n\n

All Categories

All Interview Questions

Click any question to see what they're really asking and how to answer it.

\n\n

\n Practiced\n

\n 0 / 60\n

\n\n \n

Interview Cheat Sheet

\n \n \n

\n\n

\n\n\n\n\n","createdAt",["D",1789539174248],"branchVersion","branchId","354484fe-ab8e-435c-b8f4-a7d84643afaf","id","94d22c94-c7b8-4c71-924e-bdacd079feab","lsd-tools",["D",1783446411330],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Router serving LS&D's standalone tool apps at clean paths","imageUrl","3e453bbc-d725-4b77-bbaf-19441140f954","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019e69d3-aae4-700b-a721-1926b8df5eb7","tursoName","94d22c94c7b84c71924ebdacd079feab","tursoHostname","94d22c94c7b84c71924ebdacd079feab-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789551045218],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_98":97,"_105":100},"org",{"_98":97,"_99":100,"_101":100,"_18":55,"_102":103,"_104":25},"branch",{"_13":87,"_32":88,"_43":42,"_89":44,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":45,"_96":97},"isOwned",1137,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","jill1","handle","displayName","","avatar","tier","pro","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_43":44,"_32":45,"_38":1221,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":-5,"_57":25,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":65,"_66":67,"_68":1222,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":1223,"_82":1224,"_84":1225,"_86":25},"tree",[738,783,785,788,791],"files",[738,739,740,741,742,743,744,745,746,747,748,749,750,751,752,753,754,755,756,757,758,759,760,761,762,763,764,765,766,767,768,769,770,771,772,773,774,775,776,777,778,779,780,781,782,783,784,785,786,787,788,789,790,791],"counts",{"_726":61,"_727":728,"_729":61,"_730":731,"_732":733},"contents",[685,686,687,688,689],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[130,131,132,133,134,135,136,137,138,139,140,141,142,143,144,145,146,147,148,149,150,151,152,153,154,155,156,157,158,159,160,161,162,163,164,165,166,167,168,169,170,171,172,173,174,175,176,177,178,179,180,181,182,183,184,185,186,187,188,189,190,191,192,193,194,195,196,197,198,199,200,201,202,203,204,205,206,207,208,209,210,211,212,213,214,215,216,217,218,219,220,221,222,223,224,225,226,227,228,229,230,231,232,233,234,235,236,237,238,239,240,241,242,243,244,245,246,247,248,249,250,251,252,253,254,255,256,257,258,259,260,261,262,263,264,265,266,267,268,269,270,271,272,273,274,275,276,277,278,279,280,281,282,283,284,285,286,287,288,289,290,291,292,293,294,295,296,297,298,299,300,301,302,303,304,305,306,307,308,309,310,311,312,313,314,315,316,317,318,319,320,321,322,323,324,325,326,327,328,329,330,331,332,333,334,335,336,337,338,339,340,341,342,343,344,345,346,347,348,349,350,351,352,353,354,355,356,357,358,359,360,361,362,363,364,365,366,367,368,369,370,371,372,373,374,375,376,377,378,379,380,381,382,383,384,385,386,387,388,389,390,391,392,393,394,395,396,397,398,399,400,401,402,403,404,405,406],"hasHttpFiles",true,"grants","orgs","customDomains",{"_128":129},"d5cb91ac-7a2b-11f1-aaa9-1607ee4eb77e","tools.learningstrategyanddesign.com",{"_43":684,"_408":-5},{"_43":683,"_408":-5},{"_43":682,"_408":-5},{"_43":681,"_408":-5},{"_43":680,"_408":-5},{"_43":679,"_408":-5},{"_43":678,"_408":-5},{"_43":677,"_408":-5},{"_43":676,"_408":-5},{"_43":675,"_408":-5},{"_43":674,"_408":-5},{"_43":673,"_408":-5},{"_43":672,"_408":-5},{"_43":671,"_408":-5},{"_43":670,"_408":-5},{"_43":669,"_408":-5},{"_43":668,"_408":-5},{"_43":667,"_408":-5},{"_43":666,"_408":-5},{"_43":665,"_408":-5},{"_43":664,"_408":-5},{"_43":663,"_408":-5},{"_43":662,"_408":-5},{"_43":661,"_408":-5},{"_43":660,"_408":-5},{"_43":659,"_408":-5},{"_43":658,"_408":-5},{"_43":657,"_408":-5},{"_43":656,"_408":-5},{"_43":655,"_408":-5},{"_43":654,"_408":-5},{"_43":653,"_408":-5},{"_43":652,"_408":-5},{"_43":651,"_408":-5},{"_43":650,"_408":-5},{"_43":649,"_408":-5},{"_43":648,"_408":-5},{"_43":647,"_408":-5},{"_43":646,"_408":-5},{"_43":645,"_408":-5},{"_43":644,"_408":-5},{"_43":643,"_408":-5},{"_43":642,"_408":-5},{"_43":641,"_408":-5},{"_43":640,"_408":-5},{"_43":639,"_408":-5},{"_43":638,"_408":-5},{"_43":637,"_408":-5},{"_43":636,"_408":-5},{"_43":635,"_408":-5},{"_43":634,"_408":-5},{"_43":633,"_408":-5},{"_43":632,"_408":-5},{"_43":631,"_408":-5},{"_43":630,"_408":-5},{"_43":629,"_408":-5},{"_43":628,"_408":-5},{"_43":627,"_408":-5},{"_43":626,"_408":-5},{"_43":625,"_408":-5},{"_43":624,"_408":-5},{"_43":623,"_408":-5},{"_43":622,"_408":-5},{"_43":621,"_408":-5},{"_43":620,"_408":-5},{"_43":619,"_408":-5},{"_43":618,"_408":-5},{"_43":617,"_408":-5},{"_43":616,"_408":-5},{"_43":615,"_408":-5},{"_43":614,"_408":-5},{"_43":613,"_408":-5},{"_43":612,"_408":-5},{"_43":611,"_408":-5},{"_43":610,"_408":-5},{"_43":609,"_408":-5},{"_43":608,"_408":-5},{"_43":607,"_408":-5},{"_43":606,"_408":-5},{"_43":605,"_408":-5},{"_43":604,"_408":-5},{"_43":603,"_408":-5},{"_43":602,"_408":-5},{"_43":601,"_408":-5},{"_43":600,"_408":-5},{"_43":599,"_408":-5},{"_43":598,"_408":-5},{"_43":597,"_408":-5},{"_43":596,"_408":-5},{"_43":595,"_408":-5},{"_43":594,"_408":-5},{"_43":593,"_408":-5},{"_43":592,"_408":-5},{"_43":591,"_408":-5},{"_43":590,"_408":-5},{"_43":589,"_408":-5},{"_43":588,"_408":-5},{"_43":587,"_408":-5},{"_43":586,"_408":-5},{"_43":585,"_408":-5},{"_43":584,"_408":-5},{"_43":583,"_408":-5},{"_43":582,"_408":-5},{"_43":581,"_408":-5},{"_43":580,"_408":-5},{"_43":579,"_408":-5},{"_43":578,"_408":-5},{"_43":577,"_408":-5},{"_43":576,"_408":-5},{"_43":575,"_408":-5},{"_43":574,"_408":-5},{"_43":573,"_408":-5},{"_43":572,"_408":-5},{"_43":571,"_408":-5},{"_43":570,"_408":-5},{"_43":569,"_408":-5},{"_43":568,"_408":-5},{"_43":567,"_408":-5},{"_43":566,"_408":-5},{"_43":565,"_408":-5},{"_43":564,"_408":-5},{"_43":563,"_408":-5},{"_43":562,"_408":-5},{"_43":561,"_408":-5},{"_43":560,"_408":-5},{"_43":559,"_408":-5},{"_43":558,"_408":-5},{"_43":557,"_408":-5},{"_43":556,"_408":-5},{"_43":555,"_408":-5},{"_43":554,"_408":-5},{"_43":553,"_408":-5},{"_43":552,"_408":-5},{"_43":551,"_408":-5},{"_43":550,"_408":-5},{"_43":549,"_408":-5},{"_43":548,"_408":-5},{"_43":547,"_408":-5},{"_43":546,"_408":-5},{"_43":545,"_408":-5},{"_43":544,"_408":-5},{"_43":543,"_408":-5},{"_43":542,"_408":-5},{"_43":541,"_408":-5},{"_43":540,"_408":-5},{"_43":539,"_408":-5},{"_43":538,"_408":-5},{"_43":537,"_408":-5},{"_43":536,"_408":-5},{"_43":535,"_408":-5},{"_43":534,"_408":-5},{"_43":533,"_408":-5},{"_43":532,"_408":-5},{"_43":531,"_408":-5},{"_43":530,"_408":-5},{"_43":529,"_408":-5},{"_43":528,"_408":-5},{"_43":527,"_408":-5},{"_43":526,"_408":-5},{"_43":525,"_408":-5},{"_43":524,"_408":-5},{"_43":523,"_408":-5},{"_43":522,"_408":-5},{"_43":521,"_408":-5},{"_43":520,"_408":-5},{"_43":519,"_408":-5},{"_43":518,"_408":-5},{"_43":517,"_408":-5},{"_43":516,"_408":-5},{"_43":515,"_408":-5},{"_43":514,"_408":-5},{"_43":513,"_408":-5},{"_43":512,"_408":-5},{"_43":511,"_408":-5},{"_43":510,"_408":-5},{"_43":509,"_408":-5},{"_43":508,"_408":-5},{"_43":507,"_408":-5},{"_43":506,"_408":-5},{"_43":505,"_408":-5},{"_43":504,"_408":-5},{"_43":503,"_408":-5},{"_43":502,"_408":-5},{"_43":501,"_408":-5},{"_43":500,"_408":-5},{"_43":499,"_408":-5},{"_43":498,"_408":-5},{"_43":497,"_408":-5},{"_43":496,"_408":-5},{"_43":495,"_408":-5},{"_43":494,"_408":-5},{"_43":493,"_408":-5},{"_43":492,"_408":-5},{"_43":491,"_408":-5},{"_43":490,"_408":-5},{"_43":489,"_408":-5},{"_43":488,"_408":-5},{"_43":487,"_408":-5},{"_43":486,"_408":-5},{"_43":485,"_408":-5},{"_43":484,"_408":-5},{"_43":483,"_408":-5},{"_43":482,"_408":-5},{"_43":481,"_408":-5},{"_43":480,"_408":-5},{"_43":479,"_408":-5},{"_43":478,"_408":-5},{"_43":477,"_408":-5},{"_43":476,"_408":-5},{"_43":475,"_408":-5},{"_43":474,"_408":-5},{"_43":473,"_408":-5},{"_43":472,"_408":-5},{"_43":471,"_408":-5},{"_43":470,"_408":-5},{"_43":469,"_408":-5},{"_43":468,"_408":-5},{"_43":467,"_408":-5},{"_43":466,"_408":-5},{"_43":465,"_408":-5},{"_43":464,"_408":-5},{"_43":463,"_408":-5},{"_43":462,"_408":-5},{"_43":461,"_408":-5},{"_43":460,"_408":-5},{"_43":459,"_408":-5},{"_43":458,"_408":-5},{"_43":457,"_408":-5},{"_43":456,"_408":-5},{"_43":455,"_408":-5},{"_43":454,"_408":-5},{"_43":453,"_408":-5},{"_43":452,"_408":-5},{"_43":451,"_408":-5},{"_43":450,"_408":-5},{"_43":449,"_408":-5},{"_43":448,"_408":-5},{"_43":447,"_408":-5},{"_43":446,"_408":-5},{"_43":445,"_408":-5},{"_43":444,"_408":-5},{"_43":443,"_408":-5},{"_43":442,"_408":-5},{"_43":441,"_408":-5},{"_43":440,"_408":-5},{"_43":439,"_408":-5},{"_43":438,"_408":-5},{"_43":437,"_408":-5},{"_43":436,"_408":-5},{"_43":435,"_408":-5},{"_43":434,"_408":-5},{"_43":433,"_408":-5},{"_43":432,"_408":-5},{"_43":431,"_408":-5},{"_43":430,"_408":-5},{"_43":429,"_408":-5},{"_43":428,"_408":-5},{"_43":427,"_408":-5},{"_43":426,"_408":-5},{"_43":425,"_408":-5},{"_43":424,"_408":-5},{"_43":423,"_408":-5},{"_43":422,"_408":-5},{"_43":421,"_408":-5},{"_43":420,"_408":-5},{"_43":419,"_408":-5},{"_43":418,"_408":-5},{"_43":417,"_408":-5},{"_43":416,"_408":-5},{"_43":415,"_408":-5},{"_43":414,"_408":-5},{"_43":413,"_408":-5},{"_43":412,"_408":-5},{"_43":411,"_408":-5},{"_43":410,"_408":-5},{"_43":409,"_408":-5},{"_43":407,"_408":-5},"bc56bece-9eed-4a2f-8b9a-f7f7a09ca66b","reporterId","de7ed88d-8a3b-4ee4-8f60-1e376b163d96","769822b4-e28d-43a9-8f33-6c23be9c7622","aec0eea6-355b-4526-9b5e-6e908591911e","a3ca33eb-b431-4ffb-bc9a-3454ea41a205","a65dc797-e47f-4b93-abe4-29c8226c5a47","9353f389-6fd4-4e89-88f8-9b64a6fc1ec5","398efe91-9fe8-4a2a-8c6d-78f231bd4a4c","f4ee5d2d-7b52-4a5e-9e47-7f70b49ecf4f","e371450f-5f91-4b45-b11f-66d51424ca0c","f1493109-8f42-468c-a6db-9b631668209b","6a539d1b-2d5c-4eb5-9f76-409ad0c1f7ba","53ed657f-2811-4067-a594-18dc1b5b7292","f29a5571-aa97-4dbf-a62a-69942da92178","463a44f2-dbae-4470-8b8e-71fb38fb29a1","bb94be60-d198-47c5-b4ea-28b722c901cd","bf89dcf2-8cd0-4008-9721-7dd2cb1c0994","c12f324c-5c5a-4266-8a5b-77eefebe5dd0","7d4d4b6a-0faa-4de5-8dbf-5e6582742b84","33353b70-b5f8-4f34-95ae-24b9e3c3deb5","4411ee69-5962-46a1-b4c3-641bd3fb016b","10248b6c-b1d7-406f-aaa9-eaa37c97256f","3f609d8f-18ad-44a1-bba5-f2234cf5d024","576c5696-7ac1-43c4-ae1f-2b5275b76fa8","bf56d024-39bf-4f60-b683-9f29597fca70","c49ea22e-1c96-4322-82f7-7f03d4f513cf","4736eca4-dcc5-4ae1-8ea8-317ff6dd1086","3fbca004-e7e7-4be4-b259-1e8849226453","f336e897-7eb9-441d-84a5-17f684369e09","035e32db-7b26-483a-a2aa-41e1fee37c34","eea87f09-c809-41b8-a3ee-a0352122784a","40ae6cac-ac28-4dff-8a0d-ae4d9b94f174","5381430f-d7c7-42d6-8aaf-728c56e9c28d","bc7b8cb7-4d1d-4931-bf5b-f83adb5e651b","d71f970d-2dc4-4623-ae9b-47a0dcfa3bcc","a69d621f-f309-415e-b8f5-140bee6572ea","1c74dfb1-58d0-47bb-96cf-9a7d865658fb","c7150ba9-e332-4c39-bf9c-9287cde308e8","4ef8a117-5b73-45d0-bfff-d7f7048e99c7","c41e8859-e15e-4fd9-9a11-823fb202c619","a1aa374e-5d28-41f0-a5bb-be781ae25dbc","6f8b4ef5-5f9d-4b9d-a6f4-522270bec9ac","565a9f04-f1ba-42cb-a3a7-f19bd22e7dea","39026ed7-dc2e-475a-b44c-0a40666cd678","965a5a4a-54c8-440d-ae30-bc1ca72ec1e5","94756d3f-afcc-4292-b28d-aed6eaf48444","5e4ec49e-90ce-4b38-8f8e-f654eea5f9c0","6aa6f752-9a26-4b89-a741-fc00e98c3d80","6b791297-0fe4-48d3-8ac6-989cd220bba9","969a25c9-60e9-4813-a3fd-d427538a69d1","eb55ad2d-5af8-4f26-b0ca-bcd8582d38df","ec75deb4-fb7e-4020-b9bc-2a2e6eec6b7a","6b3f98c3-a865-4652-ba13-7cd7ebf4fcce","8bdbf938-2398-44a9-bdb2-ea0add3d51f2","47832f66-948d-47d8-95b9-535ef3389b31","3ba2f3b4-809b-4901-ba34-2c295d91738d","4fe65ce2-7ed6-4915-902f-64383f4ea395","1c12e497-16d8-4f3d-8996-03910d95d61a","83eb5c6b-4d93-406c-b2df-59b93033c3b4","f773cbb3-a597-4199-9bfa-80223eb58293","56d1c290-d103-473a-b31d-78a7a5282c32","723f935b-a987-4cbb-8ba0-41c883154a6f","d60d4012-7b72-4d66-94cf-8ffab78a5dc0","1896bae4-3372-4690-ba70-5c84949e9aad","d1b47df8-bbfe-4b05-9b23-f4e1220705f6","a40e4a55-cc6b-4764-bd63-a2bf5e7e4ae2","e55332c5-3340-449f-941e-1374348accb9","0fd0e139-75c6-4c2a-aad3-d74c04de61db","f40f8674-142d-4fac-bed2-42ec04929819","f2d28af2-5a35-47c5-9f1e-1ff94d64f69c","f581988c-ff28-4a1a-a47c-ddb7d62a8802","3499b3f7-e2c1-4554-b64a-61dfb5e63b4d","ae4f39f7-9ef1-4a7b-af70-9838924d2a45","e51d4468-dbeb-4a11-9869-b763af6961d6","8cdbeded-9c7a-4d26-8d41-fc7d8990e80f","1dd2df29-0dce-4585-ba0f-e89dd4ad0ef8","331dd263-08ba-4524-9842-f2e23273535e","d02ab97f-bf7f-43a1-8825-dda963c35c5e","bb42b2e3-ba37-4feb-bd5b-412fb6ce78ee","eaf01332-6818-4eeb-939d-484f925a7476","09093d3f-f958-4c66-8d7f-b5f4f15370be","f964aa3e-89c6-4204-acc1-db4b2f63dbb0","f003818e-8dbe-448d-adfa-8d3accd3d1e1","62de9857-e3e3-458c-b670-538f89726fb2","7c130d51-d9fb-49eb-9e0e-a717b0cf83d6","bfaf0e6b-bc7d-4398-af0e-40d1e04f6436","0846814b-3a4f-49cf-9218-df66fbbd5d06","1ac71078-05ed-46fb-a789-2ef7d43d9765","961e3668-8921-42fe-a5ae-4a427c669530","6c9e9100-4735-4361-aeea-5f1b3074bc4b","1a40d5cb-c005-4b77-982c-10ae366ee6f8","7d311956-e707-45d1-82a1-5db14cb4ccdd","09fba3c5-917a-4da5-945d-32e11025d20d","a8302925-4f98-4d82-81cd-c96a0568c07f","82c3e439-7099-4df1-b940-b218c81b099d","dbf823d7-a0b4-4e16-a42a-a861b4e8540a","cf9b7c30-82a7-468c-a52d-a48d643041dd","0d5346ee-4020-4062-8994-ab5627fff8ee","96c4895e-e189-47e3-bcaf-d6cdbf119cd7","3d9ecc20-9a96-45a4-8c11-210599413a24","eb6b81ef-3a92-4e39-942d-ae016b1c1ba2","7186a0a7-c5cc-4c81-ad8d-37c6414746cc","3375ca6c-36cd-439f-96a2-9c0b93c99eb7","dcb9cc2d-0254-40cd-b721-e61a31c6a375","af3adb59-60b5-4e2d-8d46-dbfdd52d8307","a21077ec-e270-4c78-a5f2-55b7da7e6fac","27794f0a-46fb-43ac-85df-c8ebc03eb97f","98c125a8-0ef9-459d-91c2-93dbdef59baf","797cd671-b933-4c12-b505-b30c0dc0337d","87e5efd4-6c0a-4def-8db3-74b9771a5f37","155f9155-7df6-4f3c-ad31-89248b18ddea","75392ac5-aa57-404d-84a5-5d1e25583614","43da0a25-7763-499b-92e5-53837fefa23d","628c21ca-0fe2-4bd5-ae8a-1fccb48a7b42","16c7d5be-63c1-4565-841a-f13b95b96e16","68341a99-ee31-4260-b4f6-eeeef9f84180","d129c035-4c11-4e44-ad23-206af2a87934","5d43f2b6-02f1-4c49-9f5f-c76f66254d2a","3d635954-2070-4bae-8c66-55af169f3fee","a516abdf-06f8-4324-baab-31993d1bdfb3","ef43e536-2aa2-4d2c-ba51-7ec703612ea6","e2e9202c-d42a-492d-b70a-9146f510699b","fc3b0afa-191c-4578-a9f5-3838668a52f9","afb3cb97-c1e9-4e02-890f-ce7594f890a3","d9fb9332-e196-4a0d-9231-49a334fb46ef","36d7b85b-e0dc-413c-98bf-25e40834a7fb","ad666022-7156-4b76-9600-dbeb71e2778c","88773884-ea8d-49d2-a9b2-594d14947337","59079b6c-165f-414a-b3e4-bdfd829159ad","3f922a35-5b28-4d93-954c-e25e6cc0cfec","e79888cc-5b91-40f3-a7f0-5e365471dd07","8e565ab9-ae9d-4a60-95e8-a5d68724efa2","676baabb-488c-487d-adfb-aeb93afbda6d","d1796e32-99c6-462c-8706-cc1befc930be","aa8ff23a-4937-4f93-9108-f6b7e75a3f1f","ba45c4e8-c7bc-4f05-ab0c-9cf4171ab9a7","cbc95d6f-78d6-4ff6-8109-5ea61084ee17","5f90d138-f840-4e5c-82de-e87b2463a159","51b099ff-9c87-4e70-91e1-07eeb9b51c93","d8c4bd5a-4f23-414a-a02a-22c923a7fcd4","95e1f196-28cd-4a42-99c4-56c19c79a68c","539aa774-bc62-4eb8-b99d-6ef8f25f2363","52887b7c-6b45-46ee-aade-831f69cd4f30","673846db-26f4-499b-b3e2-a777da1fb479","0c7f58d2-5132-4b54-a1f9-c5b1bf350c45","9b073610-d8df-463a-85cd-0aaad0adc3e0","e2e75055-4536-49be-a181-f13e8b8dbe85","0e59fbb2-c676-4c19-80fc-ce41240c6b57","77471118-fc74-4fe1-9dbd-54f18e7698be","a22890c9-239c-49c1-8feb-44d643ba1c98","c0d92c78-2b9a-468e-9931-3c46bce5d5ae","12f2bbd0-e39b-4c7a-8c88-131597151da1","8e77c73b-b95c-4fc3-862a-49b013dd0ade","b1301f01-37f0-4fbc-8020-a4d846897dbc","d39e79db-7270-4ad0-9d68-e8c59f7dd6ae","4914f6ec-07d0-46f1-8962-78124b4fa75c","9e30142e-0f82-4c75-aa6c-64551dbba9db","20f0e6a2-1f8f-4995-8af9-b5728c1a392b","f73cf406-5ca5-4025-b717-da6fd3a629ec","5a5b4065-6d82-4880-bbe4-95f84af61cdf","97a5a82e-7f47-4494-af3e-4c8bc1a86d88","18a17458-ec9f-44b9-a952-5849778d1d2b","d49d5fb4-b9d4-4b7c-b20a-213972e35447","2adee9a8-b6a9-41df-bc08-c66b6cc4400f","d226b7bf-5f71-4066-9a11-43549f727fa7","3ef22bd4-b706-42b4-9801-4445ecdcf08b","fff4d28d-2a16-4d74-a89d-07a66a3d2a67","69257e54-da46-47ce-a3fd-a2b423f9658a","3528f0f5-922b-4dea-92c1-b5c018ad9fed","017486ac-7f18-4d51-a5b1-ecdbabbc8c8f","90bd38e3-0963-493c-84bb-9311516dc304","cd7897e9-aa60-4e15-b487-05594eec7507","fff65174-59e5-42f8-ab2c-8339ab4ae70b","bee84154-9d3b-4220-92db-fd146de3e4b2","44646840-9e2d-4d19-beca-1810e297dbc1","cbe8ff4c-8944-4325-b4fb-004b80c71d37","9cf6cd8f-f1fa-4acb-b4bb-0ffb43aa0c59","8a9213ee-4840-4e49-a04d-6d5978349a6d","83b74c59-4c0a-4b92-b915-d8136ea7a52b","581bb7b9-5937-4861-bc3d-8f801da52532","48020d96-3e65-41a9-93fc-a361c428258e","2601b8f6-5481-4eea-aa25-86a4bbb4c187","0c06e183-ea67-40f5-9100-e21faa3f09d5","de038d0a-2e5b-4a34-8005-d1913b9c906f","46c7fe07-4925-418d-98b4-05ab6bee0e1c","e75c7a52-f6fc-4688-b2d1-7a8bf25a06c6","802fb9d8-13f8-4506-9250-706999077d99","ee13de7a-bdf6-414c-8827-d11682979d1b","04065fa3-7c0b-4a63-b117-d17220406c55","d7ff668a-752b-4a25-81da-d2ea989a4caa","166f8a65-fd94-4c4e-b512-438fdf415342","6dec0d9d-af68-4008-abb0-3bc099cd2b4c","9e37fbf6-4e7b-47d2-b28f-f950ba41acbc","2dc968ed-6c63-47ef-81d5-b3b4cfbc48e6","5e4ed89b-b118-4e9d-9a09-21d64ae77a73","f053fad8-3c3a-47d2-9e94-4724bf8bf57b","75ba368e-1222-452c-9993-14f64e99d16c","c16aaa14-bcaa-4039-b5df-1db232a89e28","c04441f0-6893-4d88-a50f-d4578b83179c","fadb6f44-f312-4169-a2fb-5476815a8ebe","ac0fdc6e-ef8d-48ac-b36e-9c352b8c4a42","49e0424b-9e1c-4cb0-920c-7822965599a3","e160f066-9d40-46c2-97ac-73f5e1ab2b7c","de75edcb-6ebc-4377-b07f-4b33bb356c78","59a6566e-ffec-4081-94a6-143e6829d241","9e3cc53a-ca00-459e-877d-1edd49c0b28d","4209f490-8457-4d94-b10b-48694667bd90","e5e0273b-8418-4ec5-8c34-381ff14c783e","97f93407-85b1-4b90-81a9-5e32f3a08dd4","ff6a2189-d1ce-4688-9d75-56dda109f44d","c58c9706-182c-4a08-92f8-878505b6aca7","86006f48-5c18-4820-bd65-1e90a54007f8","fe6575ea-3547-490c-b0e4-c7bf9f9adb96","a1debea9-c94e-404c-9b76-092618127071","69ccfb1b-c8a8-4334-8487-07bc1e227e15","3347b341-8e11-4db3-8c66-77abb35157f6","dffc9dea-8f18-43c3-b517-6851d2f55f2f","45291586-a708-436a-a7f5-33aaf96fe012","77f4ea6b-1535-4fca-8fb6-ee1c95106765","a3f27e7f-d6da-44e2-a0ea-b7d52e603e75","16c9014b-89ba-4f55-ab90-798c495dd4da","2568cb46-3aae-44ec-b085-4606fe9f6042","b914a552-d424-4122-a456-88b65a5f881b","7180e1a4-b778-4d0e-b351-49dd299fc667","2c9622cd-7ae0-4720-9514-b6892334db8b","6311d231-fef0-425d-9d3f-d0da7bbf3912","d39bf66d-fe23-4c05-bdb6-ecd6ff12da91","6f181c13-9bf8-4f76-87b6-ea17109f4e49","e15cf168-2bb5-4e37-b704-44893f54993f","baf51e58-0cb2-458d-aa9d-f666246b2f2c","0a62a78f-a38a-49a5-83f6-a2d536cc50c6","1b337a8e-d7ac-4395-aa5b-3d09ea8f3ec8","4ab3e10d-7bc3-49e7-a2a0-1179b8605657","241715ba-b88d-47e4-a47f-de0e6c5c79e2","d475393e-f842-4a4b-b1fb-3f3cbc297698","10cdc070-d39c-47ed-b1d1-28f57ed387de","9dace3b9-8f56-4316-9952-4aebd56f5349","1b6dec35-9ab2-4eec-a0ca-b32bf7f63a0f","9cf9587c-aab0-4335-8f85-9c2c7c0b23c9","4a13f667-04d8-41bb-bd06-297748c9748d","4ade6ec8-2d2b-4041-9748-5e92a33b77f5","138f27cd-b30d-4f99-856a-f102bc966fff","b65466f0-ca72-4900-b84c-cd6f7dbe5824","c1e4d913-c44a-4d13-acd5-18850d680631","a06ec1a6-3992-47f4-b7bd-04a3f54f7b76","6f5eee3d-4b91-41ee-af7d-c96f1a467a6d","cc8353c7-2799-4135-b500-193b0040cebb","41613a66-4d51-4e46-98d3-43a9c6c16b21","303d97b4-e832-4770-a108-4fe106e4efc6","d390a1d3-2db4-4141-943b-9713d9e4b027","66c32c64-9b6a-4667-b749-93a8c13d64c3","8d82df41-44f4-48f8-9ffb-5147b685c64f","8b981570-77c8-454f-a623-3bcaa66f4ad6","7f5274e9-943d-404b-8719-72c2b4303d4a","00cdff65-b673-40d0-9f43-b7fd9f569642","4c83b30d-733f-4fbf-bc2d-c514e58e66f8","9f60a47e-efae-405c-a843-67a3e79a31cc","ad25ff81-f31e-454a-84e7-4d7fde755c54","d10dcb89-4ffc-46ef-8b78-d87f76497da5","0d019efd-3898-467a-b088-bc2925ce46f0","8a0d48c5-0b9b-44cf-b97c-83c5aa9becb4","9b13dad0-fa88-4fcf-a971-99a96e368d8a","f693b1fa-c643-4324-a307-c4a16e4952af","e0f04791-2d80-4a6a-b35e-c92ad35ce679","6bd43279-d703-486f-9236-9efbc6c7d241","7a91f7c4-6fd5-4cdb-8d7e-e73d000674f3","bc3b2ee9-45fe-473d-b3dd-eac5b17ccb31","548e6642-24e3-48e7-b328-06af52ae58da","800db04d-3e6e-4a8e-b350-c847922c596d","7e28908f-bac0-4b9b-9149-686f3f2af36c","71359c20-f0af-435d-843e-2367ba8c80bc","da352670-53b9-41dc-9122-bdabee641bcc","915a2c2f-4bd6-4a40-8e9a-345f90654e9c","146718fe-7401-4396-9e44-e8c931f9ca28","28845035-c1e7-48d9-9931-43dff794f564","1c688fbf-0b88-421b-9f40-0a9bfba4d9aa","b2cce148-0e4c-4f81-8a3b-6aae76ba8652",{"_43":720,"_32":721,"_30":722,"_692":-5,"_41":42,"_40":723,"_694":123,"_38":724,"_13":61,"_34":706,"_35":-5,"_24":25,"_699":-5,"_27":725},{"_43":714,"_32":715,"_30":716,"_692":-5,"_41":42,"_40":717,"_694":123,"_38":718,"_13":61,"_34":706,"_35":-5,"_24":25,"_699":-5,"_27":719},{"_43":708,"_32":709,"_30":710,"_692":-5,"_41":42,"_40":711,"_694":123,"_38":712,"_13":61,"_34":706,"_35":-5,"_24":25,"_699":-5,"_27":713},{"_43":701,"_32":702,"_30":703,"_692":-5,"_41":42,"_40":704,"_694":123,"_38":705,"_13":61,"_34":706,"_35":-5,"_24":25,"_699":-5,"_27":707},{"_43":690,"_32":691,"_30":128,"_692":-5,"_41":42,"_40":693,"_694":25,"_38":695,"_13":696,"_34":697,"_35":698,"_24":25,"_699":45,"_27":700},"890823b9-b9e4-494b-b2fb-1c84191da2cb","main.ts","parentId",989,"latest",["D",1789538097400],82,"http","// LS&D Tools router — serves standalone tool apps at clean paths.\n// Each app lives as a static HTML fragment in apps/.html (Elementor-style:\n// scoped \n

Learning Strategy & Design

${toolName}

\n${pitch}\n

${isAida || isHolding ? \"\" : \"The Job Search Toolkits are opening soon. \"}Questions, or think you should have access? Email membersuccess@learningstrategyanddesign.com.

learningstrategyanddesign.com

`;\n}\n\nfunction indexPage(): string {\n const links = Object.keys(ROUTES)\n .filter((slug) => PUBLIC_INDEX.has(slug))\n .sort()\n .map((slug) => `

${ROUTES[slug].title.replace(/ [—|] (Learning Strategy & Design|LS&?D|AIDA)$/, \"\")}

`)\n .join(\"\\n\");\n return `LS&D Tools\n\n\n

Learning Strategy & Design Free Tools

\n${links}\n\n

Additional tools are available inside AIDA and the LS&D Job Search Toolkits.

\n`;\n}\n\n// SECURITY HEADERS (2026-08-14, matches jill1/ada + jill1/search-hq). Jill\n// confirmed nothing iframes the tool pages, so SAMEORIGIN is safe. No CSP:\n// tool fragments carry inline script/style.\nexport default async function (req: Request): Promise {\n const res = await routeRequest(req);\n try {\n res.headers.set(\"X-Content-Type-Options\", \"nosniff\");\n res.headers.set(\"Referrer-Policy\", \"strict-origin-when-cross-origin\");\n res.headers.set(\"X-Frame-Options\", \"SAMEORIGIN\");\n } catch { /* immutable headers on some platform responses; serve as-is */ }\n return res;\n}\n\nasync function routeRequest(req: Request): Promise {\n const url = new URL(req.url);\n const slug = url.pathname.replace(/^\\/+|\\/+$/g, \"\");\n const keys = configuredKeys();\n const master = keys.find((k) => k.name === \"master\");\n // Constant-time compare (2026-09-04 code review), so /stats and /access do not\n // leak the master key one byte at a time through response timing.\n const masterOk = !!master && (() => {\n const enc = new TextEncoder();\n const a = enc.encode(url.searchParams.get(\"k\") ?? \"\"), b = enc.encode(master.value);\n if (a.length !== b.length) return false;\n let d = 0;\n for (let i = 0; i < a.length; i++) d |= a[i] ^ b[i];\n return d === 0;\n })();\n\n if (slug === \"\") {\n return new Response(indexPage(), { headers: { \"Content-Type\": \"text/html;charset=UTF-8\" } });\n }\n\n // Tool shell assets (2026-09-15): the shared stylesheet every fragment links, and\n // the ONE LS&D wordmark every title bar uses. Both public, cached for a day so a\n // shell.css edit shows up within the hour without a redeploy of any tool.\n if (slug === \"shell.css\") {\n const css = await readFile(\"shell/shell.css\", import.meta.url);\n return new Response(css, {\n headers: { \"Content-Type\": \"text/css;charset=UTF-8\", \"Cache-Control\": \"public, max-age=3600\" },\n });\n }\n if (slug === \"lsd-logo-white.png\") {\n const bytes = Uint8Array.from(atob(LSD_LOGO_WHITE_B64), (c) => c.charCodeAt(0));\n return new Response(bytes, {\n headers: { \"Content-Type\": \"image/png\", \"Cache-Control\": \"public, max-age=86400\" },\n });\n }\n\n // Live access map (master-key-protected): GET /access?k=\n if (slug === \"access\") {\n if (!masterOk) return new Response(\"Not authorized.\", { status: 403 });\n const map = Object.keys(ROUTES).sort().map((s) => ({\n slug: s,\n title: ROUTES[s].title.replace(/ [—|] (Learning Strategy & Design|LS&?D|AIDA)$/, \"\"),\n access: GATED.has(s) ? \"GATED (key or app referer required)\" : \"OPEN\",\n indexable: !(GATED.has(s) || NOINDEX_EXTRA.has(s)),\n publicly_listed: PUBLIC_INDEX.has(s),\n risevip_key_unlocks: GATED.has(s) ? RISEVIP_SLUGS.has(s) : undefined,\n aida_key_unlocks: GATED.has(s) ? AIDA_SLUGS.has(s) : undefined,\n }));\n return new Response(JSON.stringify({ generated: \"live\", tools: map }, null, 2), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n // Usage stats (master-key-protected): GET /stats?k=\n if (slug === \"stats\") {\n if (!masterOk) return new Response(\"Not authorized.\", { status: 403 });\n try {\n const cutoff = new Date(Date.now() - 30 * 24 * 3600 * 1000).toISOString().slice(0, 10);\n const rows = await sqlite.execute({\n sql: `SELECT day, slug, outcome, n FROM lsd_tool_hits WHERE day >= ? ORDER BY day DESC, n DESC`,\n args: [cutoff],\n });\n const totals: Record> = {};\n for (const r of rows.rows as unknown as [string, string, string, number][]) {\n const [, s, outcome, n] = r;\n totals[s] = totals[s] || {};\n totals[s][outcome] = (totals[s][outcome] || 0) + n;\n }\n return new Response(JSON.stringify({ since: cutoff, totals, daily: rows.rows }, null, 2), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } catch (err) {\n return new Response(\"Stats error: \" + ((err as Error).message || \"unknown\"), { status: 500 });\n }\n }\n\n // 2026-07-18 the Scenario Studio absorbed the Storyline Scenario Builder and this slug\n // 302'd into the Studio. REVERSED 2026-07-23 (Jill, re-scope) and implemented 2026-07-26:\n // the Builder is the Storyline Revise shelf tool in AIDA HQ and stands on its own again,\n // while the Studio moves to the future advanced course. The Studio keeps its own slug and\n // stays reachable so existing member links do not break; it just is not on the HQ shelf.\n\n // Week in the Life 360 static images: /w360/Capture.JPG, /w360/Capture1.JPG.\n // Served out of project-scoped blob storage because they are binary and the\n // fragment loader (readFile) is text-only. Cached hard: these never change.\n if (slug.startsWith(\"w360/\")) {\n const name = slug.slice(\"w360/\".length);\n if (!W360_ASSETS.has(name)) return new Response(\"Not found.\", { status: 404 });\n try {\n const bytes = await blob.get(`w360/${name}`);\n return new Response(bytes.body, {\n headers: {\n \"Content-Type\": \"image/jpeg\",\n \"Cache-Control\": \"public, max-age=31536000, immutable\",\n },\n });\n } catch (err) {\n return new Response(\"Asset error: \" + ((err as Error).message || \"unknown\"), { status: 500 });\n }\n }\n\n // AIDA Directory same-origin API pass-through (2026-08-03). Some members'\n // network filters (work/school laptops) block the raw jill1--.web.val.run\n // backend host while allowing this domain, so the directory page saw\n // \"could not be reached\" failures for those members. The page now calls\n // /aida-directory-api/* on THIS host and the router forwards server-side to\n // the proxy val. The proxy's own origin allowlist + per-IP rate limit still\n // apply: we send an allowed Origin and pass the member's real IP through.\n // The old direct URL keeps working unchanged (the page falls back to it when\n // served from any other host).\n if (slug === \"aida-directory-api\" || slug.startsWith(\"aida-directory-api/\")) {\n const DIR_API = \"https://jill1--77d8d6246c1911f195ca1607ee4eb77e.web.val.run\";\n const sub = slug.slice(\"aida-directory-api\".length) || \"/\";\n const fwdHeaders: Record = {\n \"Content-Type\": req.headers.get(\"content-type\") || \"application/json\",\n \"Origin\": \"https://lsd-tools.val.run\",\n };\n const xff = req.headers.get(\"x-forwarded-for\");\n if (xff) fwdHeaders[\"x-forwarded-for\"] = xff;\n try {\n const resp = await fetch(DIR_API + sub, {\n method: req.method,\n headers: fwdHeaders,\n body: req.method === \"GET\" || req.method === \"HEAD\" || req.method === \"OPTIONS\"\n ? undefined\n : await req.text(),\n });\n const body = await resp.text();\n await tally(\"aida-directory-api\", resp.ok ? \"ok\" : \"err\" + resp.status);\n return new Response(body, {\n status: resp.status,\n headers: { \"Content-Type\": \"application/json\", \"X-Robots-Tag\": \"noindex, nofollow\" },\n });\n } catch (err) {\n await tally(\"aida-directory-api\", \"unreachable\");\n return new Response(\n JSON.stringify({ error: \"Directory backend unreachable: \" + ((err as Error).message || \"unknown\") }),\n { status: 502, headers: { \"Content-Type\": \"application/json\" } },\n );\n }\n }\n\n // GENERIC same-origin API pass-through (rollout approved 2026-08-03, built 2026-08-04).\n // Same class of fix as /aida-directory-api/* above, for every shelf tool: pages call\n // /api// on THIS host and the router forwards server-side to the\n // tool's backend val (API_BACKENDS map next to ROUTES). Differences from the\n // directory block, on purpose:\n // - resp.body is passed through UNTOUCHED — the AI proxies stream (SSE/chunked),\n // and buffering with resp.text() would break streaming\n // - Content-Type (and Cache-Control, for the /logo asset) copied from upstream,\n // not forced to application/json\n // The member's real IP is forwarded (x-forwarded-for) so backends that rate-limit\n // per IP keep limiting per member instead of pooling everyone into one bucket.\n // Old direct backend URLs keep working: pages only use /api/* when served from\n // lsd-tools.val.run / tools.learningstrategyanddesign.com, else fall back direct.\n if (slug === \"api\" || slug.startsWith(\"api/\")) {\n const parts = slug.split(\"/\"); // [\"api\", toolslug, ...rest]\n const toolslug = parts[1] || \"\";\n const base = API_BACKENDS[toolslug];\n if (!base) {\n await tally(\"api-unknown\", \"notfound\");\n return new Response(JSON.stringify({ error: \"Unknown API slug.\" }), {\n status: 404,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n const sub = \"/\" + parts.slice(2).join(\"/\") + url.search;\n const fwdHeaders: Record = { \"Origin\": \"https://lsd-tools.val.run\" };\n for (const h of [\"content-type\", \"accept\", \"x-forwarded-for\"]) {\n const v = req.headers.get(h);\n if (v) fwdHeaders[h] = v;\n }\n try {\n const resp = await fetch(base + sub, {\n method: req.method,\n headers: fwdHeaders,\n body: req.method === \"GET\" || req.method === \"HEAD\" ? undefined : await req.arrayBuffer(),\n });\n await tally(toolslug + \"-api\", resp.ok ? \"ok\" : \"err\" + resp.status);\n const outHeaders: Record = { \"X-Robots-Tag\": \"noindex, nofollow\" };\n for (const h of [\"content-type\", \"cache-control\"]) {\n const v = resp.headers.get(h);\n if (v) outHeaders[h] = v;\n }\n return new Response(resp.body, { status: resp.status, headers: outHeaders });\n } catch (err) {\n await tally(toolslug + \"-api\", \"unreachable\");\n return new Response(\n JSON.stringify({ error: \"Tool backend unreachable: \" + ((err as Error).message || \"unknown\") }),\n { status: 502, headers: { \"Content-Type\": \"application/json\" } },\n );\n }\n }\n\n const route = ROUTES[slug];\n if (!route) {\n await tally(slug || \"(unknown)\", \"notfound\");\n return new Response(\"Not found. Visit / for the list of available tools.\", { status: 404 });\n }\n\n const isGated = GATED.has(slug);\n const noindex = isGated || NOINDEX_EXTRA.has(slug);\n let setCookie: string | null = null;\n let door = \"\";\n\n if (isGated) {\n const keyParam = url.searchParams.get(\"k\");\n const cookieVal = getCookie(req, \"lsdk\");\n const paramKey = keys.find((k) => k.value === keyParam && keyCovers(k, slug));\n const cookieKey = keys.find((k) => k.value === cookieVal && keyCovers(k, slug));\n const viaApp = refererAllowed(req);\n const appToken = master ? await appDoorToken(master) : null;\n const cookieIsAppDoor = !!appToken && cookieVal === appToken;\n\n if (paramKey) {\n setCookie = `lsdk=${paramKey.value}; Max-Age=${paramKey.cookieMaxAge}; Path=/; Secure; HttpOnly; SameSite=Lax`;\n door = \"@\" + paramKey.name;\n } else if (cookieKey) {\n door = \"@\" + cookieKey.name;\n } else if (cookieIsAppDoor) {\n door = \"@app\";\n } else if (viaApp && appToken) {\n setCookie = `lsdk=${appToken}; Max-Age=604800; Path=/; Secure; HttpOnly; SameSite=Lax`; // 7 days\n door = \"@app\";\n } else {\n await tally(slug, \"blocked\");\n return new Response(gatePage(route.title, AIDA_SLUGS.has(slug), HOLDING_SLUGS.has(slug)), {\n status: 403,\n headers: { \"Content-Type\": \"text/html;charset=UTF-8\", \"X-Robots-Tag\": \"noindex, nofollow\" },\n });\n }\n }\n\n try {\n let fragment = await readFile(`apps/${route.file}`, import.meta.url);\n // Member bypass for the Topic Generator's lead-gen email gate (Jill, 2026-07-31).\n // The tool is public and asks strangers for name + email (Kit signup) before it\n // unlocks. An AIDA member clicking it from the HQ shelf should not be treated\n // like a stranger, so a visit from an app surface (or carrying an app/key cookie)\n // gets a flag injected that the fragment reads to skip the form. A 7-day app\n // cookie rides along so her in-tool reloads keep skipping it.\n if (slug === \"portfolio-topic-generator\") {\n const cookieVal = getCookie(req, \"lsdk\");\n const appToken = master ? await appDoorToken(master) : null;\n const hasKeyCookie = keys.some((k) => k.value === cookieVal);\n const hasAppCookie = !!appToken && cookieVal === appToken;\n if (refererAllowed(req) || hasAppCookie || hasKeyCookie) {\n fragment = `\\n` + fragment;\n door = \"@app\";\n if (appToken && !hasAppCookie && !hasKeyCookie) {\n setCookie = `lsdk=${appToken}; Max-Age=604800; Path=/; Secure; HttpOnly; SameSite=Lax`;\n }\n }\n }\n // Scenario Studio v2 ships as patches over the base fragment (the file\n // outgrew the editing pipeline). Canonical merged copy: the workspace's\n // Tools/Interactive Apps/scenario-studio.html.\n if (slug === \"scenario-studio\") {\n for (const pair of STUDIO_V2_PATCHES) {\n const ix = fragment.indexOf(pair[0]);\n if (ix < 0) throw new Error(\"studio v2 patch failed to apply\");\n fragment = fragment.slice(0, ix) + pair[1] + fragment.slice(ix + pair[0].length);\n }\n }\n await tally(slug, \"view\" + door);\n const headers: Record = { \"Content-Type\": \"text/html;charset=UTF-8\" };\n if (noindex) headers[\"X-Robots-Tag\"] = \"noindex, nofollow\";\n if (setCookie) headers[\"Set-Cookie\"] = setCookie;\n return new Response(wrap(fragment, route.title, noindex), { headers });\n } catch (err) {\n await tally(slug, \"error\");\n return new Response(\"Error loading tool: \" + ((err as Error).message || \"unknown\"), { status: 500 });\n }\n}\n","label",[691],"8143dd38-b664-4147-95a9-d409e6bf85c7","shell","fe1bd694-1f63-41b8-94f6-114fbc156755",808,["D",1789504726522],"directory",[702],"09fb9764-0684-4335-aee0-f1c1b6e87f8b","scripts","be786689-317a-432b-8b2a-17317abec3ee",133,["D",1783967292667],[709],"f93cce0c-195c-4683-830d-3ff26ad1a60c","crons","158ae3a4-bb8b-49bf-af61-641359d0897e",521,["D",1787450970269],[715],"ce79aa73-b1b4-4470-8f23-9fe367d6c36b","apps","47a6bf47-1d27-4c27-af37-9f16d7745179",2,["D",1783446886340],[721],"pulls","branches",1,"forks","envVars",{"_734":736,"_737":61},"connections",{"_734":61,"_735":61},"count","unfilledCount",3,"emptyCount",{"_43":720,"_32":721,"_30":722,"_692":-5,"_41":42,"_40":723,"_694":123,"_38":1218,"_13":61,"_34":706,"_35":-5,"_24":25,"_699":-5,"_793":1219,"_27":1220},{"_43":1209,"_32":1210,"_30":1211,"_692":722,"_41":42,"_40":1212,"_694":123,"_38":1213,"_13":1214,"_34":20,"_35":1215,"_24":25,"_699":-5,"_793":1216,"_27":1217},{"_43":1201,"_32":1202,"_30":1203,"_692":722,"_41":42,"_40":1204,"_694":25,"_38":1205,"_13":1164,"_34":20,"_35":1206,"_24":25,"_699":-5,"_793":1207,"_27":1208},{"_43":1193,"_32":1194,"_30":1195,"_692":722,"_41":42,"_40":1196,"_694":123,"_38":1197,"_13":1059,"_34":20,"_35":1198,"_24":25,"_699":-5,"_793":1199,"_27":1200},{"_43":1184,"_32":1185,"_30":1186,"_692":722,"_41":42,"_40":1187,"_694":25,"_38":1188,"_13":1189,"_34":20,"_35":1190,"_24":25,"_699":-5,"_793":1191,"_27":1192},{"_43":1176,"_32":1177,"_30":1178,"_692":722,"_41":42,"_40":1179,"_694":123,"_38":1180,"_13":61,"_34":20,"_35":1181,"_24":25,"_699":-5,"_793":1182,"_27":1183},{"_43":1168,"_32":1169,"_30":1170,"_692":722,"_41":42,"_40":1171,"_694":123,"_38":1172,"_13":1006,"_34":20,"_35":1173,"_24":25,"_699":-5,"_793":1174,"_27":1175},{"_43":1159,"_32":1160,"_30":1161,"_692":722,"_41":42,"_40":1162,"_694":25,"_38":1163,"_13":1164,"_34":20,"_35":1165,"_24":25,"_699":-5,"_793":1166,"_27":1167},{"_43":1151,"_32":1152,"_30":1153,"_692":722,"_41":42,"_40":1154,"_694":123,"_38":1155,"_13":728,"_34":20,"_35":1156,"_24":25,"_699":-5,"_793":1157,"_27":1158},{"_43":1142,"_32":1143,"_30":1144,"_692":722,"_41":42,"_40":1145,"_694":25,"_38":1146,"_13":1147,"_34":20,"_35":1148,"_24":25,"_699":-5,"_793":1149,"_27":1150},{"_43":1134,"_32":1135,"_30":1136,"_692":722,"_41":42,"_40":1137,"_694":123,"_38":1138,"_13":1015,"_34":20,"_35":1139,"_24":25,"_699":-5,"_793":1140,"_27":1141},{"_43":1126,"_32":1127,"_30":1128,"_692":722,"_41":42,"_40":1129,"_694":25,"_38":1130,"_13":937,"_34":20,"_35":1131,"_24":25,"_699":-5,"_793":1132,"_27":1133},{"_43":1118,"_32":1119,"_30":1120,"_692":722,"_41":42,"_40":1121,"_694":25,"_38":1122,"_13":869,"_34":20,"_35":1123,"_24":25,"_699":-5,"_793":1124,"_27":1125},{"_43":1110,"_32":1111,"_30":1112,"_692":722,"_41":42,"_40":1113,"_694":123,"_38":1114,"_13":728,"_34":20,"_35":1115,"_24":25,"_699":-5,"_793":1116,"_27":1117},{"_43":1102,"_32":1103,"_30":1104,"_692":722,"_41":42,"_40":1105,"_694":25,"_38":1106,"_13":955,"_34":20,"_35":1107,"_24":25,"_699":-5,"_793":1108,"_27":1109},{"_43":1097,"_32":33,"_30":31,"_692":722,"_41":42,"_40":14,"_694":25,"_38":1098,"_13":1099,"_34":20,"_35":37,"_24":25,"_699":-5,"_793":1100,"_27":1101},{"_43":1089,"_32":1090,"_30":1091,"_692":722,"_41":42,"_40":1092,"_694":123,"_38":1093,"_13":1006,"_34":20,"_35":1094,"_24":25,"_699":-5,"_793":1095,"_27":1096},{"_43":1081,"_32":1082,"_30":1083,"_692":722,"_41":42,"_40":1084,"_694":123,"_38":1085,"_13":728,"_34":20,"_35":1086,"_24":25,"_699":-5,"_793":1087,"_27":1088},{"_43":1072,"_32":1073,"_30":1074,"_692":722,"_41":42,"_40":1075,"_694":25,"_38":1076,"_13":1077,"_34":20,"_35":1078,"_24":25,"_699":-5,"_793":1079,"_27":1080},{"_43":1063,"_32":1064,"_30":1065,"_692":722,"_41":42,"_40":1066,"_694":25,"_38":1067,"_13":1068,"_34":20,"_35":1069,"_24":25,"_699":-5,"_793":1070,"_27":1071},{"_43":1054,"_32":1055,"_30":1056,"_692":722,"_41":42,"_40":1057,"_694":123,"_38":1058,"_13":1059,"_34":20,"_35":1060,"_24":25,"_699":-5,"_793":1061,"_27":1062},{"_43":1045,"_32":1046,"_30":1047,"_692":722,"_41":42,"_40":1048,"_694":25,"_38":1049,"_13":1050,"_34":20,"_35":1051,"_24":25,"_699":-5,"_793":1052,"_27":1053},{"_43":1036,"_32":1037,"_30":1038,"_692":722,"_41":42,"_40":1039,"_694":25,"_38":1040,"_13":1041,"_34":20,"_35":1042,"_24":25,"_699":-5,"_793":1043,"_27":1044},{"_43":1028,"_32":1029,"_30":1030,"_692":722,"_41":42,"_40":1031,"_694":123,"_38":1032,"_13":1015,"_34":20,"_35":1033,"_24":25,"_699":-5,"_793":1034,"_27":1035},{"_43":1019,"_32":1020,"_30":1021,"_692":722,"_41":42,"_40":1022,"_694":25,"_38":1023,"_13":1024,"_34":20,"_35":1025,"_24":25,"_699":-5,"_793":1026,"_27":1027},{"_43":1010,"_32":1011,"_30":1012,"_692":722,"_41":42,"_40":1013,"_694":123,"_38":1014,"_13":1015,"_34":20,"_35":1016,"_24":25,"_699":-5,"_793":1017,"_27":1018},{"_43":1001,"_32":1002,"_30":1003,"_692":722,"_41":42,"_40":1004,"_694":123,"_38":1005,"_13":1006,"_34":20,"_35":1007,"_24":25,"_699":-5,"_793":1008,"_27":1009},{"_43":992,"_32":993,"_30":994,"_692":722,"_41":42,"_40":995,"_694":25,"_38":996,"_13":997,"_34":20,"_35":998,"_24":25,"_699":-5,"_793":999,"_27":1000},{"_43":983,"_32":984,"_30":985,"_692":722,"_41":42,"_40":986,"_694":123,"_38":987,"_13":988,"_34":20,"_35":989,"_24":25,"_699":-5,"_793":990,"_27":991},{"_43":975,"_32":976,"_30":977,"_692":722,"_41":42,"_40":978,"_694":123,"_38":979,"_13":723,"_34":20,"_35":980,"_24":25,"_699":-5,"_793":981,"_27":982},{"_43":967,"_32":968,"_30":969,"_692":722,"_41":42,"_40":970,"_694":123,"_38":971,"_13":61,"_34":20,"_35":972,"_24":25,"_699":-5,"_793":973,"_27":974},{"_43":959,"_32":960,"_30":961,"_692":722,"_41":42,"_40":962,"_694":25,"_38":963,"_13":946,"_34":20,"_35":964,"_24":25,"_699":-5,"_793":965,"_27":966},{"_43":950,"_32":951,"_30":952,"_692":722,"_41":42,"_40":953,"_694":25,"_38":954,"_13":955,"_34":20,"_35":956,"_24":25,"_699":-5,"_793":957,"_27":958},{"_43":941,"_32":942,"_30":943,"_692":722,"_41":42,"_40":944,"_694":25,"_38":945,"_13":946,"_34":20,"_35":947,"_24":25,"_699":-5,"_793":948,"_27":949},{"_43":932,"_32":933,"_30":934,"_692":722,"_41":42,"_40":935,"_694":123,"_38":936,"_13":937,"_34":20,"_35":938,"_24":25,"_699":-5,"_793":939,"_27":940},{"_43":923,"_32":924,"_30":925,"_692":722,"_41":42,"_40":926,"_694":25,"_38":927,"_13":928,"_34":20,"_35":929,"_24":25,"_699":-5,"_793":930,"_27":931},{"_43":915,"_32":916,"_30":917,"_692":722,"_41":42,"_40":918,"_694":123,"_38":919,"_13":801,"_34":20,"_35":920,"_24":25,"_699":-5,"_793":921,"_27":922},{"_43":907,"_32":908,"_30":909,"_692":722,"_41":42,"_40":910,"_694":123,"_38":911,"_13":723,"_34":20,"_35":912,"_24":25,"_699":-5,"_793":913,"_27":914},{"_43":898,"_32":899,"_30":900,"_692":722,"_41":42,"_40":901,"_694":25,"_38":902,"_13":903,"_34":20,"_35":904,"_24":25,"_699":-5,"_793":905,"_27":906},{"_43":889,"_32":890,"_30":891,"_692":722,"_41":42,"_40":892,"_694":25,"_38":893,"_13":894,"_34":20,"_35":895,"_24":25,"_699":-5,"_793":896,"_27":897},{"_43":881,"_32":882,"_30":883,"_692":722,"_41":42,"_40":884,"_694":123,"_38":885,"_13":801,"_34":20,"_35":886,"_24":25,"_699":-5,"_793":887,"_27":888},{"_43":873,"_32":874,"_30":875,"_692":722,"_41":42,"_40":876,"_694":123,"_38":877,"_13":723,"_34":20,"_35":878,"_24":25,"_699":-5,"_793":879,"_27":880},{"_43":864,"_32":865,"_30":866,"_692":722,"_41":42,"_40":867,"_694":25,"_38":868,"_13":869,"_34":20,"_35":870,"_24":25,"_699":-5,"_793":871,"_27":872},{"_43":855,"_32":856,"_30":857,"_692":722,"_41":42,"_40":858,"_694":123,"_38":859,"_13":860,"_34":20,"_35":861,"_24":25,"_699":-5,"_793":862,"_27":863},{"_43":847,"_32":848,"_30":849,"_692":722,"_41":42,"_40":850,"_694":123,"_38":851,"_13":61,"_34":20,"_35":852,"_24":25,"_699":-5,"_793":853,"_27":854},{"_43":714,"_32":715,"_30":716,"_692":-5,"_41":42,"_40":717,"_694":123,"_38":844,"_13":61,"_34":706,"_35":-5,"_24":25,"_699":-5,"_793":845,"_27":846},{"_43":835,"_32":836,"_30":837,"_692":716,"_41":42,"_40":838,"_694":123,"_38":839,"_13":801,"_34":840,"_35":841,"_24":25,"_699":-5,"_793":842,"_27":843},{"_43":708,"_32":709,"_30":710,"_692":-5,"_41":42,"_40":711,"_694":123,"_38":832,"_13":61,"_34":706,"_35":-5,"_24":25,"_699":-5,"_793":833,"_27":834},{"_43":824,"_32":825,"_30":826,"_692":710,"_41":42,"_40":827,"_694":123,"_38":828,"_13":728,"_34":809,"_35":829,"_24":25,"_699":-5,"_793":830,"_27":831},{"_43":816,"_32":817,"_30":818,"_692":710,"_41":42,"_40":819,"_694":123,"_38":820,"_13":61,"_34":809,"_35":821,"_24":25,"_699":-5,"_793":822,"_27":823},{"_43":701,"_32":702,"_30":703,"_692":-5,"_41":42,"_40":704,"_694":123,"_38":813,"_13":61,"_34":706,"_35":-5,"_24":25,"_699":-5,"_793":814,"_27":815},{"_43":805,"_32":806,"_30":807,"_692":703,"_41":42,"_40":704,"_694":123,"_38":808,"_13":61,"_34":809,"_35":810,"_24":25,"_699":-5,"_793":811,"_27":812},{"_43":796,"_32":797,"_30":798,"_692":703,"_41":42,"_40":799,"_694":25,"_38":800,"_13":801,"_34":20,"_35":802,"_24":25,"_699":-5,"_793":803,"_27":804},{"_43":690,"_32":691,"_30":128,"_692":-5,"_41":42,"_40":693,"_694":25,"_38":792,"_13":696,"_34":697,"_35":698,"_24":25,"_699":45,"_793":794,"_27":795},["D",1789538097400],"children",[],[691],"f394542a-16f3-4fde-b756-c3296ac30622","shell.css","7ed9c192-b145-11f1-936f-1607ee4eb77e",987,["D",1789538033006],5,"/* ============================================================\n LS&D TOOL SHELL v1 (2026-09-15)\n One title bar, one page width, one footer for every tool on\n lsd-tools.val.run (and the Portfolio Site Builder val).\n Served at https://lsd-tools.val.run/shell.css and injected by the\n router into every fragment. Full-document tools link it by hand.\n Spec + rules: workspace Departments/career-services/reference/\n tool-shell-standard.md. Change this file, not the tools.\n ============================================================ */\n@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;600;700&family=Montserrat:wght@400;500;600;700&display=swap');\n\n:root {\n --lsd-navy: #223A4C;\n --lsd-teal: #1FC3CC;\n --lsd-sky: #8FE8ED;\n --lsd-cream: #F7E4D6;\n --lsd-bg: #F4F8FA;\n --lsd-ink-soft: #4A5E70;\n --lsd-ink-faint: #7E8F9D;\n --lsd-sienna: #AC714D;\n --lsd-soft: #F7FBFC;\n --lsd-text: #1A2E3B;\n --lsd-muted: #6B8395;\n --lsd-border: #D8E6EE;\n --lsd-width: 880px;\n /* Sidebar apps only (STAR, Question Bank, Networking Studio). The sidebar comes\n out of this extra space instead of out of the reading column. Jill's 9/16 call. */\n --lsd-width-wide: 1180px;\n}\n\nhtml, body { margin: 0; padding: 0; }\nbody {\n background: var(--lsd-bg);\n font-family: 'Montserrat', sans-serif;\n color: var(--lsd-navy);\n -webkit-font-smoothing: antialiased;\n}\n\n/* ---- Title bar: edge to edge, logo left, tool name beside it ---- */\n#lsd-bar {\n background: var(--lsd-navy);\n color: #fff;\n display: flex;\n align-items: center;\n gap: 16px;\n padding: 18px 28px;\n width: 100%;\n box-sizing: border-box;\n box-shadow: 0 2px 8px rgba(34, 58, 76, 0.18);\n font-family: 'Montserrat', sans-serif;\n}\n#lsd-bar .lsd-bar-logo {\n height: 42px;\n width: auto;\n display: block;\n flex: 0 0 auto;\n}\n#lsd-bar .lsd-bar-text { min-width: 0; flex: 1 1 auto; }\n#lsd-bar .lsd-bar-title {\n font-family: 'Josefin Sans', sans-serif;\n font-weight: 700;\n font-size: 20px;\n line-height: 1.2;\n letter-spacing: 0.2px;\n margin: 0;\n color: #fff;\n}\n#lsd-bar .lsd-bar-sub {\n font-size: 12.5px;\n line-height: 1.35;\n margin: 3px 0 0;\n color: var(--lsd-sky);\n}\n#lsd-bar .lsd-bar-right {\n margin-left: auto;\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n gap: 12px;\n font-size: 13px;\n color: #fff;\n}\n\n/* ---- Content column: one width for every tool ---- */\n.lsd-main {\n max-width: var(--lsd-width);\n margin: 0 auto;\n padding: 32px 24px 64px;\n box-sizing: border-box;\n}\n\n/* ============================================================\n INTRO SYSTEM (v2, 2026-09-16, Jill's call)\n One welcome card for every tool. Promoted from the Resume\n Professional Summary Coach, which was the only tool with the\n full treatment. ALWAYS used: .lsd-intro (the card), its h2 with\n ONE accent, and .lsd-lede. OPTIONAL, used only when the\n tool genuinely needs explaining: .lsd-framing, .lsd-steps,\n .lsd-tip, .lsd-btn-row. Do not add a step list a tool doesn't\n really have. Spec: tool-shell-standard.md section 3a.\n ============================================================ */\n.lsd-intro {\n background: #FFFFFF;\n border-radius: 16px;\n padding: 40px 44px;\n box-shadow: 0 6px 24px rgba(34, 58, 76, 0.08);\n border-left: 4px solid var(--lsd-teal);\n margin: 0 0 28px;\n box-sizing: border-box;\n}\n.lsd-intro > h2 {\n font-family: 'Josefin Sans', sans-serif;\n font-weight: 700;\n font-size: 26px;\n line-height: 1.25;\n letter-spacing: 0.3px;\n color: var(--lsd-navy);\n margin: 0 0 12px;\n text-align: left;\n}\n.lsd-intro > h2 span { color: var(--lsd-teal); }\n/* Bare

gets lede styling too, so a tool reads correctly before its\n markup is updated and a missing class never ships an unstyled paragraph. */\n.lsd-intro .lsd-lede,\n.lsd-intro > p {\n font-size: 15px;\n line-height: 1.7;\n color: var(--lsd-text);\n margin: 0 0 20px;\n}\n.lsd-intro .lsd-lede:last-child,\n.lsd-intro > p:last-child { margin-bottom: 0; }\n\n/* Optional: the labelled \"how this works\" box (sienna stripe) */\n.lsd-intro .lsd-framing {\n background: var(--lsd-soft);\n border-radius: 10px;\n padding: 20px 22px;\n margin: 0 0 24px;\n border-left: 3px solid var(--lsd-sienna);\n}\n.lsd-intro .lsd-framing h3 {\n font-family: 'Josefin Sans', sans-serif;\n font-size: 13px;\n font-weight: 700;\n color: var(--lsd-sienna);\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin: 0 0 10px;\n}\n.lsd-intro .lsd-framing p { font-size: 13px; line-height: 1.7; color: var(--lsd-text); margin: 0 0 8px; }\n.lsd-intro .lsd-framing p:last-child { margin-bottom: 0; }\n.lsd-intro .lsd-framing strong { color: var(--lsd-navy); font-weight: 700; }\n\n/* Optional: numbered steps, teal circles */\n.lsd-intro .lsd-steps { list-style: none; margin: 20px 0 28px; padding: 0; counter-reset: lsdstep; }\n.lsd-intro .lsd-steps li {\n font-size: 14px;\n color: var(--lsd-text);\n line-height: 1.6;\n padding: 10px 0 10px 38px;\n position: relative;\n border-bottom: 1px solid var(--lsd-border);\n}\n.lsd-intro .lsd-steps li:last-child { border-bottom: none; }\n.lsd-intro .lsd-steps li::before {\n content: counter(lsdstep);\n counter-increment: lsdstep;\n position: absolute;\n left: 0;\n top: 12px;\n width: 26px;\n height: 26px;\n background: var(--lsd-teal);\n color: var(--lsd-navy);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Josefin Sans', sans-serif;\n font-weight: 700;\n font-size: 13px;\n}\n\n/* Optional: cream heads-up note */\n.lsd-intro .lsd-tip {\n background: var(--lsd-cream);\n border-radius: 8px;\n padding: 12px 16px;\n font-size: 12px;\n color: var(--lsd-sienna);\n line-height: 1.6;\n margin: 0 0 14px;\n}\n.lsd-intro .lsd-tip strong { color: var(--lsd-sienna); font-weight: 700; }\n\n/* Optional: the intro's own buttons */\n.lsd-intro .lsd-btn-row { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 20px; }\n.lsd-intro .lsd-btn {\n border: none;\n border-radius: 40px;\n font-family: 'Josefin Sans', sans-serif;\n font-weight: 700;\n letter-spacing: 1.2px;\n text-transform: uppercase;\n cursor: pointer;\n padding: 12px 26px;\n font-size: 12px;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n transition: opacity 0.2s, transform 0.1s;\n}\n.lsd-intro .lsd-btn:hover:not(:disabled) { opacity: 0.9; }\n.lsd-intro .lsd-btn:active:not(:disabled) { transform: translateY(1px); }\n.lsd-intro .lsd-btn-teal { background: var(--lsd-teal); color: var(--lsd-navy); }\n.lsd-intro .lsd-btn-ghost {\n background: transparent;\n border: 1.5px solid var(--lsd-border);\n color: var(--lsd-muted);\n padding: 10px 22px;\n}\n.lsd-intro .lsd-btn-ghost:hover { border-color: var(--lsd-teal); color: var(--lsd-navy); }\n\n/* ---- Footer: one line, every tool ---- */\n#lsd-footer {\n max-width: var(--lsd-width);\n margin: 0 auto;\n padding: 20px 24px 32px;\n text-align: center;\n font-size: 12px;\n color: var(--lsd-ink-faint);\n font-family: 'Montserrat', sans-serif;\n}\n#lsd-footer a { color: inherit; text-decoration: none; }\n#lsd-footer a:hover { text-decoration: underline; }\n\n/* ---- Wide column: sidebar apps only ----\n STAR Story Builder, ID Interview Question Bank, Networking Message Studio.\n Their left nav eats 230-270px, so at 880px the reading pane drops to ~600px.\n The bar, gutters and footer are unchanged; only the column is wider. */\n.lsd-main--wide { max-width: var(--lsd-width-wide); }\n.lsd-main--wide ~ #lsd-footer,\n#lsd-footer.lsd-footer--wide { max-width: var(--lsd-width-wide); }\n@media (max-width: 1240px) {\n .lsd-main--wide { max-width: 100%; }\n}\n\n/* ---- Phone ---- */\n@media (max-width: 640px) {\n #lsd-bar { padding: 12px 16px; gap: 12px; }\n #lsd-bar .lsd-bar-logo { height: 32px; }\n #lsd-bar .lsd-bar-title { font-size: 16px; }\n #lsd-bar .lsd-bar-sub { font-size: 11.5px; }\n #lsd-bar .lsd-bar-right { font-size: 12px; gap: 8px; }\n .lsd-main { padding: 20px 16px 48px; }\n .lsd-intro { padding: 28px 24px; border-radius: 14px; }\n .lsd-intro > h2 { font-size: 22px; }\n .lsd-intro .lsd-framing { padding: 16px 18px; }\n}\n@media (max-width: 420px) {\n #lsd-bar .lsd-bar-sub { display: none; }\n}\n@media print {\n #lsd-bar { box-shadow: none; -webkit-print-color-adjust: exact; print-color-adjust: exact; }\n}\n",[],[702,797],"10a64531-39b4-45ee-bd88-065a60190e2a","logo.ts","72ff1868-b145-11f1-b693-1607ee4eb77e",["D",1789504726522],"script","// LS&D white wordmark, 1000x199 PNG (4 KB). The ONE logo every tool uses,\n// served by the router at /lsd-logo-white.png (see main.ts). Added 2026-09-15\n// with the tool shell standard (Departments/career-services/reference/\n// tool-shell-standard.md). Was previously inlined as base64 in every fragment\n// in three different byte variants plus a 167 KB original.\nexport const LSD_LOGO_WHITE_B64 =\n \"iVBORw0KGgoAAAANSUhEUgAAA+gAAADHAgMAAAD335EJAAAADFBMVEXs8fT5+/zx9Pb////S35OIAAAAA3RSTlMAeNZyIEDBAAAPk0lEQVR42u2dPa/kyHWGX5KaS0AMmOwq2BswNRyofgJpGLADJ2Ngb7LJRlYgBfcnkHKq5AbrQJmCXUNqBevQH8AWoV9AR0oZjAVoFagh0AJn3OSroD5Y/Gj2NSDY6K4uYBY7nG52PayqU+85daoI3Mu93Mu93Mu93Mu93Mu9/H+VH5HjFz6CB1+TJF88RH8mSXIsvCOPya8Q/Ih85x265BdqvI++kT+a1pZsfGt009gJ3/tFnrA1hp70y9A9TyNc+NXjQ9voQMzeKyPnzuZ+2fiyc//Cyqf+7srXzOn9t2/fx7mu6/xBFzPWgCeP9EyzLW98GOpzEZP7I2qSRQfP/DHxojunan0b6oh59HSoI/RGysbD4oI/s1vWn3Xeb97KrYxa6Qu6bBAsJ3Y/yAMWSOcTufBkYo9GQNReaprkBJRz9JS1NwZeVgt0P8Jz+RFYdHBflGzZIljoOV+ULGuE9FLEB6xW6JEfIaqI6o+H/ks8qj8eoqeDt+jZCUgGL71W0auW9xA9P26hD54oGmQnL9Glv+hs1HifX/QBPWDtK3rICshX6D4E5yIWQN75iB4TvqInBFAevUQfN9F9MHOpx+gDAHn0UdJkJ63o/EMXHqP3ANj66LR6jJ532oWZq1uP0XtP0IPl6qIn6McN9MgLdNFuovuw+vJJAYRLdH9yozfQ/ckZrJaerC/o0Rq99RU99Rm98QZ9kR+ceZJBtYEufEb3ZRtEvET3Z/NLvMwGLv+c6cFv/o8ogj8LuiSA4PC/O7HjO9+x/zvrM+nGZ9UEEnzqfFx/++O3huTpafGlJ/1Pb4rN3wkL871PN+v38T+9dW7z5tNtdI4AMu2+/XCz8werq6n19gKStOG9tLAP1K5sKLGoU3jU1hv9MRMXDyT524UBUgcr5CTJI4CQdM4ZiCstTUmSaqIiaSTKozl9RfknYjyDPqiaqq/UwL+t0LOV1E1P2+hZNaGbepxm6DUApM0MPSM5M7YBqQ4VmKNPu3HTeg89kKZKsgeAXFUvWSwzBTwBMd9L9Ys1Av2BjwA8qNYRF9HNTfPGQdfPgxutfnTRA7fBtLgm2azRbV/L2j30xF7NnQewQg/ZAymrvAAeyQbRqPtMj0DfqjwCWfeaVi9bB11PHUo3zNFPLnpMQzrJLJL1Gt3WXTfGGfRn5yqAQDtoS/SIHSBGlAVQkoVGD8gRj/ox82if3Ab6t4fD4edm9Jj+IT8cDI26Nu/wdNEF+dUvZ8Kq5BePrAD85eGX/PbffwYg5LeHaVToJIHgcJAfDgcAyMbD4aCNNTke1G6mhAUQ6oos0WMeAXmCBAK+/8psB8vIEc86WMt2Gbd10d1BarukbK1LqK4t0GsHveQ74Nm9jeyB52Jmm0JWyGzXkCc33oj5Vq6QLPAwqG/X+j8b6AmPALuHEYjYAHg8qep8+Hmge1jAFonp0y976NMDkg0CHf5RXW/e4VVPUOhq+Wc2i7C1U3fkoE+nbEwrRhb95CB12lapbyR65C3T5lI2CNmKXi+/o+zNg4tGwQKqw6S9qnp03EOPbJVkY8eI6qYL9NOEHq4iZIEz8F10M2gRTKN+o9UdaR7wCGT6w0v0jDVi/oYtkA0AAvYAEvZA2mUsACRskHeqCskuemKrJBsg18OF7RqdE3qy8prdIJqLDtmZi9xp9XycDx09t63QBSskyhqLkz2uRbABRJOwAlCyhmxog7rn0VN7xI9s9P0ANSct0WuLnq6ciLPohjN2DN661V2LXA66H2+g5yyQqdrlJwAZO3NwiSxi1kBIVgErbZSrPfTMVkk2tiGUxViitxY9WyW0nOvwljMZ7MPZaHU32ChGI+nW6CUBoQ6ekycAJTs9lsIREWvgkayiUSmTgLsWXvy3qZKL/jWrJfrI3qKvstmmMb1CN+3X273o61Z3HxxSFtY4LtHlCIhRWbMBCPj5UeucpFc2X/6RRTIodLMR+gx62ZqfcdF/wnYlacoptyVfrwM4C0KbrS6OVjutW30Wbo9ZmbnNqTTszJKP1kbFgzjqGS9rEbJFyH9kkfUK3Wi6M+iyle16rP+K/QpdsDLo5ToYLqebztDNaUKizY9nWz2azzmNmdvW6CdlC4CMBLJOHHWoMq8RssXjEBHiCBYARLOLztrURLbWvLCW4wo9YavWANdpHgAE+20Lr4HLxpKu0WfBmIBtamzJIjE6YgeUWsWwgmxEq2dGKjEj24goG9Xq6wcY8HA4HCrzGEwGrjuv14LVEj1gv4P+ODlpm/M6a1sBiz4eDj/8xdo3lZ0YttGNjgXAz9kELESrNnaHAxDwGLKKCFYggHA84740Ju6XDbbVjVRhnbBduS/luIMeTp6Kix4bS8LKilKLbt2bOXp5MnPbEj1hq5snGlN28QmiVbYv6YGAx2xAzIAFWKhrm+itcUxN75ItHo2Gr0P2K/SMlUHfWAeQ1pOb0F/wrC+GnPjW6MkMXYxGBy3RU5qemfYx++wI0QI8afHCY9kiHqNR9XV75sE2ejLY35VTZIE15LhCj9k66OHk/BnN0i/RJzc4GqfA8hn0T4wXl06RgAW6GtU9ANGGHMsGolVitqwA8A+skIzJoCIOdhP0dofPTtbGzP11wWqJHrJ30GMuMnqeTY+foetr8TCtmp5BF07Yot5Gz1noVpc1JFlAqFGqxAv/ZwCSMe0BFtNQX/nr6gmL3lbJjdLUSNisQhVydMb6Cj0wunCG3k+/boBcM3eYzJygNonRpHkX6CW16I0JlBwA0SLmEdGgROgRSAZxBFjgsd/31/OjlVJObI41QnYrdMFqB92eejlDb6aJzBjHrcnNRQ8mT2eBroKSvbqesQOECjKknXU4kyFvAVk4x5tso8sPh4MGnqNDjiv0hFqXyOMWurHmM3Td0uLD4WDmubWai1k4HR7Sytf51heVL1ieAPlO55aIFoINysZ+Lx1kDcjCoTyDbgJpgGxNpAKsAcG/XaKH7BV62QHB0+enbR3vTG5/Y2hykubuZ9TcmyfbLfptdDX35oM6djHkCRBHlGz0Bn/ZKUtRAbJydsNuoiuL1xvE8jShJ/z1KiwpR43eb6hMq9zced3gStL2ki0N37hy4Ry6SqTJR2QsgIgjII4B2eidrzwqdAB55Xx1E13NPyeDqAP/0I7vCl1Q0alIwgq9XKPbh+kEgbc8t3aG3m2jqwhJxh+zN8GTrEvIRp3NprKrVFxO/JfjDG6iR06VZGtDEKwByDV6ogeH8tdfg64fZsDfHQ5fj+f99e416CqvINU2Kf89C6RjSf5GYWa61VUMY7wQkY1Hs9MCkA1i/S+sAYg1eqjRU768El0/zIiOXN2K0gyvQVdxx1jJj4B/p6JVv7bdU7d6Z8J1u+jpABv+lK2Nn7J2onbuEoTUEXq2rxzridKH0ei4phut/sxiG72bKxptnzoA0RixRkz+tbafITV0CyAYqwvo2WlyGWU7BaNrAOEGuqCOyL5foAcvU/K6i66i5WoHfrhE752u3L4CXU96qvHTPmSDgL2RUsmgLXyzt+ZWzW4dqcl35rRiOttNL0Gc4GTsSb7M9Ub0Hoj1j8ZrpzXtnTDUBnrCEQiMbz8Bz8JBwSw1WLQBW+D5BeV7fUF2W4kYQDoaLz3gP/9AK8iymw7jli2gHWX1bMS61R80es7x6TNX0iT8GZ71I41noYp+gtGtasI12fiDf/jpT190Z33/9DX30efRf1mZXvax9kFeZIf1mSbaMCpdGUwrfqoytD6JDrWqVk82lht1wzw6k6K5+++tlzaLzQ0TrQ5WzdwXIyrcpdt8Gz12l3bDcbE7JBqVpAn+9XXoWkrYNlFRfI2uj8OZoc/WS/vFGvOwEaDKOC3naqmyhZ69An02iuN+gZ72drnjNeg63VyJM9mYNTzjY32zGutmKUctCjfzSAU7rDu8epjq8emg5xZ66L7Y5UyHn501lx4X6GV7Fj3bQNeHlarlJtlaWaV/4/vrVg81+sMsWUQ3e7WBrmyo+icdCttCh+D0XhcH/bia28xn6vnGmIDVWfQ3T09PT08FADw9/f3T0xOAQKUCqZydjwubxHNQj/+7jhX57pfqNv+ib/e9wy/mlvST//jSZhiZxKLC+ctUPnrr1sjkJX32wb7E6c3bTXTprkeUxXzhIh7mazhXX2bos7ltXCTLZ916A+xVF3etI3QbNTwt4rhlc2Ot7qLP5raot76HHurFDaMnbv+Oj3bCsEP9dtGFq1DjFjODnnW3jD47MzlpbZaVHeq4qc0hLvosFy5pZ71ABeduC70947zE3YM71z0MU5jr9tCjubMyf5dj0t8y+szAI5zraNEu01JuCV3MQxDPH4q5837D6OXO+RxqZTG8AXS71cLNYdjbuB73N4L+ML2RdUIP9/RKqoOlV78Hblp3dNDjvSbNa0zh1WsuziacCT3b2+Ami9tAD6bsDgdd7By2Fgy4DfSI7x7dlOUNGbtp5eyy2fWWmFXwDRbo4d4ZFek7/cVr3/SZsMBfLNF3rZxOCE2uH93dFmCA08tWbpF9dzPo+Z6VM7tFbhN9z8pFJkHt6k/cdK2VQQ/3/NHE5uFdO7qbHC9rXJ63Mv18xNUfQOh6IUak7DZorh+LuP6j6BxHxaCXe1TSpB1fP7pj0jR6sCdoAtPP8+s/j80Zsxo92hvqoSEurx89Y4GHL1303RnbGPiza8xXVJ5ZmRQjjb7bnmm7thFXO6+zNdkFCn0/ymzf83f9sWhBdmZhXaE/7HqjeWH8/KtHJ+VgQrE6EWVXpn2zoQeuVdF02WgUrELfN92DVYHXHqRJWMWsTJ5ydbE5wxNeIXavY2obEfI/TXZ6dTEEEXVOiOP6BQ3/qCdyVhdVWnzErbjrogdKE41Wie+7ljttcCs+a94Bmd1wV1zsyFmNW/FZ885s4tDoF5CEPQLjdAvoNvQsi4tKJS9uRsLnPaZjOsrLhrvEzUh4cXJEzEf7Acm5mLt+CT/OXmcUX5Knk5i7+tX1lC/u+T3P4wWhcjtiDgnf49musD9cOg8+sKcyXP8xqyFJDiY/Sl5qS4ue3cArvyTJrlTIjxdf/RCaXpHfwGuABMmXR74H8AkvDuDIHpJ4A+/HeCAHhORv/+qzxf6aXfSbeEnE9w5vzTmbl8evcdzC28kSfSDnabAX0OMbOj39keSXlz8Wm+PZvDk9fdXqYoSv6HLwFT3w5i1Aq8kt9ualKA66au2ML96h6yVmf94RsUT35I30W6GK2EMrpzNphDfvP3JLWQEBPRzqap/Xo5dDHclYPNDDWd26eD72d/XalB5eFvEqv/42Rc10qsu93Mu93Mu93Mu93Mu93Fr5E5og7jLII0rcAAAAAElFTkSuQmCC\";\n",[],[702,806],["D",1789504726522],[789,790],[702],"bc18c686-3f12-419e-9602-4ca351d11abe","studio-v2-patches.ts","eead9b88-826a-11f1-b344-1607ee4eb77e",199,["D",1784353120699],"// Scenario Studio v2 (map canvas + epilogue + Rise export + logging) as\n// find/replace patches applied by main.ts over apps/scenario-studio.html.\n// Canonical merged file: workspace Tools/Interactive Apps/scenario-studio.html\n// (collapse these into the .html file whenever a bulk upload path exists).\nexport const STUDIO_V2_PATCHES: [string, string][] = [\n [\"#scenario-studio .mode-card p { font-size: 12px !important; color: #5a7383 !important; line-height: 1.55 !important; }\\n\\n#scenario-studio .pattern-pill {\\n display: inline-block !important; padding: 8px 15px !important; border-radius: 30px !important; margin: 0 8px 8px 0 !important;\\n\", \"#scenario-studio .mode-card p { font-size: 12px !important; color: #5a7383 !important; line-height: 1.55 !important; }\\n\\n/* scenario map */\\n#scenario-studio .map-col { display: flex !important; flex-direction: column !important; align-items: stretch !important; max-width: 640px !important; margin: 14px 0 0 !important; }\\n#scenario-studio .map-arrow { text-align: center !important; color: #1FC3CC !important; font-size: 18px !important; line-height: 1.4 !important; }\\n#scenario-studio .map-block { background: #ffffff !important; border: 2px solid #d0dde5 !important; border-radius: 12px !important; padding: 14px 16px !important; }\\n#scenario-studio .map-block .hint { margin: 4px 0 8px !important; }\\n#scenario-studio .map-conversation { border-color: #1FC3CC !important; background: #e9fafb !important; }\\n#scenario-studio .map-decision { border-color: #AC714D !important; background: #fdf3ec !important; }\\n#scenario-studio .map-epilogue { border-color: #223A4C !important; background: #eef3f6 !important; }\\n#scenario-studio .map-block-head { display: flex !important; justify-content: space-between !important; align-items: center !important; }\\n#scenario-studio .map-block-head b { font-family: 'Josefin Sans', sans-serif !important; font-size: 14px !important; }\\n#scenario-studio .map-tools button, #scenario-studio .map-x {\\n background: transparent !important; border: 1px solid #d0dde5 !important; border-radius: 6px !important;\\n cursor: pointer !important; font-size: 12px !important; color: #5a7383 !important; padding: 2px 8px !important; margin-left: 4px !important;\\n}\\n#scenario-studio .map-tools button:hover, #scenario-studio .map-x:hover { border-color: #1FC3CC !important; color: #0d6e74 !important; }\\n#scenario-studio .dec-opt { margin-top: 8px !important; padding: 8px !important; background: rgba(255,255,255,0.7) !important; border-radius: 8px !important; }\\n#scenario-studio .skipnote { background: #f4f8fa !important; border: 1.5px dashed #d0dde5 !important; border-radius: 12px !important; padding: 18px 22px !important; font-size: 13.5px !important; color: #5a7383 !important; }\\n\\n#scenario-studio .pattern-pill {\\n display: inline-block !important; padding: 8px 15px !important; border-radius: 30px !important; margin: 0 8px 8px 0 !important;\\n\"],\n [\"(function() {\\n var API = 'https://jill1--9c0cd124824611f1b3341607ee4eb77e.web.val.run';\\n var STORE_KEY = 'aida_scenario_studio_v1';\\n var ENGINE = 'https://jill1--e015758e820e11f1a4df1607ee4eb77e.web.val.run';\\n\\n\", \"(function() {\\n var API = 'https://jill1--9c0cd124824611f1b3341607ee4eb77e.web.val.run';\\n var STORE_KEY = 'aida_scenario_studio_v2';\\n var ENGINE = 'https://jill1--e015758e820e11f1a4df1607ee4eb77e.web.val.run';\\n\\n\"],\n [\" ];\\n\\n var STEPS = ['Mode', 'Situation', 'Character', 'Behavior', 'What Good Looks Like', 'Playtest', 'Theme', 'Publish'];\\n\\n var PATTERNS = [\\n\", \" ];\\n\\n var STEPS = ['Map', 'Mode', 'Situation', 'Character', 'Behavior', 'What Good Looks Like', 'Playtest', 'Theme', 'Publish'];\\n\\n var PATTERNS = [\\n\"],\n [\" difficultyOn: false,\\n theme: {}, headerTitle: '', logoOff: false,\\n simId: '', editToken: '', published: false, sceneReady: false\\n },\\n\\n init: function() {\\n this.loadState();\\n this.render();\\n },\\n save: function() { try { localStorage.setItem(STORE_KEY, JSON.stringify(this.state)); } catch(e) {} },\\n\", \" difficultyOn: false,\\n theme: {}, headerTitle: '', logoOff: false,\\n simId: '', editToken: '', published: false, sceneReady: false,\\n // Scenario map (the planning layer; one decision layer max)\\n map: null, // { blocks: [{kind, note, ...}] }; null until touched\\n decision: null, // { varName, prompt, options:[{label, correct, feedback}] }\\n epi: null, // { premise, takeaways, length, inputs:[{var, means, values}] }\\n packaging: 'storyline', // storyline | rise (self-contained)\\n askName: true, completionCode: '',\\n logResults: false,\\n epiSimId: '', epiEditToken: ''\\n },\\n\\n init: function() {\\n this.loadState();\\n this.render();\\n // Playtest helper: an epilogue has nothing to read outside a course, so\\n // when the playtest iframe announces ready we feed it SAMPLE choices\\n // (the first value of each input) to generate a real ending.\\n var self = this;\\n window.addEventListener('message', function(e) {\\n if (!e.data || e.data.type !== 'lsdsim:ready') return;\\n if (!self.isEpilogueOnly()) return;\\n var frame = document.querySelector('.playtest-frame');\\n if (!frame || !frame.contentWindow) return;\\n var vars = { LearnerName: 'Alex' };\\n var ins = (self.state.epi && self.state.epi.inputs && self.state.epi.inputs.length) ? self.state.epi.inputs : self.epiAutoInputs();\\n ins.forEach(function(inp) {\\n var keys = inp.values ? Object.keys(inp.values) : [];\\n vars[inp.var] = keys.length ? keys[0] : 'sample';\\n });\\n try { frame.contentWindow.postMessage({ type: 'lsdsim:init', vars: vars }, '*'); } catch(err) {}\\n });\\n },\\n save: function() { try { localStorage.setItem(STORE_KEY, JSON.stringify(this.state)); } catch(e) {} },\\n\"],\n [\" tabs.innerHTML = html;\\n var body = document.getElementById('ss-body');\\n var fn = ['rMode', 'rSituation', 'rCharacter', 'rBehavior', 'rGood', 'rPlaytest', 'rTheme', 'rPublish'][this.state.step];\\n body.innerHTML = this[fn]();\\n var post = ['pMode', null, null, null, null, 'pPlaytest', 'pTheme', 'pPublish'][this.state.step];\\n if (post && this[post]) this[post]();\\n },\\n\\n // ── STEP 0: MODE ──\\n rMode: function() {\\n var s = this.state;\\n var cards = [\\n\", \" tabs.innerHTML = html;\\n var body = document.getElementById('ss-body');\\n var fn = ['rMap', 'rMode', 'rSituation', 'rCharacter', 'rBehavior', 'rGood', 'rPlaytest', 'rTheme', 'rPublish'][this.state.step];\\n body.innerHTML = this[fn]();\\n var post = [null, 'pMode', null, null, null, null, 'pPlaytest', 'pTheme', 'pPublish'][this.state.step];\\n if (post && this[post]) this[post]();\\n },\\n\\n // ── STEP 0: MAP (the planning layer) ──\\n defaultMap: function() {\\n return { blocks: [\\n { kind: 'content', note: 'Set the scene: who the learner is, what just happened' },\\n { kind: 'conversation' }\\n ] };\\n },\\n getMap: function() {\\n if (!this.state.map || !Array.isArray(this.state.map.blocks)) this.state.map = this.defaultMap();\\n return this.state.map;\\n },\\n mapCounts: function() {\\n var c = { content: 0, conversation: 0, decision: 0, epilogue: 0 };\\n this.getMap().blocks.forEach(function(b) { c[b.kind] = (c[b.kind] || 0) + 1; });\\n return c;\\n },\\n isEpilogueOnly: function() {\\n var c = this.mapCounts();\\n return c.epilogue > 0 && c.conversation === 0;\\n },\\n hasConversation: function() { return this.mapCounts().conversation > 0; },\\n hasEpilogue: function() { return this.mapCounts().epilogue > 0; },\\n hasDecision: function() { return this.mapCounts().decision > 0; },\\n\\n addBlock: function(kind) {\\n var m = this.getMap(), c = this.mapCounts();\\n if (kind === 'conversation' && c.conversation >= 1) {\\n this.mapCoach('One live conversation per scene is the sweet spot. If your story truly needs a second one, build it as its own Studio sim and give it its own slide; each conversation gets its own URL.'); return;\\n }\\n if (kind === 'decision' && c.decision >= 1) {\\n this.mapCoach('One decision point is the limit, on purpose. Hiring managers do not spend a lot of time on your sample. One decision that fans into two or three endings shows your branching skills; a second layer just multiplies the slides you have to build without impressing anyone further.'); return;\\n }\\n if (kind === 'epilogue' && c.epilogue >= 1) {\\n this.mapCoach('The epilogue IS the ending; one per scenario.'); return;\\n }\\n var block = { kind: kind, note: '' };\\n if (kind === 'decision') {\\n if (!this.state.decision) this.state.decision = { varName: 'Choice_1', prompt: '', options: [ { label: '', correct: true, feedback: '' }, { label: '', correct: false, feedback: '' } ] };\\n }\\n if (kind === 'epilogue') {\\n if (!this.state.epi) this.state.epi = { premise: '', takeaways: true, inputs: null };\\n m.blocks.push(block); this.save(); this.render(); return; // always last\\n }\\n // insert before the epilogue if there is one\\n var epIx = -1;\\n m.blocks.forEach(function(b, i) { if (b.kind === 'epilogue') epIx = i; });\\n if (epIx >= 0) m.blocks.splice(epIx, 0, block); else m.blocks.push(block);\\n this.save(); this.render();\\n },\\n removeBlock: function(i) {\\n var m = this.getMap();\\n var b = m.blocks[i];\\n if (b && b.kind === 'decision') this.state.decision = null;\\n if (b && b.kind === 'epilogue') this.state.epi = null;\\n m.blocks.splice(i, 1); this.save(); this.render();\\n },\\n moveBlock: function(i, dir) {\\n var m = this.getMap(); var j = i + dir;\\n if (j < 0 || j >= m.blocks.length) return;\\n if (m.blocks[i].kind === 'epilogue' || m.blocks[j].kind === 'epilogue') return; // ending stays last\\n var t = m.blocks[i]; m.blocks[i] = m.blocks[j]; m.blocks[j] = t;\\n this.save(); this.render();\\n },\\n mapCoach: function(msg) {\\n var el = document.getElementById('map-coach');\\n if (el) el.innerHTML = '

Hold on. ' + this.esc(msg) + '

';\\n },\\n noteChanged: function(i) {\\n var el = document.getElementById('blk-note-' + i);\\n if (el) { this.getMap().blocks[i].note = el.value; this.save(); }\\n },\\n\\n decChanged: function() {\\n var d = this.state.decision; if (!d) return;\\n d.varName = (this.val('dec-var') || 'Choice_1').replace(/[^A-Za-z0-9_]/g, '');\\n d.prompt = this.val('dec-prompt');\\n for (var i = 0; i < d.options.length; i++) {\\n d.options[i].label = this.val('dec-opt-' + i);\\n d.options[i].feedback = this.val('dec-fb-' + i);\\n var r = document.getElementById('dec-cor-' + i);\\n d.options[i].correct = r ? r.checked : d.options[i].correct;\\n }\\n this.save();\\n },\\n decAddOption: function() {\\n var d = this.state.decision; if (!d || d.options.length >= 3) { this.mapCoach('Two or three ways it can go. More options means more branches to build for a sample nobody lingers on.'); return; }\\n this.decChanged(); d.options.push({ label: '', correct: false, feedback: '' }); this.save(); this.render();\\n },\\n decRemoveOption: function(i) {\\n var d = this.state.decision; if (!d || d.options.length <= 2) return;\\n this.decChanged(); d.options.splice(i, 1); this.save(); this.render();\\n },\\n draftDecision: function() {\\n var self = this; this.decChanged();\\n this.busy('map-coach', 'Drafting your decision point.');\\n this.coach('decision', {\\n situation: this.state.situation || this.state.intake,\\n sceneNotes: this.getMap().blocks.map(function(b) { return b.kind + ': ' + (b.note || ''); }).join(' | '),\\n designerIdea: this.state.decision ? this.state.decision.prompt : ''\\n }).then(function(r) {\\n if (r.pushback) { self.pushbackBox('map-coach', r.pushback); return; }\\n var d = self.state.decision;\\n d.prompt = r.prompt || d.prompt;\\n if (Array.isArray(r.options) && r.options.length >= 2) {\\n d.options = r.options.slice(0, 3).map(function(o) { return { label: o.label || '', correct: o.correct === true, feedback: o.feedback || '' }; });\\n }\\n self.save(); self.render();\\n }).catch(function(e) { self.fail('map-coach', e.message); });\\n },\\n\\n epiChanged: function() {\\n var e = this.state.epi; if (!e) return;\\n e.premise = this.val('epi-premise');\\n var t = document.getElementById('epi-take'); e.takeaways = t ? t.checked : true;\\n var box = document.getElementById('epi-inputs');\\n if (box && box.value.trim()) {\\n try { e.inputs = JSON.parse(box.value); box.style.borderColor = ''; }\\n catch(err) { box.style.borderColor = '#c0392b'; }\\n }\\n this.save();\\n },\\n epiAutoInputs: function() {\\n // Derived from the map: the decision's variable, plus the conversation's\\n // outcome variable when the mode classifies endings.\\n var ins = [];\\n var d = this.state.decision;\\n if (this.hasDecision() && d && this.state.packaging !== 'rise') {\\n var values = {};\\n (d.options || []).forEach(function(o) { if (o.label) values[o.label.toLowerCase().replace(/[^a-z0-9]+/g, '_').replace(/^_|_$/g, '').slice(0, 30)] = o.label; });\\n ins.push({ var: d.varName || 'Choice_1', means: d.prompt || 'The decision the learner made on the choice slide', values: values });\\n }\\n if (this.hasConversation() && this.state.outcomes && this.state.outcomes.length) {\\n var ov = {};\\n this.state.outcomes.forEach(function(o) { ov[o.id] = o.when; });\\n ins.push({ var: 'Practice_Outcome', means: 'How the learner handled the live conversation', values: ov });\\n }\\n return ins;\\n },\\n draftEpilogue: function() {\\n var self = this; this.epiChanged();\\n this.busy('map-coach', 'Drafting your epilogue premise.');\\n this.coach('epilogue', {\\n situation: this.state.situation || this.state.intake,\\n sceneNotes: this.getMap().blocks.map(function(b) { return b.kind + ': ' + (b.note || ''); }).join(' | '),\\n decision: this.state.decision,\\n outcomes: this.state.outcomes,\\n designerIdea: this.state.epi ? this.state.epi.premise : ''\\n }).then(function(r) {\\n if (r.pushback) { self.pushbackBox('map-coach', r.pushback); return; }\\n var e = self.state.epi;\\n e.premise = r.premise || e.premise;\\n if (Array.isArray(r.inputs) && r.inputs.length) e.inputs = r.inputs;\\n self.save(); self.render();\\n }).catch(function(e) { self.fail('map-coach', e.message); });\\n },\\n\\n rMap: function() {\\n var s = this.state, self = this;\\n var m = this.getMap();\\n var h = '

Map your scenario

'\\n + '

Lay out the arc of your scene before you build anything. The method is the product: AI blocks are options inside your scenario design, not the design itself. A strong portfolio sample is SHORT. Hiring managers do not spend a lot of time on your sample, so one contained scene that flows well beats a sprawling course every time.

'\\n + '

';\\n m.blocks.forEach(function(b, i) {\\n h += self.renderBlock(b, i);\\n if (i < m.blocks.length - 1) h += '

↓

';\\n });\\n h += '

'\\n + ''\\n + ''\\n + ''\\n + ''\\n + '

'\\n + '

The shape is yours: no branching at all is fine, and so is one decision that fans out. What the map will not let you do is nest branches inside branches; that is rabbit-hole territory for a sample.

'\\n + '

';\\n return h;\\n },\\n renderBlock: function(b, i) {\\n var self = this, s = this.state;\\n var titles = { content: 'Content slide', conversation: 'AI conversation', decision: 'Decision point', epilogue: 'Epilogue ending' };\\n var tips = {\\n content: 'A normal Storyline slide: context, information, whatever the learner needs before what comes next.',\\n conversation: 'The live AI block. You will design it step by step after this map (mode, character, behavior, scoring).',\\n decision: 'The learner makes a call. In Storyline this is normal buttons on a slide setting a variable; in a self-contained scene it happens inside the object.',\\n epilogue: 'The AI reads the choices made along the way and writes a personalized consequence story as the ending. Works even with zero other AI blocks.'\\n };\\n var h = '

' + titles[b.kind] + ''\\n + ''\\n + ''\\n + '

'\\n + '

' + tips[b.kind] + '

';\\n if (b.kind === 'content') {\\n h += '';\\n }\\n if (b.kind === 'decision' && s.decision) {\\n var d = s.decision;\\n h += '

The decision question (learner-facing)

';\\n d.options.forEach(function(o, j) {\\n h += '

'\\n + ''\\n + ''\\n + (d.options.length > 2 ? '' : '')\\n + '

';\\n });\\n h += '

'\\n + (d.options.length < 3 ? '' : '')\\n + '

'\\n + '

Storyline variable this decision sets (ignored in self-contained scenes)

'\\n + '

Mark the strong call with the radio button. Each option fans to its own consequence and they all meet at the ending; the map keeps it one layer deep on purpose.

';\\n }\\n if (b.kind === 'epilogue' && s.epi) {\\n var e = s.epi;\\n h += '

Epilogue premise (the world and time frame the ending plays out in)

'\\n + ' Add 2-3 short observations after the story'\\n + '

'\\n + '

Choices it reads (auto-built from your map; edit if your course tracks more)'\\n + '

';\\n }\\n h += '

';\\n return h;\\n },\\n mapNext: function() {\\n var c = this.mapCounts();\\n if (!c.conversation && !c.epilogue) {\\n this.mapCoach('This map has no AI block yet, so there is nothing for the Studio to build. Add an AI conversation or an epilogue ending; pure content-and-buttons scenarios are great, but you build those straight in Storyline.');\\n return;\\n }\\n if (this.hasDecision()) this.decChanged();\\n if (this.hasEpilogue()) this.epiChanged();\\n this.goStep(this.hasConversation() ? 1 : 2);\\n },\\n\\n // ── STEP 1: MODE ──\\n rMode: function() {\\n if (this.isEpilogueOnly()) {\\n return '

Skipped for this map

'\\n + '

Your map is an epilogue ending with no live conversation, so this step does not apply. The situation step gives the epilogue its context; everything else is already covered on your map.

'\\n + '

';\\n }\\n var s = this.state;\\n var cards = [\\n\"],\n [\" h += '

Also score it against a rubric (branch AND grade)

';\\n }\\n h += '

'\\n + '

Planning a full branching scenario with scripted choice slides too? That is the Storyline Scenario Builder\\\\'s job; this Studio builds the live conversation piece. They work together: plan the course there, build the conversation here, and branch on how it ends.

'\\n\", \" h += '

Also score it against a rubric (branch AND grade)

';\\n }\\n h += '

'\\n + '

'\\n\"],\n [\" + '

Describe the MOMENT it goes wrong

Not the topic. The scene. Who is standing where, saying what?

'\\n + '

What is at stake if it goes badly?

'\\n + '

';\\n\", \" + '

Describe the MOMENT it goes wrong

Not the topic. The scene. Who is standing where, saying what?

'\\n + '

What is at stake if it goes badly?

'\\n + '

';\\n\"],\n [\" stakes: this.val('inp-sc-stakes')\\n };\\n this.save(); this.goStep(2);\\n },\\n\\n // ── STEP 2: CHARACTER ──\\n rCharacter: function() {\\n var s = this.state;\\n var isWatch = s.mode === 'watch';\\n\", \" stakes: this.val('inp-sc-stakes')\\n };\\n this.save(); this.goStep(this.isEpilogueOnly() ? 6 : 3);\\n },\\n\\n // ── STEP 2: CHARACTER ──\\n rCharacter: function() {\\n if (this.isEpilogueOnly()) {\\n return '

Skipped for this map

'\\n + '

Your map is an epilogue ending with no live conversation, so this step does not apply. The situation step gives the epilogue its context; everything else is already covered on your map.

'\\n + '

';\\n }\\n var s = this.state;\\n var isWatch = s.mode === 'watch';\\n\"],\n [\" if (s.twoChars) h += this.charFields('B', isWatch ? 'The person they are dealing with' : 'The second character (when do they jump in?)', s.char2Input);\\n\\n h += '

'\\n + '

';\\n\", \" if (s.twoChars) h += this.charFields('B', isWatch ? 'The person they are dealing with' : 'The second character (when do they jump in?)', s.char2Input);\\n\\n h += '

'\\n + '

';\\n\"],\n [\" s.character = { name: this.val('inp-cname-a'), role: this.val('inp-crole-a'), persona: this.val('inp-cpersona-a'), openingLine: this.val('inp-copen'), voiceId: this.val('inp-cvoice-a') };\\n if (s.twoChars) s.character2 = { name: this.val('inp-cname-b'), role: this.val('inp-crole-b'), persona: this.val('inp-cpersona-b'), voiceId: this.val('inp-cvoice-b') };\\n this.save(); this.goStep(3);\\n },\\n\\n // ── STEP 3: BEHAVIOR (triggers + moods) ──\\n rBehavior: function() {\\n var s = this.state;\\n var mainChar = s.mode === 'watch' ? (s.character2 || s.character) : s.character;\\n\", \" s.character = { name: this.val('inp-cname-a'), role: this.val('inp-crole-a'), persona: this.val('inp-cpersona-a'), openingLine: this.val('inp-copen'), voiceId: this.val('inp-cvoice-a') };\\n if (s.twoChars) s.character2 = { name: this.val('inp-cname-b'), role: this.val('inp-crole-b'), persona: this.val('inp-cpersona-b'), voiceId: this.val('inp-cvoice-b') };\\n this.save(); this.goStep(4);\\n },\\n\\n // ── STEP 3: BEHAVIOR (triggers + moods) ──\\n rBehavior: function() {\\n if (this.isEpilogueOnly()) {\\n return '

Skipped for this map

'\\n + '

Your map is an epilogue ending with no live conversation, so this step does not apply. The situation step gives the epilogue its context; everything else is already covered on your map.

'\\n + '

';\\n }\\n var s = this.state;\\n var mainChar = s.mode === 'watch' ? (s.character2 || s.character) : s.character;\\n\"],\n [\" + '

They gradually open up or soften when the ' + (s.mode === 'watch' ? 'skilled person' : 'learner') + '...

'\\n + '

They stay closed, or get worse, when the ' + (s.mode === 'watch' ? 'skilled person' : 'learner') + '...

'\\n + '

';\\n\", \" + '

They gradually open up or soften when the ' + (s.mode === 'watch' ? 'skilled person' : 'learner') + '...

'\\n + '

They stay closed, or get worse, when the ' + (s.mode === 'watch' ? 'skilled person' : 'learner') + '...

'\\n + '

';\\n\"],\n [\" saveBehavior: function() {\\n this.state.behaviorRules = this.val('inp-rules') || this.state.behaviorRules;\\n this.save(); this.goStep(4);\\n },\\n\\n // ── STEP 4: WHAT GOOD LOOKS LIKE (mode-dependent) ──\\n rGood: function() {\\n var s = this.state;\\n var h = '

';\\n\", \" saveBehavior: function() {\\n this.state.behaviorRules = this.val('inp-rules') || this.state.behaviorRules;\\n this.save(); this.goStep(5);\\n },\\n\\n // ── STEP 4: WHAT GOOD LOOKS LIKE (mode-dependent) ──\\n rGood: function() {\\n if (this.isEpilogueOnly()) {\\n return '

Skipped for this map

'\\n + '

Your map is an epilogue ending with no live conversation, so this step does not apply. The situation step gives the epilogue its context; everything else is already covered on your map.

'\\n + '

';\\n }\\n var s = this.state;\\n var h = '

';\\n\"],\n [\" + '

Your learner watches this conversation. The premise is the arc the scene must follow; the pause points check whether they can spot the next good move while watching.

'\\n + '

In your words: what does the skilled person DO that makes this go well?

'\\n + '

';\\n if (s.premise) {\\n h += '

'\\n\", \" + '

Your learner watches this conversation. The premise is the arc the scene must follow; the pause points check whether they can spot the next good move while watching.

'\\n + '

In your words: what does the skilled person DO that makes this go well?

'\\n + '

';\\n if (s.premise) {\\n h += '

'\\n\"],\n [\" h += '

Write what a strong learner would actually SAY or DO. The coach turns it into scoring criteria and it will reject vibes: every criterion has to be observable in the learner\\\\'s own words.

'\\n + '

In your words, what separates a good run from a bad one?

'\\n + '

';\\n if (s.rubric) {\\n h += '

Criteria (edit inline)

';\\n\", \" h += '

Write what a strong learner would actually SAY or DO. The coach turns it into scoring criteria and it will reject vibes: every criterion has to be observable in the learner\\\\'s own words.

'\\n + '

In your words, what separates a good run from a bad one?

'\\n + '

';\\n if (s.rubric) {\\n h += '

Criteria (edit inline)

';\\n\"],\n [\" if (showOutcomes) {\\n h += (showRubric ? '' : '

No score here. The sim classifies how the conversation ENDED and hands Storyline the answer, so your course can branch on how the learner handled the human. The last ending is always the fallback.

'\\n + '

');\\n if (showRubric && !s.outcomes) h += '

';\\n if (s.outcomes) {\\n\", \" if (showOutcomes) {\\n h += (showRubric ? '' : '

No score here. The sim classifies how the conversation ENDED and hands Storyline the answer, so your course can branch on how the learner handled the human. The last ending is always the fallback.

'\\n + '

');\\n if (showRubric && !s.outcomes) h += '

';\\n if (s.outcomes) {\\n\"],\n [\" this.save();\\n },\\n saveGood: function() { this.saveGoodFields(); this.goStep(5); },\\n\\n // ── config assembly ──\\n\", \" this.save();\\n },\\n saveGood: function() { this.saveGoodFields(); this.goStep(6); },\\n\\n // ── config assembly ──\\n\"],\n [\" buildConfig: function() {\\n var s = this.state;\\n var c = {\\n scenarioTitle: s.situation ? s.situation.scenarioTitle : '',\\n\", \" buildConfig: function() {\\n var s = this.state;\\n // Epilogue-only map: the whole object IS the ending.\\n if (this.isEpilogueOnly()) return this.buildEpilogueConfig();\\n var c = {\\n scenarioTitle: s.situation ? s.situation.scenarioTitle : '',\\n\"],\n [\" openingLine: s.character ? s.character.openingLine : '',\\n maxTurns: s.maxTurns,\\n logResults: false\\n };\\n var personaA = (s.character ? s.character.persona : '') + (s.behaviorRules && !s.twoChars ? '\\\\n\\\\n' + s.behaviorRules : '');\\n\", \" openingLine: s.character ? s.character.openingLine : '',\\n maxTurns: s.maxTurns,\\n logResults: s.logResults === true\\n };\\n var personaA = (s.character ? s.character.persona : '') + (s.behaviorRules && !s.twoChars ? '\\\\n\\\\n' + s.behaviorRules : '');\\n\"],\n [\" if (s.twoChars && s.character2 && s.character2.voiceId) vv[s.character2.name] = s.character2.voiceId;\\n if (Object.keys(vv).length) c.voice = { enabled: true, voices: vv };\\n var t = {};\\n THEME_KEYS.forEach(function(k) { if (s.theme[k.k] && s.theme[k.k] !== k.def) t[k.k] = s.theme[k.k]; });\\n if (s.headerTitle) t.headerTitle = s.headerTitle;\\n if (s.logoOff) t.logoUrl = '';\\n if (Object.keys(t).length) c.theme = t;\\n return c;\\n\", \" if (s.twoChars && s.character2 && s.character2.voiceId) vv[s.character2.name] = s.character2.voiceId;\\n if (Object.keys(vv).length) c.voice = { enabled: true, voices: vv };\\n c.theme = this.buildTheme();\\n if (!Object.keys(c.theme).length) delete c.theme;\\n // Self-contained packaging: the whole map runs inside one embed.\\n if (s.packaging === 'rise') {\\n c.packaging = 'self-contained';\\n c.askName = s.askName !== false;\\n if (s.completionCode) c.completionCode = s.completionCode;\\n var phases = [];\\n if (this.hasConversation()) phases.push({ id: 'conv', type: 'conversation', title: c.scenarioTitle || 'The conversation' });\\n if (this.hasDecision() && s.decision && s.mode !== 'watch') {\\n phases.push({ id: 'decide', type: 'decision', title: 'Your call',\\n prompt: s.decision.prompt || '',\\n options: (s.decision.options || []).filter(function(o) { return o.label; }).map(function(o) {\\n var opt = { label: o.label };\\n if (o.correct) opt.correct = true;\\n if (o.feedback) opt.feedback = o.feedback;\\n if (SS.hasEpilogue()) opt.next = 'wrap';\\n return opt;\\n }) });\\n }\\n if (this.hasEpilogue() && s.epi && s.mode !== 'watch') {\\n phases.push({ id: 'wrap', type: 'epilogue', title: 'How it went' });\\n c.epilogue = { premise: s.epi.premise || '', takeaways: s.epi.takeaways !== false };\\n }\\n if (phases.length > 1) c.phases = phases;\\n }\\n return c;\\n },\\n buildTheme: function() {\\n var s = this.state, t = {};\\n THEME_KEYS.forEach(function(k) { if (s.theme[k.k] && s.theme[k.k] !== k.def) t[k.k] = s.theme[k.k]; });\\n if (s.headerTitle) t.headerTitle = s.headerTitle;\\n if (s.logoOff) t.logoUrl = '';\\n return t;\\n },\\n // The standalone epilogue web object (final slide). Used as the whole\\n // config for epilogue-only maps, and as the SECOND published sim when a\\n // Storyline-packaged map ends with an epilogue.\\n buildEpilogueConfig: function() {\\n var s = this.state, e = s.epi || {};\\n var title = s.situation && s.situation.scenarioTitle ? s.situation.scenarioTitle : 'How your story went';\\n var c = {\\n scenarioTitle: title,\\n learnerRole: s.situation ? s.situation.learnerRole : '',\\n brief: e.premise || '',\\n mode: 'epilogue',\\n epilogue: {\\n premise: e.premise || '',\\n takeaways: e.takeaways !== false,\\n inputs: (e.inputs && e.inputs.length ? e.inputs : this.epiAutoInputs())\\n },\\n logResults: false\\n };\\n var t = this.buildTheme();\\n if (Object.keys(t).length) c.theme = t;\\n return c;\\n\"],\n [\" rPlaytest: function() {\\n return '

Play your own sim

'\\n + '

This is the real thing, running on the same engine your learners will use. ' + (this.state.mode === 'watch' ? 'Watch it play out and answer your own pause points.' : 'Take the learner\\\\'s seat and try to pass your own rubric, then try to fail it.') + ' If something feels off, jump back to any step; your work is saved.

'\\n + '

'\\n + ''\\n + ''\\n + ''\\n + ''\\n + ''\\n + '

';\\n },\\n\", \" rPlaytest: function() {\\n return '

Play your own sim

'\\n + '

This is the real thing, running on the same engine your learners will use. ' + (this.isEpilogueOnly() ? 'The Studio feeds it sample choices so you can read a real generated ending; in your course it reads the learner\\\\'s actual variables.' : (this.state.mode === 'watch' ? 'Watch it play out and answer your own pause points.' : 'Take the learner\\\\'s seat and try to pass your own rubric, then try to fail it.')) + ' If something feels off, jump back to any step; your work is saved.

'\\n + '

'\\n + ''\\n + ''\\n + ''\\n + ''\\n + ''\\n + '

';\\n },\\n\"],\n [\" + '

Header title (blank keeps the default)

'\\n + '

Hide the AIDA logo (use your course\\\\'s look only)

'\\n + '

';\\n return h;\\n\", \" + '

Header title (blank keeps the default)

'\\n + '

Hide the AIDA logo (use your course\\\\'s look only)

'\\n + '

';\\n return h;\\n\"],\n [\"\\n // ── STEP 7: PUBLISH ──\\n rPublish: function() {\\n var s = this.state;\\n var url = s.simId ? API + '/s/' + s.simId : '';\\n var h = '

Publish

';\\n if (!s.published) {\\n h += '

Publishing gives your sim a permanent URL. You paste that URL into Storyline as a web object, and you are done: editing here later updates the same URL, no Storyline changes needed.

'\\n + '

';\\n } else {\\n h += '

Your sim is live. Here is everything you need.

'\\n + 'Your sim URL (this goes in Storyline: Insert, then Web Object)'\\n + '

' + this.esc(url) + '

'\\n + '

Implementation guide

Your exact variables, triggers, and bridge script, prefilled for THIS sim. Print it and follow it top to bottom.

'\\n + '

Scene Director brief

What to put AROUND the box: setting, character casting, layout, Content Library search terms.

'\\n + '

Portfolio design rationale

Turns your Studio answers into a printable case-study page: proof you designed this, not just used a tool.

'\\n + '

Your edit key

'\\n + '

This browser remembers your sim automatically. Save this key somewhere safe anyway; with the sim URL plus this key you can edit from any computer (support can help you restore it).

'\\n + '

' + this.esc(s.simId) + ' / ' + this.esc(s.editToken) + '

'\\n + '

Advanced: your config

'\\n + '

The same sim as a hand-editable config block, for the template workflow (adding phases, voice, or logging by hand).

'\\n + '

' + this.esc(JSON.stringify(this.buildConfig(), null, 1)) + '

'\\n + '

';\\n }\\n h += '

';\\n\", \"\\n // ── STEP 7: PUBLISH ──\\n needsEpiSim: function() {\\n // A Storyline-packaged map that ends with an epilogue publishes TWO web\\n // objects: the main sim and the final-slide epilogue.\\n return this.hasEpilogue() && !this.isEpilogueOnly() && this.state.packaging !== 'rise';\\n },\\n embedSnippet: function(url, title) {\\n return '';\\n },\\n riseWarnings: function() {\\n var w = [];\\n if (this.state.mode === 'watch' && this.hasEpilogue()) w.push('Watch mode cannot chain an in-object epilogue yet; the epilogue block will be skipped in this packaging.');\\n if (this.hasDecision() && this.state.mode === 'watch') w.push('Watch mode cannot include an in-object decision; the decision block will be skipped in this packaging.');\\n if (this.mapCounts().content > 0) w.push('Content slides on your map stay in your build plan; inside the embed the scene runs brief, conversation, decision, ending.');\\n if (this.hasDecision()) w.push('In this packaging the decision happens inside the object, so its Storyline variable is not used.');\\n return w;\\n },\\n buildPlanHtml: function() {\\n var self = this, s = this.state;\\n var rise = s.packaging === 'rise';\\n var rows = '';\\n var step = 0;\\n this.getMap().blocks.forEach(function(b) {\\n step++;\\n var what = '';\\n if (b.kind === 'content') what = 'Storyline slide. ' + (b.note ? self.esc(b.note) : 'Your content, built natively.');\\n else if (b.kind === 'conversation') what = rise\\n ? 'Runs inside the embed. The conversation opens the scene.'\\n : 'Sim slide. Web object with your sim URL; follow the implementation guide for variables, moods, and the bridge script.';\\n else if (b.kind === 'decision') what = rise\\n ? 'Runs inside the embed. The learner makes the call in-object and gets your feedback.'\\n : 'Choice slide. Normal Storyline buttons (' + (s.decision ? s.decision.options.filter(function(o) { return o.label; }).length : 2) + ' options). Each button sets ' + self.esc(s.decision ? s.decision.varName : 'Choice_1') + ' to its value and jumps to that option\\\\'s consequence slide. One decision layer: the branches meet again at the ending.';\\n else if (b.kind === 'epilogue') what = rise\\n ? 'Runs inside the embed. The ending writes itself from the choices made in the scene.'\\n : 'Ending slide. Web object with your epilogue URL; it reads the choice variables and writes the personalized ending. Follow the epilogue guide.';\\n rows += '' + step + '' + { content: 'Content', conversation: 'AI conversation', decision: 'Decision', epilogue: 'Epilogue' }[b.kind] + '' + what + '';\\n });\\n return '

Your build plan

'\\n + '

The map, translated to what you actually build' + (rise ? ' (self-contained: most of it lives inside the one embed)' : ' in Storyline') + '.

'\\n + ''\\n + ''\\n + rows.replace(/

#	Block	What you build
/g, '	')\\n + '

';\\n },\\n packChanged: function() {\\n var s = this.state, self = this;\\n var r = document.getElementById('pack-rise');\\n s.packaging = r && r.checked ? 'rise' : 'storyline';\\n var lg = document.getElementById('pub-log'); if (lg) s.logResults = lg.checked;\\n var cc = document.getElementById('pub-code'); if (cc) s.completionCode = cc.value.trim().slice(0, 24);\\n var an = document.getElementById('pub-askname'); if (an) s.askName = an.checked;\\n this.save();\\n if (!s.published) { this.render(); return; }\\n // Already live: persist the packaging change to the same URL right away.\\n this.busy('pub-status', 'Saving your packaging change.');\\n this.api('/api/save', {\\n id: s.simId, editToken: s.editToken,\\n config: this.buildConfig(), answers: this.collectAnswers(), status: 'published'\\n }).then(function() {\\n if (self.needsEpiSim()) {\\n return self.api('/api/save', {\\n id: s.epiSimId || undefined, editToken: s.epiEditToken || undefined,\\n config: self.buildEpilogueConfig(), answers: { note: 'Epilogue companion of sim ' + s.simId }, status: 'published'\\n }).then(function(r2) { s.epiSimId = r2.id; s.epiEditToken = r2.editToken; self.save(); });\\n }\\n }).then(function() { self.render(); })\\n .catch(function(e) { self.fail('pub-status', e.message); });\\n },\\n rPublish: function() {\\n var s = this.state;\\n var url = s.simId ? API + '/s/' + s.simId : '';\\n var epiUrl = s.epiSimId ? API + '/s/' + s.epiSimId : '';\\n var rise = s.packaging === 'rise';\\n var h = '

Publish

';\\n\\n // Packaging + options (editable before AND after publishing)\\n h += '

How will this live in your course?

'\\n + '

'\\n + ' Storyline (web object, live mood characters, variables, course branching)'\\n + ' Export for Rise / embed anywhere (self-contained scene in one iframe: Rise 360, Thinkific, WordPress, your portfolio site)

';\\n if (rise) {\\n var warns = this.riseWarnings();\\n if (warns.length) h += '

Packaging notes.
' + warns.map(this.esc).join('
') + '

';\\n h += '

Ask the learner\\\\'s first name on the intro screen (replaces Storyline\\\\'s LearnerName)

'\\n + '

Completion code shown at the end (blank for none). Rise cannot see inside an embed; a code plus a Rise knowledge check below the embed makes the scene requireable.

';\\n }\\n h += '

Log completed runs to the results dashboard (learners are told on the intro screen)

';\\n\\n if (!s.published) {\\n h += '

Publishing gives your ' + (this.needsEpiSim() ? 'scenario TWO permanent URLs: the sim and its epilogue ending' : (this.isEpilogueOnly() ? 'epilogue a permanent URL' : 'sim a permanent URL')) + '. Editing here later updates the same URL' + (this.needsEpiSim() ? 's' : '') + ', no course changes needed.

'\\n + '

';\\n } else {\\n h += '

Your ' + (this.isEpilogueOnly() ? 'epilogue' : 'sim') + ' is live. Here is everything you need.

';\\n if (rise) {\\n h += 'Your scene URL'\\n + '

' + this.esc(url) + '

'\\n + 'The embed snippet (Rise: Multimedia, then Embed)'\\n + '

' + this.esc(this.embedSnippet(url, s.situation ? s.situation.scenarioTitle : '')) + '

'\\n + '

Embed guide

Where to paste it in Rise, Thinkific, WordPress, and the completion-code recipe.

';\\n } else {\\n h += 'Your sim URL (' + (this.isEpilogueOnly() ? 'this goes on your ENDING slide' : 'this goes in Storyline: Insert, then Web Object') + ')'\\n + '

' + this.esc(url) + '

'\\n + '

';\\n if (this.needsEpiSim() && epiUrl) {\\n h += 'Your epilogue URL (this goes on the ENDING slide as its own web object)'\\n + '

' + this.esc(epiUrl) + '

'\\n + '

';\\n }\\n h += '

Implementation guide

Your exact variables, triggers, and bridge script, prefilled for THIS sim. Print it and follow it top to bottom.

';\\n }\\n if (!this.isEpilogueOnly()) {\\n h += '

Scene Director brief

What to put AROUND the box: setting, character casting, layout, Content Library search terms.

';\\n }\\n h += '

Portfolio design rationale

Turns your Studio answers into a printable case-study page: proof you designed this, not just used a tool.

'\\n + '

'\\n + this.buildPlanHtml()\\n + '

Your edit key

'\\n + '

This browser remembers your sim automatically. Save this key somewhere safe anyway; with the sim URL plus this key you can edit from any computer (support can help you restore it).

'\\n + '

' + this.esc(s.simId) + ' / ' + this.esc(s.editToken) + (this.needsEpiSim() && s.epiSimId ? '
' + this.esc(s.epiSimId) + ' / ' + this.esc(s.epiEditToken) + ' (epilogue)' : '') + '

'\\n + '

Advanced: your config

'\\n + '

The same sim as a hand-editable config block, for the template workflow (adding phases, voice, or logging by hand).

'\\n + '

' + this.esc(JSON.stringify(this.buildConfig(), null, 1)) + '

'\\n + '

';\\n }\\n h += '

';\\n\"],\n [\" }).then(function(r) {\\n self.state.simId = r.id; self.state.editToken = r.editToken; self.state.published = true;\\n self.save(); self.render();\\n }).catch(function(e) { self.fail('pub-status', e.message); });\\n },\\n makeScene: function() {\\n\", \" }).then(function(r) {\\n self.state.simId = r.id; self.state.editToken = r.editToken; self.state.published = true;\\n self.save();\\n if (self.needsEpiSim()) {\\n return self.api('/api/save', {\\n id: self.state.epiSimId || undefined, editToken: self.state.epiEditToken || undefined,\\n config: self.buildEpilogueConfig(), answers: { note: 'Epilogue companion of sim ' + self.state.simId }, status: 'published'\\n }).then(function(r2) {\\n self.state.epiSimId = r2.id; self.state.epiEditToken = r2.editToken;\\n self.save();\\n });\\n }\\n }).then(function() { self.render(); })\\n .catch(function(e) { self.fail('pub-status', e.message); });\\n },\\n makeScene: function() {\\n\"],\n];\n",[],[709,817],"380d34ef-6a01-4b0d-85fe-990db735dc63","diag-parse-tools.ts","88ff0884-a02a-11f1-b912-1607ee4eb77e",568,["D",1787624141305],"// KEEPER (2026-08-24): parse-checks every inline for the last opened block\n const opens = (html.match(/]*\\bsrc=)[^>]*>/gi) || []).length;\n const closes = (html.match(/<\\/script>/gi) || []).length;\n if (opens !== closes) results.push(`TAG MISMATCH ${name}: ${opens} open vs ${closes} close`);\n\n const re = /]*\\bsrc=)[^>]*>([\\s\\S]*?)<\\/script>/gi;\n let m, idx = 0, any = false;\n while ((m = re.exec(html)) !== null) {\n any = true; idx++;\n const code = m[1];\n try {\n new Function(code);\n } catch (e) {\n const pos = (e.stack || \"\").match(/:(\\d+):(\\d+)/);\n let ctx = \"\";\n if (pos) {\n const ln = parseInt(pos[1], 10) - 1; // new Function adds a wrapper line\n const lines = code.split(\"\\n\");\n const bad = lines[ln - 1] ?? lines[ln] ?? \"\";\n ctx = ` | line~${ln}: ${bad.trim().slice(0, 160)}`;\n }\n results.push(`PARSE FAIL ${name} [script #${idx}]: ${e.message}${ctx}`);\n }\n }\n if (!any && opens === closes) results.push(`NO INLINE SCRIPT ${name}`);\n}\nconsole.log(results.length ? results.join(\"\\n\") : \"ALL CLEAN\");\nconsole.log(`Checked ${FILES.length} files.`);\n",[],[709,825],["D",1783967292667],[786,787],[709],"5a96ee29-e7db-4baa-a078-f6973a485757","lead-magnet-uptime.ts","acdfa040-9e97-11f1-829a-1607ee4eb77e",667,["D",1788540156499],"interval","// Lead-magnet uptime monitor (2026-08-22, Jill; item 2.3 of the monitoring backlog,\n// docs/monitoring-backlog.md in jill1/search-hq + the workspace copy).\n//\n// WHY THIS EXISTS. The router serves ~41 slugs. Search HQ's cron watches its 21,\n// AIDA HQ's cron watches its 7 (plus two WordPress-embedded tools). That left the\n// 15 standalone lead magnets below watched by NOTHING: they are top-of-funnel, no\n// member is around to report a break, so a dead one costs leads silently. This is\n// their own small monitor, per the backlog's call, rather than a bolt-on to either\n// HQ's cron.\n//\n// PATTERN. Ported from the HQ monitors (backend/ops.ts in both HQ vals):\n// - TWO STRIKES: a target must fail twice, 5s apart, before it counts as down\n// (one transient blip must not send an email).\n// - ALL-CLEAR: the down set persists in blob storage, so recovery emails.\n// - HARD TIMEOUTS: every fetch capped at 10s.\n// - HOUR-BUCKET DEDUPE, but a CHANGE in what is down alerts immediately.\n// - PAGE PROBES are strict-200 with a referer (the gated slugs, e.g.\n// resume-tailor-gated and scenario-studio, 403 a bare GET; the referer below is\n// on the router's own allowlist, same door a visitor arriving on-site uses).\n// 403/404/5xx are all named failures; strict-200 makes a stale slug in the\n// lists below fail loudly on the first run instead of passing forever.\n// - API PROBES (the 8 slugs with router backends): a HEALTHY backend answers GET\n// with its own 404/405 JSON (\"Use POST /feedback.\"). Down = any 5xx, or the\n// router's literal \"Unknown API slug.\" body (slug fell out of API_BACKENDS —\n// matched on body, not status, because live and unmapped are both 404).\n//\n// KNOWN LIMIT. The 7 page-only slugs are static or call their own direct backend\n// vals from the page (e.g. portfolio-reality-check's AI readout); those direct\n// backends are not probed here. Page coverage + the 8 router backends is what this\n// monitor knows. Verified live 2026-08-22: all 15 pages answer 200, the 8 API slugs\n// answer healthy, the 7 others answer \"Unknown API slug.\" (hence excluded).\n//\n// LEGACY-HOST SCAN (2026-09-02, Jill). Val Town retired the single-dash host form\n// (jill1-.web.val.run; the platform now answers it with a 500). The Roleplay\n// Gym fragment still POSTed to one, so every send failed for members while the page\n// itself answered 200 and passed every page probe. The 8/4 backend audit missed it\n// because it only matched the jill1-- form. This scan reads every fragment named\n// in the router's ROUTES (plus main.ts itself) and flags any https://jill1-\n// host, so a leftover or reintroduced legacy URL fails loudly on the next run.\n// Content, not network, so no two-strike; a read failure is logged and skipped.\n//\n// Email goes to the val owner (Jill) via std/email. One-shot test: run this file\n// directly; when everything is healthy and nothing was down last run, it sends\n// nothing and only writes a console line.\nimport { blob } from \"https://esm.town/v/std/blob/main.ts\";\nimport { email } from \"https://esm.town/v/std/email\";\nimport { readFile } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst LEGACY_HOST = /https?:\\/\\/jill1-(?!-)[a-z0-9-]+\\.web\\.val\\.run/gi;\n\nasync function legacyHostScan(): Promise {\n const found: string[] = [];\n let router: string;\n try {\n router = await readFile(\"main.ts\", import.meta.url);\n } catch (e) {\n console.log(`legacy scan: could not read main.ts (${(e as Error).message}); skipped`);\n return found;\n }\n const files = new Set();\n for (const m of router.matchAll(/file:\\s*\"([^\"]+\\.html)\"/g)) files.add(m[1]);\n const sources: [string, string][] = [[\"main.ts\", router]];\n for (const f of [...files].sort()) {\n try {\n sources.push([`apps/${f}`, await readFile(`apps/${f}`, import.meta.url)]);\n } catch (e) {\n console.log(`legacy scan: could not read apps/${f} (${(e as Error).message}); skipped`);\n }\n }\n for (const [name, text] of sources) {\n const hosts = new Set();\n for (const m of text.matchAll(LEGACY_HOST)) hosts.add(m[0].replace(/^https?:\\/\\//, \"\"));\n if (hosts.size) found.push(`${name} (legacy val.run host still in page: ${[...hosts].join(\", \")})`);\n }\n console.log(`legacy scan: ${sources.length} files checked, ${found.length} with legacy hosts`);\n return found;\n}\n\nconst BASE = \"https://lsd-tools.val.run\";\nconst REFERER = `${BASE}/`;\nconst TIMEOUT_MS = 10_000;\nconst RETRY_DELAY_MS = 5_000;\nconst KEY_DOWN = \"lead-magnet-monitor/down\";\nconst KEY_ALERT_BUCKET = \"lead-magnet-monitor/last-alert-bucket\";\n\n// The 15 standalone lead magnets (from the 2026-08-19 audit; not covered by either\n// HQ monitor). A slug removed from the router shows up as a 404 here on the first\n// run, so this list cannot drift quietly.\nconst PAGE_SLUGS = [\n \"fit-quiz\", \"portfolio-reality-check\", \"role-explorer\",\n \"portfolio-blueprint\", \"is-training-the-answer\", \"week-in-the-life-360\",\n \"followup-email-generator\", \"needs-analysis-simulator\", \"roleplay-gym\",\n \"annual-review-prep\", \"training-measurement-planner\", \"project-post-mortem\",\n \"sme-interview-planner\", \"scenario-studio\", \"resume-tailor-gated\",\n];\n\n// The subset with an API backend in the router's API_BACKENDS map (verified live\n// 2026-08-22, slug by slug). The other 7 return \"Unknown API slug.\" and are\n// excluded on purpose — probing them would be a permanent false alarm.\nconst API_SLUGS = [\n \"fit-quiz\", \"followup-email-generator\", \"needs-analysis-simulator\",\n \"annual-review-prep\", \"training-measurement-planner\", \"project-post-mortem\",\n \"sme-interview-planner\", \"scenario-studio\",\n // roleplay-gym gained an API_BACKENDS entry 2026-09-02 and was still only\n // page-probed here (2026-09-04 code review), which is the exact silent\n // failure the header of this file describes.\n \"roleplay-gym\",\n];\n\ninterface Target { url: string; label: string; kind: \"page\" | \"api\" }\n\nfunction targets(): Target[] {\n const list: Target[] = [];\n for (const s of PAGE_SLUGS) list.push({ url: `${BASE}/${s}`, label: s, kind: \"page\" });\n for (const s of API_SLUGS) list.push({ url: `${BASE}/api/${s}/`, label: `${s} backend`, kind: \"api\" });\n return list;\n}\n\nasync function probe(t: Target): Promise {\n try {\n // Backend probes POST an empty JSON body to /feedback (2026-09-04 code review).\n // The old GET never reached a proxy's origin check or its API-key check, so\n // two live breaks passed every hourly run: a proxy whose allowlist rejected\n // the router's Origin (every call from the page 403) and a proxy with no\n // ANTHROPIC_API_KEY (every call 500). The healthy answer to an empty POST is\n // a 400 \"messages required\" from the proxy's own validation.\n const isApi = t.kind === \"api\";\n const resp = await fetch(isApi ? `${t.url.replace(/\\/+$/, \"\")}/feedback` : t.url, {\n method: isApi ? \"POST\" : \"GET\", redirect: \"manual\",\n signal: AbortSignal.timeout(TIMEOUT_MS),\n headers: isApi ? { referer: REFERER, \"content-type\": \"application/json\" } : { referer: REFERER },\n body: isApi ? \"{}\" : undefined,\n });\n if (t.kind === \"api\") {\n if (resp.status >= 500) return `${t.label} (${resp.status}, backend unreachable or erroring)`;\n if (resp.status === 403) return `${t.label} (403, backend rejects the router's origin, so every call from the page fails)`;\n if (resp.status === 404) {\n try {\n const text = await resp.text();\n if (text.includes(\"Unknown API slug\")) return `${t.label} (router has no backend mapped for this slug)`;\n } catch { /* body unreadable; 404 alone is the healthy shape */ }\n }\n return null;\n }\n // Page: one correct answer. 403 = gate rejecting a legitimate referer,\n // 404 = slug gone/renamed/mistyped, 5xx = router broken. All lead-facing breaks.\n if (resp.status === 200) return null;\n const why = resp.status === 403\n ? \"403, referer gate rejecting valid visits\"\n : resp.status === 404\n ? \"404, slug missing or renamed\"\n : String(resp.status);\n return `${t.label} (${why})`;\n } catch (e) {\n const name = (e as Error).name;\n return `${t.label} (${name === \"TimeoutError\" || name === \"AbortError\" ? \"timed out\" : \"unreachable\"})`;\n }\n}\n\nexport default async function (): Promise<{ checked: number; down: string[] }> {\n const list = targets();\n const down: string[] = [];\n for (const t of list) {\n const first = await probe(t);\n if (!first) continue;\n await new Promise((r) => setTimeout(r, RETRY_DELAY_MS));\n const second = await probe(t);\n if (!second) { console.log(`flap (recovered on retry): ${t.url} — ${first}`); continue; }\n down.push(second);\n }\n // Legacy-host findings join the same down set, so they dedupe per hour and get\n // their own all-clear once the fragment is fixed, exactly like a dead probe.\n down.push(...await legacyHostScan());\n\n const prevDown: string[] = (await blob.getJSON(KEY_DOWN).catch(() => [])) ?? [];\n const labels = down.map((d) => d.replace(/ \$[^)]*\$$/, \"\"));\n\n if (!down.length) {\n if (prevDown.length) {\n await blob.setJSON(KEY_DOWN, []);\n await blob.setJSON(KEY_ALERT_BUCKET, \"\");\n await email({\n subject: \"Lead magnets: back up\",\n text: `Everything the lead-magnet uptime check watches is responding again.\\n\\nWas down:\\n${prevDown.join(\"\\n\")}\\n\\nChecked hourly from the lsd-tools cron (crons/lead-magnet-uptime.ts).`,\n });\n }\n console.log(`all ${list.length} targets healthy`);\n return { checked: list.length, down: [] };\n }\n\n await blob.setJSON(KEY_DOWN, labels);\n const bucket = new Date().toISOString().slice(0, 13);\n const changed = JSON.stringify(prevDown) !== JSON.stringify(labels);\n const lastBucket: string = (await blob.getJSON(KEY_ALERT_BUCKET).catch(() => \"\")) ?? \"\";\n if (!changed && lastBucket === bucket) return { checked: list.length, down };\n await blob.setJSON(KEY_ALERT_BUCKET, bucket);\n await email({\n subject: \"Lead magnets: something is down\",\n text: `These failed the lead-magnet uptime check twice, ${RETRY_DELAY_MS / 1000}s apart:\\n\\n${down.join(\"\\n\")}\\n\\n` +\n `These are top-of-funnel tools with no member around to report a break, so treat this as a real leads leak until confirmed otherwise.\\n\\n` +\n `Checked hourly from the lsd-tools cron (crons/lead-magnet-uptime.ts). You'll get an all-clear email when everything responds again.`,\n });\n return { checked: list.length, down };\n}\n",[],[715,836],["D",1787450970269],[784],[715],"9668c7c4-e78c-4faa-a3cc-0127635a7dac","week-in-the-life-360.html","d3804858-8939-11f1-bbac-1607ee4eb77e",259,["D",1785101687956],"\n\n\n\n\nA Week in the Life of a Corporate Instructional Designer — Spend a Week with Nora\n\n\n\n\n\n

A week in the life of a corporate instructional designer

Spend a week with Nora.

A real week. The recital she leaves work for. The difficult subject-matter expert she has to coach. The sick kid on Friday. The hour of deep work that reminds her why she left the classroom. Drop in, feel what the rhythm is like, and see if it looks like the life you're trying to build.

\n \n \n

\n \n

About Nora

Nora Alvarez is 47. She has two kids: Marco (11, obsessed with soccer and Minecraft) and Zoe (8, third year of piano lessons, still occasionally overshooting the black keys). She's a single mom, divorced four years, coparents amicably enough. She spent more than twenty years teaching elementary school before leaving the classroom, spent a year retraining, and landed her first corporate ID role a year ago.

She lives in Willow Creek, a small Midwest town of about 32,000 people. Ninety minutes from the nearest airport. Two decent coffee shops, only one of which she likes. Her house is a 1940s bungalow she bought two years ago.

About the job

She's an Instructional Designer at Ridgewell Health, a regional healthcare network across parts of three states. Twelve outpatient clinics, three hospitals, about 4,000 employees. She designs training for nurses, medical assistants, and administrative staff: new system rollouts, compliance modules, onboarding, workflow changes, clinical education.

The L&D team is five people:

Angela Washington, director. Was an ID herself before moving into leadership. Married with three kids of her own.
Jeremy, junior ID, three months in.
Danielle, mid-level ID, focused on compliance and regulatory training.
Jesse, video and multimedia specialist. Quiet, brilliant editor.
Nora.

Everyone is fully remote. The team flies in three times a year. Otherwise, everything happens on Teams.

About the rhythm

Nora works a full 40-hour week. Her day starts with the 8:30 AM standup after drop-off and ends around 5:30 PM. Lunch is half an hour, give or take. School pickup at 2:55 is another break in the middle of the afternoon, not the end of her workday. Mornings are deep work at the desk in the spare bedroom she turned into an office. Afternoons move to the kitchen table, where the kids do homework across from her. Total: 8 hours worked, most days.

When something personal shifts hours out of the day (a recital, an appointment), she either makes them up on a specific evening later in the week or uses banked flex time. When a kid is sick, that's PTO or sick leave. A company benefit, not something she owes back.

That's the setup. Now spend a week with her.

\n\n\n

Nora's week as an instructional designer

Click on a day, in any order, to walk through it with Nora. Her take is one tap away the whole time.

\n\n\n

\n \n

Nora, end of day

\n\n\n

\n \n

Nora's take

\n\n

What this life changed for me

1. How I structure my day. I stopped pretending the work only counts if it happens in eight straight hours at a desk. My hours run 8:30 to 5:30, with a lunch break and a pickup break in the middle. Most days those run about 30 minutes each, but nobody is timing them. Some days lunch turns into 45 minutes or pickup runs long, and I make it up wherever it fits. The company doesn't care what shape the day takes as long as the deliverables land.

2. How life events land. A sick kid used to mean a scramble, a sub plan, and guilt for taking a day. Now it's a Slack, a laptop on the couch when I can, and PTO for the rest.

3. What my relationships look like. I see my colleagues on a screen. I see my kids after school. I have to work harder for the first, easier for the second. Both changed.

4. What the last year has brought me. The first few months were rebuilding my confidence after leaving the classroom. One year in, I'm already looking at options I never had as a teacher: part-time contract work while Marco is still at home, or a stretch of winter somewhere warmer once the kids are older. I don't have to decide any of it yet.

5. The unlearning. The classroom taught me I had to earn every minute of freedom. This job taught me the opposite. That's the biggest quiet shift, and it's still sinking in. A year in, some weeks it still catches me off guard.

\n\n

The real talk

Corporate ID lets you build a life that fits around you, and that's the real headline. You get treated like an adult, and your work gets recognized in a positive way instead of scrutinized. You own your day, life events don't have to derail your work, and the job scales in ways teaching doesn't. One module you build well can train thousands of people over years.

The learning curve: unlearning the surveillance you got used to as a teacher (the mouse-jiggling PTSD is real), figuring out how to broker feedback and coach reluctant SMEs without wearing yourself out, and getting comfortable saying \"training may not be the fix\" to people who came asking for training. Nora is a year in, and most of it already feels like her normal.

\n\n

This might not be for you if…

You need the classroom energy of being around people all day. Most of your week is heads-down solo work.
You want someone to tell you exactly what to do next. Nobody is checking in. That reads as freedom to some and freefall to others.
You'd struggle to push back on stakeholders. Saying \"training isn't the fix\" or brokering conflicting feedback is unavoidable.
You want to see the impact of your work right away. You build modules and often never watch a single person take them.

\n\n

Want a week that looks more like Nora's?

\n \n \n

The program

AIDA · Applied Instructional Design Academy

Jill's program for becoming a corporate ID. Certification, weekly support, portfolio, job.

\n \n \n

Free · weekly

Jumpstart Your Instructional Design Career

The podcast. Real answers about the transition, every week.

\n \n \n

Free · quiz

The ID Fit Quiz

A few questions about where you are now, and an honest read on what to do first.

\n \n

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",[],[721,848],"27b38dd9-9a35-4021-acc5-4288d3e05164","training-measurement-planner.html","3b2d52ee-7ed0-11f1-93e7-1607ee4eb77e",461,["D",1785812731225],25,"\n\n\n\n\nTraining Measurement Planner | LS&D\n\n\n\n\n\n\n

\n \n

Training Measurement Planner

\n\n

\n\n\n

\n\n \n \n\n \n

Level 3 Evaluation Planning Coach

Build a plan to measure whether training actually changes on-the-job behavior

\n \n

\n\n \n

\n \n \n

Press Enter to send · Shift+Enter for new line

\n\n

\n\n\n\n",[],[721,856],"3d4f370e-6ab9-4033-984c-46563acccfca","tmay-story-lab.html","c6a86dcc-7a2f-11f1-9343-1607ee4eb77e",848,["D",1789506028243],17,"\n\n\n

\n $\"Learning$ \n

Tell Me About Yourself Lab

The First 90 Seconds of Every ID Interview

\n \n

\n\n

\n\n \n

\n \n\n

Nail the first 90 seconds of your ID interview.

\"Tell me about yourself\" is the first question in almost every interview, and career changers get tripped up here. You either overshare your teaching background and lose them, or you undersell what actually makes you a strong ID candidate.

This lab helps you build a 90-second story that connects your past work, your pivot into ID, and where you're headed, so a hiring manager wants to keep asking questions.

\n\n

How it works

Answer 7 short questions, one at a time, in a conversation.
The coach drafts your 90-second narrative and hands it to a corporate L&D hiring manager.
They go back and forth behind the scenes, up to 3 reads, until it lands. If your answers are thin, you'll get a follow-up question or two.
You see one finished narrative, plus the hiring manager's take in plain English.
Change anything that's off, then copy it, save it as a PDF, or save it to your Search HQ.

\n\n

Your work is saved on this browser as you go, so if you close the tab, you can come back to the same session on the same computer.

\n\n \n

Questions

\n ▶\n

Draft

\n ▶\n

Hiring Manager

\n ▶\n

Polish

\n ▶\n

Done

\n\n

\n \n \n

Press Enter to send. Shift + Enter for a new line.

\n\n \n

\n\n\n\n\n",[],[721,865],"4baaf520-c646-4128-bd30-46163da602f1","storyline-scenario-builder.html","8d532eb6-824c-11f1-9171-1607ee4eb77e",488,["D",1785812880740],"\n\n

\n \n $\"AIDA\"$ \n

Storyline Scenario Builder

Plan branching scenarios before you build them

\n\n

\n\n \n

1. Setup

2. Scenario

3. Branches

4. Full Map

\n\n \n

Tell me about your project

This tool helps you plan a branching scenario with two levels of decision points and three choices at each level. You'll get a visual map and a slide-by-slide build plan for Storyline.

\n What topic is this course about?\n \n

\n What should learners be able to do after this scenario?\n \n

\n Do you have a specific situation in mind? (optional)\n \n

\n \n

\n\n \n

Your Scenario

Review and edit the scenario setup. This is the opening scene your learner will see.

\n Scene Title\n \n

\n Setting\n \n

\n Characters\n \n

\n The Challenge\n \n

\n \n \n

\n\n \n

Decision Point 1: First Choices

These are the three choices the learner sees first. Edit any of them, then generate the second level.

\n \n \n

\n\n \n

Your Scenario Map

Click any node to see its details. Edit, then export your build plan.

\n\n \n

Your scenario tree will appear here.

\n\n \n

Node Details

\n \n

\n\n

Want a decision point to be a LIVE conversation?

Instead of three scripted buttons, a decision point can be an open AI conversation: the learner talks with a character, and your course branches on how the conversation ENDS. Build that piece in the AIDA Scenario Studio, publish it, and embed its URL on that slide as a web object. This map plans the course; the Studio builds the conversation. They work together.

\n\n

\n \n \n \n

\n\n

\n\n\n",[],[721,874],"34ffa699-656f-4a25-8d41-e285f82cb929","storyboard-reviewer.html","73abc994-88b1-11f1-9389-1607ee4eb77e",566,["D",1787624092755],"\n\n\n

\n $\"AIDA$ \n

Storyboard Reviewer

Automated rubric review for your AIDA storyboard

\n\n \n

Welcome Back

\n \n \n

\n\n \n

Upload Your Storyboard

Paste your Google Doc link below. Make sure sharing is set to \"Anyone with the link can view.\"

\n Tip: This tool reviews completeness, not content quality. Your content was already approved in the design document stage. We are checking that all required storyboard elements are present and properly formatted.\n

\n Google Doc Link\n \n

\n \n

\n\n \n

Review Results

\n \n \n

\n\n

\n\n \n \n\n \n \n\n \n \n

\n\n

\n\n",[],[721,882],"0b748bbb-e1c5-4319-bd1e-188f14c580bf","star-story-builder.html","c6883002-7a2f-11f1-9f47-1607ee4eb77e",953,["D",1789533525919],57,"\n\n\n

\n $\"Learning$ \n

STAR Story Builder

0 / 5 Stories

\n\n

\n\n \n

\n \n

Build Your Interview Stories

You can build up to 5 STAR stories. Each one gets translated into real instructional design language -- with coaching, analysis, and a cheat sheet you can take into any interview. How do you want to start?

💬

Free Build

Describe an experience from your past and your coach will shape it into a polished STAR story. You'll also see which interview questions your story answers.

\n Start with your experience\n

🎯

Question-Guided

Pick a specific interview question you want to be ready for. Your coach will give you tips on what makes a strong answer, then help you build the story.

\n Start with the question\n

\n\n \n

\n \n

Pick Your Interview Question

Choose the question you most want to nail. Your coach will walk you through exactly what a strong answer looks like for that question, then help you build your story.

\n\n

Instructional Design & Course Development

Tell me about a time you designed a learning program from scratch.→

How would you decide what the best learning solution would be?→

Tell me about a time you created a blended learning solution.→

Tell me about a time you came up with a creative solution to a learning problem.→

\n\n

Needs Analysis & Problem Solving

Tell me about a time you identified that training wasn't actually the solution to a performance problem.→

Tell me about a time you conducted a needs analysis before designing a solution.→

\n\n

Stakeholder & SME Collaboration

Tell me about a time you worked with a difficult subject matter expert.→

Tell me about a time you had to manage conflicting feedback from multiple stakeholders.→

\n\n

Project Management

Tell me about a time you managed an ID project with a tight deadline.→

Tell me about a time you juggled multiple projects at the same time.→

Tell me about a time a project scope changed mid-development and how you handled it.→

Tell me about a time you had to deliver with limited resources or budget.→

\n\n

Evaluation & Measurement

Tell me about a time you measured whether your training actually worked.→

\n\n

Collaboration & Communication

Tell me about a time you had a conflict with a colleague and how you resolved it.→

Tell me about a time you had to communicate a setback or missed deadline to a stakeholder.→

\n\n

Adaptability & Growth

Tell me about a time you received critical feedback on your work and what you did with it.→

Tell me about a time you failed at something and what you learned from it.→

\n\n

AI & Modern Practice

Tell me about a time you used AI to solve a problem or work more efficiently.→

\n\n \n \n\n

\n\n\n\n\n\n\n\n",[],[721,890],"dbae7119-7b64-473a-93b4-3938f52dfdd1","speak-corporate.html","72bf0dfc-7a2e-11f1-a80a-1607ee4eb77e",908,["D",1789508413513],29,"\n\n\n\n\nSpeak Corporate | Learning Strategy & Design\n\n\n\n\n\n\n\n

\n $\"Learning$ \n

Speak Corporate

Your corporate communication training tool

\n\n

Learn the language before you're in the room

Corporate has its own vocabulary and its own way of writing emails. This tool covers both: a searchable glossary of terms you'll hear in meetings and interviews, plus email scenarios that teach you to read between the lines and respond like you belong.

HOW THIS WORKS

Glossary: Search and browse corporate terms with definitions and real usage examples

E-mail Communication: 6 real-world email scenarios where you pick the best response and get scored

Time: Browse at your own pace, or work through all 6 email scenarios in about 10 minutes

\n\n

\n \n \n

\n\n

\n\n\n

Corporate Glossary

Terms and phrases you'll hear in meetings, emails, and interviews. Know what they mean and when to use them.

\n \n

\n\n\n

E-mail Communication

Real email situations you'll hit in the corporate world. Pick the right response. See what separates the corporate mindset from the teacher mindset.

\n\n

\n Your Progress\n 0 / 6 complete\n

Score: 0 correct

\n\n

\n \n

What to do next

You've worked through all 6 email scenarios. Here's how to keep building on this:

Review the Glossary tab to reinforce the terms you saw in context
Try the scenarios again to practice choosing the right tone faster
Use these patterns in your real interview prep and email drafts

\n \n \n

\n\n

\n\n\n\n\n\n",[],[721,899],"6b043768-ca9a-4335-8f3d-d6c715eaddee","sme-interview-planner.html","e14b89ea-7ee2-11f1-a968-1607ee4eb77e",463,["D",1785812737770],"\n\n

\n $\"LS&D$ \n

SME Interview Planner

\n\n

\n ⚠\n Working on a real project? Make sure you have your employer's approval before sharing confidential details here.\n \n

\n\n

SME Interview Prep Coach

Build a tailored question list and meeting agenda for your next SME interview

\n \n

\n\n

LS&D

\n \n \n \n

\n\n

\n \n \n

\n\n",[],[721,908],"c6ff2e3d-46e8-45c5-a4c8-1bdc5a4e2db5","scenario-studio.html","cae2491a-8247-11f1-974b-1607ee4eb77e",491,["D",1785813001223],"\n\n

\n \n $\"AIDA\"$ \n

Scenario Studio

Design an AI conversation sim for your course. You make the decisions; the Studio does the typing.

\n\n

\n\n\n",[],[721,916],"38485a2b-5dd2-4385-b6df-27a34358e130","salary-negotiation-assistant.html","80e08b14-7a2d-11f1-90ec-1607ee4eb77e",917,["D",1789508817077],13,"\n\n\n

\n $\"Learning$ \n

Salary Negotiation Assistant

\n\n

Get the exact words for your salary negotiation

Congrats on your offer! Get the words for your counter offer and come back if you need to further negotiate.

This builds you a personalized negotiation script based on your actual offer details. You'll get word-for-word language for your counter, plus scripts for benefits negotiation if the salary is firm. Come back after each round if you need to negotiate further.

HOW THIS WORKS

What you'll get: A ready-to-send counter offer script, plus benefit negotiation language if needed

What to do first: Enter your offer details (salary, title, company)

Time: About 2 minutes to fill in your details, then instant scripts

Built for W2 corporate offers.

\n\n\n\n",[],[721,924],"dbb97425-b4de-4ed2-b1c8-256cdddf907c","roleplay-gym.html","aca4bf2a-7e62-11f1-97d6-1607ee4eb77e",637,["D",1788381433435],11,"\n\n\n\n\n

\n \n \n\n \n

\n \n\n \n\n

Coaching Feedback

\n \n

What happened

The better move

Now YOU decide

\n \n

\n\n

Scenario Complete!

\n \n

\n\n

SME is thinking...

\n\n\n",[],[721,933],"1a272b0a-fa5e-4c98-bf39-156212d2f4b2","resume-tailor.html","e71a947e-7a2d-11f1-9991-1607ee4eb77e",977,["D",1789536590117],40,"\n\n\n\n

\n $\"Learning$ \n

Resume Tailor

\n\n

Tailor your resume to this job

You've already built a strong ID resume. This tool tailors it to one specific posting. Paste your resume and the job description, and get the keyword gaps plus the changes worth making before you apply. No full overhaul. Just the targeted tweaks that matter for this role.

\n\n \n

Step 1

Your Resume

Use this once your resume is already ID-ready. It gives you targeted tweaks for one posting, checked against current 2026 ATS guidance. For a full resume overhaul, use the Resume Revamp Assistant instead.

\n \n \n

\n \n

\n 📄\n

Click to upload your resume PDF

or drag and drop here. PDF only, up to 4MB.
Tip: save from Word as PDF for best results. Avoid Canva exports (they save as images that ATS cannot read).

\n 📄\n

resume.pdf

0 KB

\n \n

Step 2

Job Description

\n \n

Please provide your resume and the job description before submitting.

\n \n

\n\n \n

Reading your resume...

Hang tight. This takes about 20-30 seconds.

\n\n \n

\n\n

\n\n\n

\n\n\n\n\n\n\n",[],[721,942],"01a20feb-4ed8-42f9-965b-4c3919409456","resume-tailor-gated.html","2afcb504-7d95-11f1-bdde-1607ee4eb77e",863,["D",1789506557537],23,"\n\n\n\n

\n $\"Learning$ \n

ID Job Posting Resume Translator

\n\n

Tailor your resume to any ID job posting

You've already built a strong ID resume. This tool tailors it to one specific ID job posting. Paste your resume and the posting, and get the keyword gaps plus the top three changes to make before you apply. No full overhaul. Just the targeted tweaks that matter for this role.

\n\n \n

\n What You'll Get\n

The exact keyword gaps between your resume and this posting

Your top 3 highest-impact changes to make before you apply

A follow-up chat to ask questions about your feedback

A printable report you can reference while you edit

\n Get Your Free Resume Analysis\n \n \n

Please enter your name and a valid email address.

\n \n No spam. You'll get instant access and occasional career tips you can unsubscribe from anytime.\n

\n\n \n \n\n \n

Reading your resume...

Hang tight. This takes about 20-30 seconds.

\n\n \n

\n\n

\n\n\n

\n\n\n\n",[],[721,951],"76325e8c-f773-4ccb-9211-6f7b4ceae49c","resume-revamp-assistant.html","c53824b0-7a2e-11f1-bf01-1607ee4eb77e",983,["D",1789536641898],"\n\n\n\n

\n $\"Learning$ \n

Resume Revamp Assistant

\n\n

Revamp your resume for corporate ID

The one-time foundation review for career changers breaking into Instructional Design. Paste your resume and get a full, ID-focused review measured against what corporate instructional designer roles actually look for. Do this once to get your resume ID-ready, then use the Resume Tailor to tweak it for each job you apply to.

\n\n \n

\n \n

Step 1

Your Resume

This is the big one-time overhaul. Your resume is reviewed against a representative corporate Instructional Designer role and current 2026 ATS guidance. Applying to a specific job? Use the Resume Tailor instead.

\n \n \n

\n \n

\n 📄\n

Click to upload your resume PDF

or drag and drop here. PDF only, up to 4MB.
Tip: save from Word as PDF for best results. Avoid Canva exports (they save as images that ATS cannot read).

\n 📄\n

resume.pdf

0 KB

\n \n

Please provide your resume before submitting.

\n \n

\n\n \n

Reading your resume...

Hang tight. This takes about 20-30 seconds.

\n\n \n

\n\n

\n\n\n\n\n

\n\n\n\n\n\n\n\n",[],[721,960],"af8cfffc-7593-43e0-92e0-40f0af038ae1","project-scope-estimator.html","3aaeed8e-7f19-11f1-a0fd-1607ee4eb77e",156,["D",1783988176054],"\n\n

\n $\"LS&D\"$ \n

E-Learning Project Scope Estimator

Estimate development hours for your e-learning project

\n\n

\n Step 1\n

Course Length

Select the finished runtime of the course, in minutes.

\n Or enter a custom length (minutes):\n \n

\n\n

\n Step 2\n

Interactivity Level

How much of the course is click-through versus built interaction.

\n\n

\n Step 3\n

Content Readiness

How ready is the source content going into design.

\n\n

\n Step 4\n

Multimedia Requirements

What visuals the course needs beyond basic screens.

\n\n

\n Step 5\n

Audio / Narration

How the course will be voiced, if at all.

\n\n

\n Step 6\n

Review Cycles

How many rounds of stakeholder review to plan for.

\n\n

\n Step 7\n

SME Availability

How quickly your subject matter expert responds.

\n\n

\n \n

Takes seconds. You can change your answers and recalculate anytime.

\n\n \n\n

\n\n",[],[721,968],"b1691527-38d8-433d-b708-7f94cb6ca8f9","project-post-mortem.html","f5f3077c-7ed5-11f1-963c-1607ee4eb77e",465,["D",1785812744271],"\n\n\n\n\nProject Post-Mortem | Learning Strategy & Design\n\n\n\n\n

\n\n \n\n

\n\n

How It Works

1. Project OverviewWhat the project was, who it was for, and what problem it needed to solve.
2. What Went WellThe wins, the good calls, and the skills that actually worked.
3. What Didn't Go WellThe friction points, honestly, with no judgment attached.
4. Lessons LearnedThe patterns underneath both lists, and what they mean going forward.
5. Action Items & ReportA short plan for next time, plus a saved report you can keep.

\n\n \n\n \n\n \n\n \n\n

\n\n

\n\n \n\n

\n\n

\n Thinking this through, give it a few seconds (can take up to 30 seconds)...\n

\n\n

\n \n

\n\n

\n \n \n

\n\n

\n\n\n\n\n",[],[721,976],"22424e5f-0c7f-496b-8e94-6794e26d6004","professional-summary-coach.html","db22f13e-7a2d-11f1-a4f7-1607ee4eb77e",997,["D",1789539099059],22,"\n\n\n

\n $\"Learning$ \n

Resume Professional Summary Coach

For people moving into corporate instructional design

\n\n

\n\n \n

Build the summary at the top of your resume, the right way

The professional summary is the first thing a hiring manager reads. Most career-change advice tells you to open with \"former teacher transitioning into...\" That's exactly what gets you screened out. This coach helps you position yourself as a capable learning professional whose experience translates, without announcing the pivot in your prime real estate.

\n\n

A coach that keeps the words yours

This tool does not write your summary for you. You'll get building blocks to assemble yourself, or diagnostic feedback on a draft you already have.

Why: a summary that reads like it was generated gets flagged, by both applicant tracking systems and humans. The words have to be yours. The coach makes sure whatever you write positions you as competent and keeps the confessional stuff out.

\n\n

Give your target role, paste your resume, and answer a few quick questions.
No draft yet? Get building blocks for two angles to assemble your own summary from.
Already have a draft? Get diagnostic feedback: what's working, what to cut, what's missing.
Write your summary yourself, in your own words, using what the coach gives you.

\n\n

Heads up. Your answers save to this browser so you can come back and finish later. Same computer, same browser. This tool works on the live site at learningstrategyanddesign.com.

\n\n

\n \n \n

\n\n \n

About you

The more specific you are, the more specific your coaching will be. Paste your real resume text in full. A summary gives the coach less to work with.

\n\n \n

Do you already have a summary written?

This decides whether the coach gives you building blocks or feedback on your draft.

\n No, I'm starting from scratch. Give me building blocks to write my own.\n Yes, I have a draft. Give me feedback on what I wrote.\n

\n\n \n

What job title are you targeting?

The exact title you're applying for. The coach mirrors it where it fits.

\n \n

\n\n \n

Paste your full resume

Work history, education, certifications, skills. The coach only works from what's actually here, it never invents experience you don't have.

\n \n

\n\n \n

Your instructional design certification

If you have one or are working toward one. This is separate from whether you want it in the summary.

\n Completed\n In progress\n None\n

\n Is this the Applied Instructional Design Academy (AIDA)?\n

\n Yes, it's AIDA\n No, another program\n

\n How many months did it take? (optional, adds specificity)\n \n

\n\n \n

Want a certification line in your summary?

Your call. The coach never forces it in, even if you have one.

\n Yes, include it\n No, leave it out\n

\n\n \n

What tone are you going for?

Shape the voice to the industry you're targeting.

\n Direct and confident
Matter-of-fact (default)\n Warm and human
Softer word choice\n Formal and polished
Fuller sentences\n

\n\n \n

Anything you want to lead with? (optional)

One or two lines on what matters most to you here. Skip it if you're not sure.

\n \n

\n\n \n

Paste your current draft summary

The exact summary you've written so far. The coach reacts to this.

\n \n

\n\n \n\n

\n \n \n

\n\n \n

Your coaching Round 1 of 3

This is scaffolding to build from. The finished summary is yours to write, in your own words.

\n\n \n\n

\n\n \n\n \n\n \n

\n\n

\n\n\n\n\n\n\n\n",[],[721,984],"d6759b4f-8a13-4d81-8094-01a9583a8b85","portfolio-writeup-pitch-coach.html","a7a432d2-7a2d-11f1-bd85-1607ee4eb77e",834,["D",1789505535012],16,"\n\n\n

\n $\"Learning$ \n

Portfolio Write-Up and Pitch Coach

\n\n

\n \n \n \n \n

\n\n

\n\n \n

Turn your portfolio sample into a hireable portfolio piece

You finished your sample. Now you need two things that get you interviews: a write-up on your portfolio site and a polished verbal pitch for when an interviewer says \"walk me through this.\"

\n\n

Who's giving you feedback

Throughout this tool, you'll get feedback from the perspective of an experienced hiring manager who hires Instructional Designers. That means they know ID language, they know what good design thinking sounds like, and they know what hiring managers actually look for in portfolio write-ups and interviews. They won't flag ID jargon (that's expected). They will flag teacher-speak, vague answers, missing rationale, and anything that doesn't sound like a working ID.

\n\n

Create your write-up. Nine sections, guided. You'll paste in work you already did (audience, problem, solution) and create fresh content for Highlights, Process, AI Use, and Evaluation with hiring manager feedback.
Practice your pitch. Five common interview questions about your sample. Speak your answer or type it. Get hiring manager critique on each one.
Save your work. Print or save the write-up to PDF. Copy your polished pitches into your interview prep doc.

\n\n

\n \n

\n\n \n

Tools Used

List the tools you used to build your sample. Keep it factual and comma-separated.

\n Your tools\n \n

\n\n \n

Audience

Pull this from your content map. Paste in the audience you defined when you planned your sample.

You already wrote this. No new thinking required. Go to your content map and copy the audience description into the field below.

\n Your audience\n \n

\n\n \n

Problem

The business problem your training solves. Pull this from your content map too.

Copy the problem statement straight from your content map. This is the \"why this training matters\" part. Hiring managers care about this a lot.

\n The problem\n \n

\n\n \n

Solution

The goal or measurable outcome of your training. From your content map.

This is the goal statement, ideally with a measurable target (reduce errors by X percent, increase compliance by Y, etc.). Paste it from your content map.

\n Your solution\n \n

\n\n \n

Highlights

The design moves you made. This is where you show the ID thinking behind the building.

What to include: the strategies you applied (scenario-based, chunking, spaced practice), any standout interactions in your build, and specific moves you made to enhance the learning experience for your learners.

\n \n

Example highlights (retail associate training)

Applied several design strategies to engage learners:

A branching scenario simulating a real customer complaint conversation, with different response paths depending on the choice the learner makes
Chunked the content into five-minute modules with logical sequencing
Knowledge checks with targeted feedback after every section
A downloadable job aid for quick reference during a shift

Interactions used: drag-and-drop sorting, click-to-reveal product details, the branching customer scenario, marker hotspots on a product display image, tabbed FAQ, slider for pricing tiers.

Use this as a structural reference. Create yours about your actual sample.

\n Your highlights (draft)\n \n

\n \n

Hiring manager feedback REVIEW

\n\n \n

Process

Walk through how you approached the project from analysis to delivery. Show the ID thinking behind what you built.

What to include: the analysis you would do (or did) before building, design document and storyboard work, the development tool, and the final deliverable format.

\n \n

Example process (retail associate training)

Before development, a needs analysis would be conducted with store managers and tenured associates to confirm training was the right solution and not a coaching or process issue. A scoping meeting with subject matter experts and operations leadership would define the scope and sequence and set clear, measurable learning objectives. A design document captured the blueprint, and a storyboard mapped out every interaction before development started.

During development, the storyboard was built out in Articulate Storyline with all approved interactions, voiceover, and assessments. The deliverable to the client was a SCORM-compliant package ready to load into their LMS.

Yours will look different depending on your actual sample. Use this for structure.

\n Your process (draft)\n \n

\n \n

Hiring manager feedback REVIEW

\n\n \n

AI Use

Explain if and how you used AI at any point while creating this sample. Being upfront about this is a strength. If you didn't use AI at all, just say so.

What to include: where in the process you used AI (research, drafting, storyboarding, script writing, images, etc.), what you asked it to do, and what you changed or added yourself. If you didn't use AI anywhere in the process, one sentence saying that is enough.

\n \n

Example AI use (retail associate training)

Used ChatGPT to brainstorm realistic customer complaint scenarios for the branching interaction, then rewrote the dialogue myself to match the tone and reading level of the audience. Used Claude to tighten the wording on knowledge-check feedback so it sounded encouraging rather than clinical. Built the storyboard, design document, and all final content myself.

If you didn't use AI, write something like: \"I didn't use AI for this sample. All research, writing, and design decisions were mine.\" Either way, this section gets used.

\n Your AI use (draft)\n \n

\n \n

Hiring manager feedback REVIEW

\n\n \n

Evaluation

How you would measure whether the training actually worked. This is where most career changers stop short and lose hiring managers.

What to include: Kirkpatrick levels if you used them (Level 2 is knowledge checks, Level 3 is on-the-job behavior change), how you'd collect the data, and who'd review it.

\n \n

Example evaluation (retail associate training)

Kirkpatrick Level 2 is measured throughout the course with scenario-based knowledge checks and a final pass-fail assessment that mirrors situations associates face on the floor. Learners must pass the final to complete the course.

Kirkpatrick Level 3 is measured on the job. Floor managers track behavior using a 60-day observation checklist, capturing whether associates apply the trained skills in real customer interactions. Results are reviewed monthly with the L&D team and used to identify whether additional support or refresher content is needed.

If you didn't deploy to real learners, write this as \"would be measured by.\" Hiring managers know it's a portfolio sample.

\n Your evaluation (draft)\n \n

\n \n

Hiring manager feedback REVIEW

\n\n \n

Additional Deliverables

Link the supporting documents from your sample so hiring managers can see the depth of your work.

No writing needed here. On your portfolio page, add a section called Additional Deliverables with links to each of the supporting documents below. Make sure each link is set to \"Anyone with the link can view.\"

Sections to link:

Design Document
Storyboard
Job Aid
Voiceover Script

\n\n

\n \n \n

\n\n

\n\n \n

\n\n

Practice your pitch out loud

Five questions hiring managers actually ask about your portfolio sample. For each one, you'll get a frame, you'll speak (or type) your answer, and you'll get hiring manager feedback. Aim for 60 to 90 seconds per answer.

Voice input uses your browser's built-in speech recognition. Works best in Chrome and Edge. If voice doesn't work for you, just type your answer.

\n\n

\n \n \n

\n\n

\n\n \n

\n\n

Write-Up Preview

\n\n

Save your work

Open a printable version of your write-up. From the print dialog you can choose \"Save as PDF\" to download a copy, or print it directly.

\n \n \n

Your draft is saved in your browser. To pick up where you left off, come back to this same page on the same computer and browser. Clearing your browser data will erase the draft.

\n \n

\n\n

\n\n\n\n\n\n\n\n",[],[721,993],"cdd7a6bf-3ef4-40ce-9500-154fc5f77391","portfolio-topic-generator.html","75d28cd0-7d94-11f1-b7f0-1607ee4eb77e",468,["D",1785812774228],7,"\n\n

\n\n

\n $\"Learning$ \n

Turn Any Idea Into a
Corporate Training Topic

Answer a couple of quick questions and we'll generate real, portfolio-worthy training ideas built around your interests.

\n\n

\n\n \n

\n Get Your Free Portfolio Topic Ideas\n Enter your name and email below to unlock the generator. We'll send you a copy of your results, too.\n\n

\n First Name\n \n

\n\n

\n Email\n \n

\n\n

Please enter your first name and email to continue.

\n \n

\n\n \n

\n Step 1 of 2\n Tell us a little about you\n We'll use your interests and ideas to generate corporate training topics that are actually yours.\n\n

\n What are you into outside of work?\n Or what idea do you have that you would like to expand on?\n \n Separate with commas. The more specific, the better.\n

\n\n

\n What type of portfolio sample are you building?\n

\n \n eLearning Module\n \n Job Aid\n \n Instructor-Led Training\n \n Virtual ILT\n \n Microlearning Video\n

\n Your brief will include format-specific guidance on exactly what to build.\n

\n\n

Please enter at least one interest or idea before continuing.

\n \n

\n\n \n

\n Step 2 of 2\n Here are your corporate training ideas\n Each one connects YOUR interests and ideas to a real business context. Pick the one that excites you most and we'll build a full project brief around it.\n\n

\n Connecting your ideas to real corporate contexts. This can take up to 30 seconds...\n

\n\n

Please pick one idea to continue.

\n\n

\n \n \n \n

\n\n \n

\n Your Portfolio Project Brief\n

\n \n Save this. This is your starting point. Copy it into a doc and build from here.\n\n

\n Building your full project brief. This can take up to 30 seconds...\n

\n\n \n\n

\n \n \n

\n\n \n\n \n

\n\n

\n\n",[],[721,1002],"deae3219-5f0a-4b12-962f-2690b13800c1","portfolio-reality-check.html","f0e0a986-7a2c-11f1-92d7-1607ee4eb77e",212,["D",1784418505743],4,"\n\n

\n $\"Learning$ \n

Portfolio Score Card

Find out if your portfolio would survive a hiring manager's first look

\n\n",[],[721,1011],"75009fbc-eb47-4340-be84-db3f649e508b","portfolio-interview-simulator.html","d4e3979c-7a2d-11f1-a884-1607ee4eb77e",838,["D",1789505659940],8,"\n\n\n

\n $\"Learning$ \n

Portfolio Interview Simulator

\n\n

Mock Interview

Practice defending one portfolio piece before a real hiring manager does.

Pick one eLearning module from your portfolio. Answer a few questions about it so the interviewer has context. Then get grilled with the questions ID hiring managers actually ask. When you're done, you'll get feedback on how you presented your work and where to tighten up.

\n\n

How this works

Fill out a short intake about one Storyline or Rise sample (about 5 minutes)
Answer 8 interview questions in a chat format (about 15 to 20 minutes)
Get a feedback report with a scorecard and 3 specific improvements
Save your report as a PDF to review later

\n\n

\n Heads up: the interviewer plays fair but pointed, the way real hiring managers do. Expect some pushback. That's the point. The more honest you are in the intake, the more useful the practice.\n

\n\n

\n \n

\n\n

Step 1 of 3

Tell the interviewer about your piece.

Answer honestly. The interviewer will use these answers to ask sharp, specific questions. Vague answers here mean generic questions later.

\n\n

The piece

Quick facts about the sample.

\n\n

\n What's this piece called?\n \n

\n\n

\n Tool used\n \n

\n Length (minutes)\n \n

\n Format\n \n

\n\n

The business context

This is where interviews get real. Weak business context is the fastest way to lose an interview.

\n\n

\n Who's the audience? Role, seniority, industry.\n

e.g., \"New account executives at a B2B SaaS company, 0 to 6 months on the job\"

\n \n

\n\n

\n What business problem was this designed to solve?\n

Not the learning objective, the business problem. Ramp time? Compliance risk? Rework? Missed sales? Errors? What was hurting the business?

\n \n

\n\n

\n Was this a real project or portfolio-only?\n

\n Real work project\n Real client project\n Portfolio-only (made up)\n

\n\n

\n How did (or would) you measure whether this worked?\n

Real measures: reduced ramp time, higher pass rate, fewer support tickets, better test scores, decreased errors. If you're guessing, say what you'd measure and how.

\n \n

\n\n

Design choices

The interviewer will push hardest on the WHY. Be ready.

\n\n

\n Learning objectives (2 to 4)\n

Action verbs. What learners can do by the end.

\n \n

\n\n

\n Why this format? Why eLearning instead of a job aid, video, ILT, or coaching?\n \n

\n\n

\n What are 2 to 3 design choices you're most proud of or most want to talk about?\n

Interactions, scenario branches, layouts, navigation choices, visual design decisions. Be specific.

\n \n

\n\n

Process

Hiring managers care as much about how you work as what you built.

\n\n

\n How did you decide training was the right solution?\n

What did needs analysis look like? If this was portfolio-only, walk through what you'd have done.

\n \n

\n\n

\n How did you work with SMEs (or simulate that for a portfolio piece)?\n \n

\n\n

\n If you rebuilt this today, what's ONE thing you'd change?\n \n

\n\n

\n \n \n

\n\n

Question 1 of 8

\n\n

\n \n

\n Aim for 2 to 4 sentences. Specifics beat sweeping claims.\n \n

\n\n

Your session is saved as you go. Same computer and browser to come back.

\n\n

Your feedback report

Here's how you did.

An honest read on how you presented your work. The interviewer's job is to find the weak spots, so if some of this stings, that's the tool doing its job.

\n\n

Scorecard

\n\n

3 things to sharpen

\n\n

Overall

\n\n

\n \n \n

\n\n

The report opens in a new tab. If it doesn't, allow popups from this page and try again.

\n\n\n\n

Interview Cheat Sheet

Interview Cheat Sheet

${toolName}

Learning Strategy & Design Free Tools

Map your scenario

Skipped for this map

Skipped for this map

Skipped for this map

Skipped for this map

Criteria (edit inline)

Criteria (edit inline)

Play your own sim

Play your own sim

Publish

Your edit key

Advanced: your config

Your build plan

Publish

How will this live in your course?

Your edit key

Advanced: your config

Spend a week with Nora.

About Nora

About the job

About the rhythm

Nora's week as an instructional designer

Nora's take

What this life changed for me

The real talk

You might love this if…

This might not be for you if…

Want a week that looks more like Nora's?

Nail the first 90 seconds of your ID interview.

How it works

Storyline Scenario Builder

Tell me about your project

Your Scenario

Decision Point 1: First Choices

Your Scenario Map

Node Details

Want a decision point to be a LIVE conversation?

Storyboard Reviewer

Welcome Back

Upload Your Storyboard

Review Results

Final Check

Storyboard Review Complete

Learn the language before you're in the room

Corporate Glossary

E-mail Communication

You're thinking corporate.

What to do next

Scenario Studio

Get the exact words for your salary negotiation

SME/Stakeholder Roleplay Gym

Welcome to the Roleplay Gym

Coaching Feedback

What happened

The better move

Now YOU decide

Scenario Complete!

Tailor your resume to this job

Your Resume

Job Description

Tailor your resume to any ID job posting

Your Resume

ID Job Posting

Revamp your resume for corporate ID

Your Resume

🏫 Educator Skills → ID Language Translator

E-Learning Project Scope Estimator

Course Length

Interactivity Level

Content Readiness

Multimedia Requirements

Audio / Narration

Review Cycles

SME Availability

Phase Breakdown

What Adjusted Your Estimate

Turn Any Idea Into a
Corporate Training Topic

Diff · v1007