@almadar/std 16.253.0 → 16.254.0

package/behaviors/registry/ui/learning/atoms/std-learn-arrangement.orb

@@ -1 +1 @@
-{"name":"std-learn-arrangement","version":"1.0.0","description":"Generic build-an-ordering-then-grade instrument — a config-declared roster of items (each with a correct position index and an optional hint) is tapped one at a time from a remaining-items button row onto a growing sequence of ordered slots rendered on a math-canvas; a tapped item becomes unavailable, an Undo button removes the last placement, and once every slot is filled a Check button grades the arrangement with per-slot correct/wrong coloring, a score readout, and a verdict badge. Retry clears the placements and keeps the same roster. Item vocabulary is entirely config-declared, so the same mechanism serves any ordering task (process steps, chronology, procedure, ranking) standalone. Standalone by default; behind a lab router set matchMode and it renders only when MODE_SELECTED matches.","orbitals":[{"name":"LearnArrangementOrbital","id":"orb_DWHGPQ8EJ07903JWYKRM6YQVFJ","entity":{"name":"LearnArrangementScene","id":"ent_4VXGN5BMZ2TFH6ZZ0JB32XZCB7","persistence":"runtime","fields":[{"name":"id","type":"string","required":true},{"name":"active","type":"boolean","default":false},{"name":"items","type":"array","items":{"type":"object","properties":{"label":{"name":"label","type":"string","required":true},"id":{"name":"id","type":"string","required":true},"correctPosition":{"name":"correctPosition","type":"number","required":true},"hint":{"name":"hint","type":"string","required":false}}}},{"name":"title","type":"string"},{"name":"totalItems","type":"number"},{"name":"placedIds","type":"array","items":{"type":"string"}},{"name":"checked","type":"boolean","default":false},{"name":"correctCount","type":"number","default":0},{"name":"verdict","type":"string"},{"name":"slotShapes","type":"array","items":{"type":"object","properties":{"align":{"name":"align","type":"string","required":false,"values":["left","center","right"]},"height":{"name":"height","type":"number","required":false},"fillTone":{"name":"fillTone","type":"string","required":false},"path":{"name":"path","type":"string","required":false},"step":{"name":"step","type":"number","required":false},"textSize":{"name":"textSize","type":"string","required":false},"x1":{"name":"x1","type":"number","required":false},"max":{"name":"max","type":"number","required":false},"width":{"name":"width","type":"number","required":false},"points":{"name":"points","type":"array","required":false,"items":{"type":"object","properties":{"x":{"name":"x","type":"number","required":true},"y":{"name":"y","type":"number","required":true}}}},"tone":{"name":"tone","type":"string","required":false},"axis":{"name":"axis","type":"string","required":false,"values":["x","y"]},"label":{"name":"label","type":"string","required":false},"lineWidth":{"name":"lineWidth","type":"number","required":false},"fill":{"name":"fill","type":"string","required":false},"y2":{"name":"y2","type":"number","required":false},"x2":{"name":"x2","type":"number","required":false},"y1":{"name":"y1","type":"number","required":false},"fillStyle":{"name":"fillStyle","type":"string","required":false},"opacity":{"name":"opacity","type":"number","required":false},"y":{"name":"y","type":"number","required":false},"id":{"name":"id","type":"string","required":false},"text":{"name":"text","type":"string","required":false},"stroke":{"name":"stroke","type":"string","required":false},"color":{"name":"color","type":"string","required":false},"radius":{"name":"radius","type":"number","required":false},"x":{"name":"x","type":"number","required":false},"type":{"name":"type","type":"string","required":true,"values":["line","arrow","circle","rect","polygon","path","text","axis","grid"]},"fontSize":{"name":"fontSize","type":"number","required":false},"min":{"name":"min","type":"number","required":false}}}}]},"traits":[{"name":"LearnArrangementSim","id":"trt_EAZHKCBJ5HS2RZMQ3XFMF3568Y","entityRebindable":true,"entityContract":{"requires":[],"provides":["active","checked","correctCount","items","placedIds","slotShapes","title","totalItems","verdict"]},"effectRow":[{"kind":"emit","resource":"ARRANGEMENT_CHECKED"},{"kind":"emit","resource":"ARRANGEMENT_RESET"},{"kind":"emit","resource":"LEARN_ROUND_COMPLETE"},{"kind":"render-ui","resource":"main"},{"kind":"set","resource":"@entity.active"},{"kind":"set","resource":"@entity.checked"},{"kind":"set","resource":"@entity.correctCount"},{"kind":"set","resource":"@entity.items"},{"kind":"set","resource":"@entity.placedIds"},{"kind":"set","resource":"@entity.slotShapes"},{"kind":"set","resource":"@entity.title"},{"kind":"set","resource":"@entity.totalItems"},{"kind":"set","resource":"@entity.verdict"}],"category":"interaction","linkedEntity":"LearnArrangementScene","linkedEntityId":"ent_4VXGN5BMZ2TFH6ZZ0JB32XZCB7","entityRefIds":{"LearnArrangementScene":"ent_4VXGN5BMZ2TFH6ZZ0JB32XZCB7"},"emits":[{"event":"ARRANGEMENT_CHECKED","eventId":"evt_K26KW0W3BD1NPQQ6P8V0MGRB5S","description":"The grading result after Check — a composed listener (readout, grader) can subscribe; a harmless no-op when the atom runs standalone.","synonyms":"arrangement graded, order checked, score, running score","tier":"domain","scope":"external","payloadSchema":[{"name":"correctCount","type":"number"},{"name":"total","type":"number"}]},{"event":"ARRANGEMENT_RESET","eventId":"evt_XK9NZA99JDMS6T2E9ZJY0NS0AB","description":"Signals the arrangement was cleared back to empty by Retry — a composed listener can subscribe; a harmless no-op when the atom runs standalone.","synonyms":"arrangement reset, retry, restart","tier":"domain","scope":"external"},{"event":"LEARN_ROUND_COMPLETE","eventId":"evt_M7HJ5ZQHKERSQ3FJR7C5WGAETQ","description":"Fired when a Check grades the arrangement fully correct — the standard learning completion broadcast a celebration/progression sibling (fx cues, badges) rides.","synonyms":"round complete, finished, done, completion, all correct","tier":"domain","scope":"external","payloadSchema":[{"name":"score","type":"number"},{"name":"total","type":"number"}]}],"stateMachine":{"states":[{"name":"idle","isInitial":true}],"events":[{"key":"INIT","id":"evt_GXPAHQMC69634XG0GHN9FCWAE8","name":"Initialize"},{"key":"MODE_SELECTED","id":"evt_YP7G958XY6EZ3EJTG2T49SD55X","name":"Mode Selected","description":"Lab router broadcast naming the active mode; this instrument renders when the mode equals matchMode, otherwise renders null.","tier":"domain","payloadSchema":[{"name":"mode","type":"string"}],"listened":true},{"key":"ROSTER_LOADED","id":"evt_GYWT8C1PRKVC9S44ASCXF7R8PT","name":"Roster Loaded","description":"Runtime content feed, honoured only when rosterSource is event — mode names the instrument it is for (the matchMode it carries, blank when standalone) and items is the roster to order; a matching instrument re-initialises from it exactly as INIT does from config, any other instrument hides.","tier":"domain","payloadSchema":[{"name":"mode","type":"string","required":true},{"name":"items","type":"[object]","required":true,"properties":[{"name":"id","type":"string","required":true},{"name":"label","type":"string","required":true},{"name":"correctPosition","type":"number","required":true},{"name":"hint","type":"string"}]}],"listened":true},{"key":"PLACE","id":"evt_E4YKJKF3VJHXS2RDD0W692KMPS","name":"Place","description":"Learner tapped an unplaced item, appending it to the end of the built sequence; the item becomes unavailable in the remaining-items row.","tier":"domain","payloadSchema":[{"name":"itemId","type":"string"}],"listened":true},{"key":"UNDO","id":"evt_99KSQXW1830M1H58ABKJ1SZ89Y","name":"Undo","description":"Learner removed the most recently placed item, returning it to the remaining-items row and clearing any prior grading.","tier":"domain","listened":true},{"key":"CHECK","id":"evt_ZKK54SFFFWQQYCCSRVYMKT4JKA","name":"Check","description":"Learner asked to grade the built sequence once every slot is filled; each slot is verdicted against its item's declared correct position.","tier":"domain","listened":true},{"key":"RETRY","id":"evt_PFY914WN4QAJBQFM5XJYEM66EK","name":"Retry","description":"Learner cleared every placement and restarted the arrangement from an empty sequence, keeping the same item roster.","tier":"domain","listened":true},{"key":"ARRANGEMENT_CHECKED","id":"evt_K26KW0W3BD1NPQQ6P8V0MGRB5S","name":"Arrangement Checked","description":"The grading result after Check — a composed listener (readout, grader) can subscribe; a harmless no-op when the atom runs standalone.","synonyms":"arrangement graded, order checked, score, running score","tier":"domain","payloadSchema":[{"name":"correctCount","type":"number"},{"name":"total","type":"number"}]},{"key":"ARRANGEMENT_RESET","id":"evt_XK9NZA99JDMS6T2E9ZJY0NS0AB","name":"Arrangement Reset","description":"Signals the arrangement was cleared back to empty by Retry — a composed listener can subscribe; a harmless no-op when the atom runs standalone.","synonyms":"arrangement reset, retry, restart","tier":"domain"},{"key":"LEARN_ROUND_COMPLETE","id":"evt_M7HJ5ZQHKERSQ3FJR7C5WGAETQ","name":"Learn Round Complete","description":"Fired when a Check grades the arrangement fully correct — the standard learning completion broadcast a celebration/progression sibling (fx cues, badges) rides.","synonyms":"round complete, finished, done, completion, all correct","tier":"domain","payloadSchema":[{"name":"score","type":"number"},{"name":"total","type":"number"}]}],"transitions":[{"from":"idle","to":"idle","event":"INIT","eventId":"evt_GXPAHQMC69634XG0GHN9FCWAE8","guard":["and",["==","@config.matchMode",""],["==","@config.rosterSource","config"]],"effects":[["set","@entity.items","@config.items"],["set","@entity.active",true],["set","@entity.title","@config.title"],["set","@entity.totalItems",["array/len","@entity.items"]],["set","@entity.placedIds",[]],["set","@entity.checked",false],["set","@entity.correctCount",0],["set","@entity.verdict",""],["let",[["placedCount",["array/len","@entity.placedIds"]],["slotShapes",["array/flatten",["array/map",["array/range","@entity.totalItems"],["fn","i",["let",[["placedId",["if",["<","@i","@placedCount"],["array/nth","@entity.placedIds","@i"],""]],["filled",["!=","@placedId",""]],["item",["if","@filled",["array/find","@entity.items",["fn","it",["==",["object/get","@it","id"],"@placedId"]]],null]],["label",["if","@filled",["object/get","@item","label"],""]],["correctForSlot",["if","@filled",["==",["object/get","@item","correctPosition"],"@i"],false]],["fillColor",["if",["not","@filled"],"@config.emptySlotColor",["if","@entity.checked",["if","@correctForSlot","@config.correctColor","@config.incorrectColor"],"@config.pendingColor"]]],["bx",["+","@config.slotLeft",["*","@i","@config.slotSpacing"]]]],[{"type":"rect","id":["str/concat","slot-","@i"],"x":"@bx","y":"@config.slotY","width":"@config.slotWidth","height":"@config.slotHeight","tone":"@config.slotBorderColor","fillTone":"@fillColor","fillStyle":"tint"},{"type":"text","id":["str/concat","slot-label-","@i"],"x":["+","@bx",["/","@config.slotWidth",2]],"y":["+","@config.slotY",["/","@config.slotHeight",2],5],"text":["if","@filled","@label",["str/concat","",["+","@i",1]]],"textSize":"@config.slotFontSize","align":"center","tone":"@config.slotTextColor"}]]]]]]],["set","@entity.slotShapes","@slotShapes"]],["render-ui","main",{"type":"box","padding":"md","children":[{"type":"stack","direction":"vertical","gap":"md","children":[{"type":"stack","direction":"horizontal","justify":"between","align":"start","gap":"md","children":[{"type":"stack","direction":"vertical","gap":"xs","children":[{"type":"typography","variant":"h4","content":"@entity.title"},["if",["==","@config.summary",""],null,{"type":"typography","variant":"body2","color":"muted","content":"@config.summary"}]]},{"type":"badge","label":["if","@entity.checked",["if",["==","@entity.correctCount","@entity.totalItems"],"Correct",["str/concat","@entity.correctCount"," / ","@entity.totalItems"," correct"]],["str/concat",["array/len","@entity.placedIds"]," / ","@entity.totalItems"," placed"]],"variant":["if","@entity.checked",["if",["==","@entity.correctCount","@entity.totalItems"],"success","error"],"neutral"]}]},{"type":"math-canvas","width":"@config.width","height":"@config.height","xMin":0,"xMax":"@config.width","yMin":0,"yMax":"@config.height","showAxes":false,"showGrid":false,"gridStep":1,"curves":[],"points":[],"vectors":[],"shapes":"@entity.slotShapes","interactive":"@config.interactive","animate":"@config.animate","keyMap":{"Space":"CHECK","Backspace":"UNDO","KeyR":"RETRY"}},{"type":"stack","direction":"vertical","gap":"sm","children":["array/map",["array/filter","@entity.items",["fn","it",["not",["array/includes","@entity.placedIds",["object/get","@it","id"]]]]],["fn","it",{"type":"button","action":"PLACE","actionPayload":{"itemId":["object/get","@it","id"]},"label":["if",["!=",["object/get","@it","hint",""],""],["str/concat",["object/get","@it","label"]," — ",["object/get","@it","hint",""]],["object/get","@it","label"]],"variant":"secondary","size":"lg","disabled":"@entity.checked"}]]},{"type":"stack","direction":"horizontal","align":"center","gap":"sm","wrap":true,"children":[{"type":"button","action":"CHECK","label":"@config.checkLabel","icon":"check","variant":"primary","disabled":["if",[">=",["array/len","@entity.placedIds"],"@entity.totalItems"],false,true]},{"type":"button","action":"UNDO","label":"@config.undoLabel","icon":"chevron-left","variant":"secondary","disabled":["if",[">",["array/len","@entity.placedIds"],0],false,true]},{"type":"button","action":"RETRY","label":"@config.retryLabel","icon":"rotate-ccw","variant":"ghost"},{"type":"typography","variant":"caption","color":"muted","content":["str/concat","Placed ",["array/len","@entity.placedIds"]," of ","@entity.totalItems"]}]},{"type":"typography","variant":"body","content":["if","@entity.checked","@entity.verdict","Tap items to build the sequence in order, then press Check."]}]}]}]]},{"from":"idle","to":"idle","event":"MODE_SELECTED","eventId":"evt_YP7G958XY6EZ3EJTG2T49SD55X","guard":["and",["not",["==","@config.matchMode",""]],["not",["==","@payload.mode","@config.matchMode"]]],"effects":[["set","@entity.active",false],["render-ui","main",null]]},{"from":"idle","to":"idle","event":"MODE_SELECTED","eventId":"evt_YP7G958XY6EZ3EJTG2T49SD55X","guard":["and",["==","@payload.mode","@config.matchMode"],["==","@config.rosterSource","config"]],"effects":[["set","@entity.items","@config.items"],["set","@entity.active",true],["set","@entity.title","@config.title"],["set","@entity.totalItems",["array/len","@entity.items"]],["set","@entity.placedIds",[]],["set","@entity.checked",false],["set","@entity.correctCount",0],["set","@entity.verdict",""],["let",[["placedCount",["array/len","@entity.placedIds"]],["slotShapes",["array/flatten",["array/map",["array/range","@entity.totalItems"],["fn","i",["let",[["placedId",["if",["<","@i","@placedCount"],["array/nth","@entity.placedIds","@i"],""]],["filled",["!=","@placedId",""]],["item",["if","@filled",["array/find","@entity.items",["fn","it",["==",["object/get","@it","id"],"@placedId"]]],null]],["label",["if","@filled",["object/get","@item","label"],""]],["correctForSlot",["if","@filled",["==",["object/get","@item","correctPosition"],"@i"],false]],["fillColor",["if",["not","@filled"],"@config.emptySlotColor",["if","@entity.checked",["if","@correctForSlot","@config.correctColor","@config.incorrectColor"],"@config.pendingColor"]]],["bx",["+","@config.slotLeft",["*","@i","@config.slotSpacing"]]]],[{"type":"rect","id":["str/concat","slot-","@i"],"x":"@bx","y":"@config.slotY","width":"@config.slotWidth","height":"@config.slotHeight","tone":"@config.slotBorderColor","fillTone":"@fillColor","fillStyle":"tint"},{"type":"text","id":["str/concat","slot-label-","@i"],"x":["+","@bx",["/","@config.slotWidth",2]],"y":["+","@config.slotY",["/","@config.slotHeight",2],5],"text":["if","@filled","@label",["str/concat","",["+","@i",1]]],"textSize":"@config.slotFontSize","align":"center","tone":"@config.slotTextColor"}]]]]]]],["set","@entity.slotShapes","@slotShapes"]],["render-ui","main",{"type":"box","padding":"md","children":[{"type":"stack","direction":"vertical","gap":"md","children":[{"type":"stack","direction":"horizontal","justify":"between","align":"start","gap":"md","children":[{"type":"stack","direction":"vertical","gap":"xs","children":[{"type":"typography","variant":"h4","content":"@entity.title"},["if",["==","@config.summary",""],null,{"type":"typography","variant":"body2","color":"muted","content":"@config.summary"}]]},{"type":"badge","label":["if","@entity.checked",["if",["==","@entity.correctCount","@entity.totalItems"],"Correct",["str/concat","@entity.correctCount"," / ","@entity.totalItems"," correct"]],["str/concat",["array/len","@entity.placedIds"]," / ","@entity.totalItems"," placed"]],"variant":["if","@entity.checked",["if",["==","@entity.correctCount","@entity.totalItems"],"success","error"],"neutral"]}]},{"type":"math-canvas","width":"@config.width","height":"@config.height","xMin":0,"xMax":"@config.width","yMin":0,"yMax":"@config.height","showAxes":false,"showGrid":false,"gridStep":1,"curves":[],"points":[],"vectors":[],"shapes":"@entity.slotShapes","interactive":"@config.interactive","animate":"@config.animate","keyMap":{"Space":"CHECK","Backspace":"UNDO","KeyR":"RETRY"}},{"type":"stack","direction":"vertical","gap":"sm","children":["array/map",["array/filter","@entity.items",["fn","it",["not",["array/includes","@entity.placedIds",["object/get","@it","id"]]]]],["fn","it",{"type":"button","action":"PLACE","actionPayload":{"itemId":["object/get","@it","id"]},"label":["if",["!=",["object/get","@it","hint",""],""],["str/concat",["object/get","@it","label"]," — ",["object/get","@it","hint",""]],["object/get","@it","label"]],"variant":"secondary","size":"lg","disabled":"@entity.checked"}]]},{"type":"stack","direction":"horizontal","align":"center","gap":"sm","wrap":true,"children":[{"type":"button","action":"CHECK","label":"@config.checkLabel","icon":"check","variant":"primary","disabled":["if",[">=",["array/len","@entity.placedIds"],"@entity.totalItems"],false,true]},{"type":"button","action":"UNDO","label":"@config.undoLabel","icon":"chevron-left","variant":"secondary","disabled":["if",[">",["array/len","@entity.placedIds"],0],false,true]},{"type":"button","action":"RETRY","label":"@config.retryLabel","icon":"rotate-ccw","variant":"ghost"},{"type":"typography","variant":"caption","color":"muted","content":["str/concat","Placed ",["array/len","@entity.placedIds"]," of ","@entity.totalItems"]}]},{"type":"typography","variant":"body","content":["if","@entity.checked","@entity.verdict","Tap items to build the sequence in order, then press Check."]}]}]}]]},{"from":"idle","to":"idle","event":"ROSTER_LOADED","eventId":"evt_GYWT8C1PRKVC9S44ASCXF7R8PT","guard":["and",["==","@config.rosterSource","event"],["and",["==","@payload.mode","@config.matchMode"],[">",["array/len","@payload.items"],0]]],"effects":[["set","@entity.items","@payload.items"],["set","@entity.active",true],["set","@entity.title","@config.title"],["set","@entity.totalItems",["array/len","@entity.items"]],["set","@entity.placedIds",[]],["set","@entity.checked",false],["set","@entity.correctCount",0],["set","@entity.verdict",""],["let",[["placedCount",["array/len","@entity.placedIds"]],["slotShapes",["array/flatten",["array/map",["array/range","@entity.totalItems"],["fn","i",["let",[["placedId",["if",["<","@i","@placedCount"],["array/nth","@entity.placedIds","@i"],""]],["filled",["!=","@placedId",""]],["item",["if","@filled",["array/find","@entity.items",["fn","it",["==",["object/get","@it","id"],"@placedId"]]],null]],["label",["if","@filled",["object/get","@item","label"],""]],["correctForSlot",["if","@filled",["==",["object/get","@item","correctPosition"],"@i"],false]],["fillColor",["if",["not","@filled"],"@config.emptySlotColor",["if","@entity.checked",["if","@correctForSlot","@config.correctColor","@config.incorrectColor"],"@config.pendingColor"]]],["bx",["+","@config.slotLeft",["*","@i","@config.slotSpacing"]]]],[{"type":"rect","id":["str/concat","slot-","@i"],"x":"@bx","y":"@config.slotY","width":"@config.slotWidth","height":"@config.slotHeight","tone":"@config.slotBorderColor","fillTone":"@fillColor","fillStyle":"tint"},{"type":"text","id":["str/concat","slot-label-","@i"],"x":["+","@bx",["/","@config.slotWidth",2]],"y":["+","@config.slotY",["/","@config.slotHeight",2],5],"text":["if","@filled","@label",["str/concat","",["+","@i",1]]],"textSize":"@config.slotFontSize","align":"center","tone":"@config.slotTextColor"}]]]]]]],["set","@entity.slotShapes","@slotShapes"]],["render-ui","main",{"type":"box","padding":"md","children":[{"type":"stack","direction":"vertical","gap":"md","children":[{"type":"stack","direction":"horizontal","justify":"between","align":"start","gap":"md","children":[{"type":"stack","direction":"vertical","gap":"xs","children":[{"type":"typography","variant":"h4","content":"@entity.title"},["if",["==","@config.summary",""],null,{"type":"typography","variant":"body2","color":"muted","content":"@config.summary"}]]},{"type":"badge","label":["if","@entity.checked",["if",["==","@entity.correctCount","@entity.totalItems"],"Correct",["str/concat","@entity.correctCount"," / ","@entity.totalItems"," correct"]],["str/concat",["array/len","@entity.placedIds"]," / ","@entity.totalItems"," placed"]],"variant":["if","@entity.checked",["if",["==","@entity.correctCount","@entity.totalItems"],"success","error"],"neutral"]}]},{"type":"math-canvas","width":"@config.width","height":"@config.height","xMin":0,"xMax":"@config.width","yMin":0,"yMax":"@config.height","showAxes":false,"showGrid":false,"gridStep":1,"curves":[],"points":[],"vectors":[],"shapes":"@entity.slotShapes","interactive":"@config.interactive","animate":"@config.animate","keyMap":{"Space":"CHECK","Backspace":"UNDO","KeyR":"RETRY"}},{"type":"stack","direction":"vertical","gap":"sm","children":["array/map",["array/filter","@entity.items",["fn","it",["not",["array/includes","@entity.placedIds",["object/get","@it","id"]]]]],["fn","it",{"type":"button","action":"PLACE","actionPayload":{"itemId":["object/get","@it","id"]},"label":["if",["!=",["object/get","@it","hint",""],""],["str/concat",["object/get","@it","label"]," — ",["object/get","@it","hint",""]],["object/get","@it","label"]],"variant":"secondary","size":"lg","disabled":"@entity.checked"}]]},{"type":"stack","direction":"horizontal","align":"center","gap":"sm","wrap":true,"children":[{"type":"button","action":"CHECK","label":"@config.checkLabel","icon":"check","variant":"primary","disabled":["if",[">=",["array/len","@entity.placedIds"],"@entity.totalItems"],false,true]},{"type":"button","action":"UNDO","label":"@config.undoLabel","icon":"chevron-left","variant":"secondary","disabled":["if",[">",["array/len","@entity.placedIds"],0],false,true]},{"type":"button","action":"RETRY","label":"@config.retryLabel","icon":"rotate-ccw","variant":"ghost"},{"type":"typography","variant":"caption","color":"muted","content":["str/concat","Placed ",["array/len","@entity.placedIds"]," of ","@entity.totalItems"]}]},{"type":"typography","variant":"body","content":["if","@entity.checked","@entity.verdict","Tap items to build the sequence in order, then press Check."]}]}]}]]},{"from":"idle","to":"idle","event":"ROSTER_LOADED","eventId":"evt_GYWT8C1PRKVC9S44ASCXF7R8PT","guard":["and",["==","@config.rosterSource","event"],["not",["==","@payload.mode","@config.matchMode"]]],"effects":[["set","@entity.active",false],["render-ui","main",null]]},{"from":"idle","to":"idle","event":"PLACE","eventId":"evt_E4YKJKF3VJHXS2RDD0W692KMPS","guard":["and",["==","@entity.active",true],["<",["array/len","@entity.placedIds"],"@entity.totalItems"]],"effects":[["set","@entity.placedIds",["array/append","@entity.placedIds","@payload.itemId"]],["set","@entity.checked",false],["set","@entity.correctCount",0],["set","@entity.verdict",""],["let",[["placedCount",["array/len","@entity.placedIds"]],["slotShapes",["array/flatten",["array/map",["array/range","@entity.totalItems"],["fn","i",["let",[["placedId",["if",["<","@i","@placedCount"],["array/nth","@entity.placedIds","@i"],""]],["filled",["!=","@placedId",""]],["item",["if","@filled",["array/find","@entity.items",["fn","it",["==",["object/get","@it","id"],"@placedId"]]],null]],["label",["if","@filled",["object/get","@item","label"],""]],["correctForSlot",["if","@filled",["==",["object/get","@item","correctPosition"],"@i"],false]],["fillColor",["if",["not","@filled"],"@config.emptySlotColor",["if","@entity.checked",["if","@correctForSlot","@config.correctColor","@config.incorrectColor"],"@config.pendingColor"]]],["bx",["+","@config.slotLeft",["*","@i","@config.slotSpacing"]]]],[{"type":"rect","id":["str/concat","slot-","@i"],"x":"@bx","y":"@config.slotY","width":"@config.slotWidth","height":"@config.slotHeight","tone":"@config.slotBorderColor","fillTone":"@fillColor","fillStyle":"tint"},{"type":"text","id":["str/concat","slot-label-","@i"],"x":["+","@bx",["/","@config.slotWidth",2]],"y":["+","@config.slotY",["/","@config.slotHeight",2],5],"text":["if","@filled","@label",["str/concat","",["+","@i",1]]],"textSize":"@config.slotFontSize","align":"center","tone":"@config.slotTextColor"}]]]]]]],["set","@entity.slotShapes","@slotShapes"]],["render-ui","main",{"type":"box","padding":"md","children":[{"type":"stack","direction":"vertical","gap":"md","children":[{"type":"stack","direction":"horizontal","justify":"between","align":"start","gap":"md","children":[{"type":"stack","direction":"vertical","gap":"xs","children":[{"type":"typography","variant":"h4","content":"@entity.title"},["if",["==","@config.summary",""],null,{"type":"typography","variant":"body2","color":"muted","content":"@config.summary"}]]},{"type":"badge","label":["if","@entity.checked",["if",["==","@entity.correctCount","@entity.totalItems"],"Correct",["str/concat","@entity.correctCount"," / ","@entity.totalItems"," correct"]],["str/concat",["array/len","@entity.placedIds"]," / ","@entity.totalItems"," placed"]],"variant":["if","@entity.checked",["if",["==","@entity.correctCount","@entity.totalItems"],"success","error"],"neutral"]}]},{"type":"math-canvas","width":"@config.width","height":"@config.height","xMin":0,"xMax":"@config.width","yMin":0,"yMax":"@config.height","showAxes":false,"showGrid":false,"gridStep":1,"curves":[],"points":[],"vectors":[],"shapes":"@entity.slotShapes","interactive":"@config.interactive","animate":"@config.animate","keyMap":{"Space":"CHECK","Backspace":"UNDO","KeyR":"RETRY"}},{"type":"stack","direction":"vertical","gap":"sm","children":["array/map",["array/filter","@entity.items",["fn","it",["not",["array/includes","@entity.placedIds",["object/get","@it","id"]]]]],["fn","it",{"type":"button","action":"PLACE","actionPayload":{"itemId":["object/get","@it","id"]},"label":["if",["!=",["object/get","@it","hint",""],""],["str/concat",["object/get","@it","label"]," — ",["object/get","@it","hint",""]],["object/get","@it","label"]],"variant":"secondary","size":"lg","disabled":"@entity.checked"}]]},{"type":"stack","direction":"horizontal","align":"center","gap":"sm","wrap":true,"children":[{"type":"button","action":"CHECK","label":"@config.checkLabel","icon":"check","variant":"primary","disabled":["if",[">=",["array/len","@entity.placedIds"],"@entity.totalItems"],false,true]},{"type":"button","action":"UNDO","label":"@config.undoLabel","icon":"chevron-left","variant":"secondary","disabled":["if",[">",["array/len","@entity.placedIds"],0],false,true]},{"type":"button","action":"RETRY","label":"@config.retryLabel","icon":"rotate-ccw","variant":"ghost"},{"type":"typography","variant":"caption","color":"muted","content":["str/concat","Placed ",["array/len","@entity.placedIds"]," of ","@entity.totalItems"]}]},{"type":"typography","variant":"body","content":["if","@entity.checked","@entity.verdict","Tap items to build the sequence in order, then press Check."]}]}]}]]},{"from":"idle","to":"idle","event":"UNDO","eventId":"evt_99KSQXW1830M1H58ABKJ1SZ89Y","guard":["and",["==","@entity.active",true],[">",["array/len","@entity.placedIds"],0]],"effects":[["set","@entity.placedIds",["array/take","@entity.placedIds",["-",["array/len","@entity.placedIds"],1]]],["set","@entity.checked",false],["set","@entity.correctCount",0],["set","@entity.verdict",""],["let",[["placedCount",["array/len","@entity.placedIds"]],["slotShapes",["array/flatten",["array/map",["array/range","@entity.totalItems"],["fn","i",["let",[["placedId",["if",["<","@i","@placedCount"],["array/nth","@entity.placedIds","@i"],""]],["filled",["!=","@placedId",""]],["item",["if","@filled",["array/find","@entity.items",["fn","it",["==",["object/get","@it","id"],"@placedId"]]],null]],["label",["if","@filled",["object/get","@item","label"],""]],["correctForSlot",["if","@filled",["==",["object/get","@item","correctPosition"],"@i"],false]],["fillColor",["if",["not","@filled"],"@config.emptySlotColor",["if","@entity.checked",["if","@correctForSlot","@config.correctColor","@config.incorrectColor"],"@config.pendingColor"]]],["bx",["+","@config.slotLeft",["*","@i","@config.slotSpacing"]]]],[{"type":"rect","id":["str/concat","slot-","@i"],"x":"@bx","y":"@config.slotY","width":"@config.slotWidth","height":"@config.slotHeight","tone":"@config.slotBorderColor","fillTone":"@fillColor","fillStyle":"tint"},{"type":"text","id":["str/concat","slot-label-","@i"],"x":["+","@bx",["/","@config.slotWidth",2]],"y":["+","@config.slotY",["/","@config.slotHeight",2],5],"text":["if","@filled","@label",["str/concat","",["+","@i",1]]],"textSize":"@config.slotFontSize","align":"center","tone":"@config.slotTextColor"}]]]]]]],["set","@entity.slotShapes","@slotShapes"]],["render-ui","main",{"type":"box","padding":"md","children":[{"type":"stack","direction":"vertical","gap":"md","children":[{"type":"stack","direction":"horizontal","justify":"between","align":"start","gap":"md","children":[{"type":"stack","direction":"vertical","gap":"xs","children":[{"type":"typography","variant":"h4","content":"@entity.title"},["if",["==","@config.summary",""],null,{"type":"typography","variant":"body2","color":"muted","content":"@config.summary"}]]},{"type":"badge","label":["if","@entity.checked",["if",["==","@entity.correctCount","@entity.totalItems"],"Correct",["str/concat","@entity.correctCount"," / ","@entity.totalItems"," correct"]],["str/concat",["array/len","@entity.placedIds"]," / ","@entity.totalItems"," placed"]],"variant":["if","@entity.checked",["if",["==","@entity.correctCount","@entity.totalItems"],"success","error"],"neutral"]}]},{"type":"math-canvas","width":"@config.width","height":"@config.height","xMin":0,"xMax":"@config.width","yMin":0,"yMax":"@config.height","showAxes":false,"showGrid":false,"gridStep":1,"curves":[],"points":[],"vectors":[],"shapes":"@entity.slotShapes","interactive":"@config.interactive","animate":"@config.animate","keyMap":{"Space":"CHECK","Backspace":"UNDO","KeyR":"RETRY"}},{"type":"stack","direction":"vertical","gap":"sm","children":["array/map",["array/filter","@entity.items",["fn","it",["not",["array/includes","@entity.placedIds",["object/get","@it","id"]]]]],["fn","it",{"type":"button","action":"PLACE","actionPayload":{"itemId":["object/get","@it","id"]},"label":["if",["!=",["object/get","@it","hint",""],""],["str/concat",["object/get","@it","label"]," — ",["object/get","@it","hint",""]],["object/get","@it","label"]],"variant":"secondary","size":"lg","disabled":"@entity.checked"}]]},{"type":"stack","direction":"horizontal","align":"center","gap":"sm","wrap":true,"children":[{"type":"button","action":"CHECK","label":"@config.checkLabel","icon":"check","variant":"primary","disabled":["if",[">=",["array/len","@entity.placedIds"],"@entity.totalItems"],false,true]},{"type":"button","action":"UNDO","label":"@config.undoLabel","icon":"chevron-left","variant":"secondary","disabled":["if",[">",["array/len","@entity.placedIds"],0],false,true]},{"type":"button","action":"RETRY","label":"@config.retryLabel","icon":"rotate-ccw","variant":"ghost"},{"type":"typography","variant":"caption","color":"muted","content":["str/concat","Placed ",["array/len","@entity.placedIds"]," of ","@entity.totalItems"]}]},{"type":"typography","variant":"body","content":["if","@entity.checked","@entity.verdict","Tap items to build the sequence in order, then press Check."]}]}]}]]},{"from":"idle","to":"idle","event":"CHECK","eventId":"evt_ZKK54SFFFWQQYCCSRVYMKT4JKA","guard":["and",["==","@entity.active",true],[">=",["array/len","@entity.placedIds"],"@entity.totalItems"]],"effects":[["let",[["correctCount",["array/reduce",["array/range","@entity.totalItems"],0,["fn",["acc","i"],["let",[["placedId",["array/nth","@entity.placedIds","@i"]],["item",["array/find","@entity.items",["fn","it",["==",["object/get","@it","id"],"@placedId"]]]]],["if",["==",["object/get","@item","correctPosition"],"@i"],["+","@acc",1],"@acc"]]]]],["verdictText",["if",["==","@correctCount","@entity.totalItems"],"All correct — well done!",["str/concat","@correctCount"," of ","@entity.totalItems"," correct — review the highlighted slots."]]]],["do",["set","@entity.checked",true],["set","@entity.correctCount","@correctCount"],["set","@entity.verdict","@verdictText"]]],["let",[["placedCount",["array/len","@entity.placedIds"]],["slotShapes",["array/flatten",["array/map",["array/range","@entity.totalItems"],["fn","i",["let",[["placedId",["if",["<","@i","@placedCount"],["array/nth","@entity.placedIds","@i"],""]],["filled",["!=","@placedId",""]],["item",["if","@filled",["array/find","@entity.items",["fn","it",["==",["object/get","@it","id"],"@placedId"]]],null]],["label",["if","@filled",["object/get","@item","label"],""]],["correctForSlot",["if","@filled",["==",["object/get","@item","correctPosition"],"@i"],false]],["fillColor",["if",["not","@filled"],"@config.emptySlotColor",["if","@entity.checked",["if","@correctForSlot","@config.correctColor","@config.incorrectColor"],"@config.pendingColor"]]],["bx",["+","@config.slotLeft",["*","@i","@config.slotSpacing"]]]],[{"type":"rect","id":["str/concat","slot-","@i"],"x":"@bx","y":"@config.slotY","width":"@config.slotWidth","height":"@config.slotHeight","tone":"@config.slotBorderColor","fillTone":"@fillColor","fillStyle":"tint"},{"type":"text","id":["str/concat","slot-label-","@i"],"x":["+","@bx",["/","@config.slotWidth",2]],"y":["+","@config.slotY",["/","@config.slotHeight",2],5],"text":["if","@filled","@label",["str/concat","",["+","@i",1]]],"textSize":"@config.slotFontSize","align":"center","tone":"@config.slotTextColor"}]]]]]]],["set","@entity.slotShapes","@slotShapes"]],["render-ui","main",{"type":"box","padding":"md","children":[{"type":"stack","direction":"vertical","gap":"md","children":[{"type":"stack","direction":"horizontal","justify":"between","align":"start","gap":"md","children":[{"type":"stack","direction":"vertical","gap":"xs","children":[{"type":"typography","variant":"h4","content":"@entity.title"},["if",["==","@config.summary",""],null,{"type":"typography","variant":"body2","color":"muted","content":"@config.summary"}]]},{"type":"badge","label":["if","@entity.checked",["if",["==","@entity.correctCount","@entity.totalItems"],"Correct",["str/concat","@entity.correctCount"," / ","@entity.totalItems"," correct"]],["str/concat",["array/len","@entity.placedIds"]," / ","@entity.totalItems"," placed"]],"variant":["if","@entity.checked",["if",["==","@entity.correctCount","@entity.totalItems"],"success","error"],"neutral"]}]},{"type":"math-canvas","width":"@config.width","height":"@config.height","xMin":0,"xMax":"@config.width","yMin":0,"yMax":"@config.height","showAxes":false,"showGrid":false,"gridStep":1,"curves":[],"points":[],"vectors":[],"shapes":"@entity.slotShapes","interactive":"@config.interactive","animate":"@config.animate","keyMap":{"Space":"CHECK","Backspace":"UNDO","KeyR":"RETRY"}},{"type":"stack","direction":"vertical","gap":"sm","children":["array/map",["array/filter","@entity.items",["fn","it",["not",["array/includes","@entity.placedIds",["object/get","@it","id"]]]]],["fn","it",{"type":"button","action":"PLACE","actionPayload":{"itemId":["object/get","@it","id"]},"label":["if",["!=",["object/get","@it","hint",""],""],["str/concat",["object/get","@it","label"]," — ",["object/get","@it","hint",""]],["object/get","@it","label"]],"variant":"secondary","size":"lg","disabled":"@entity.checked"}]]},{"type":"stack","direction":"horizontal","align":"center","gap":"sm","wrap":true,"children":[{"type":"button","action":"CHECK","label":"@config.checkLabel","icon":"check","variant":"primary","disabled":["if",[">=",["array/len","@entity.placedIds"],"@entity.totalItems"],false,true]},{"type":"button","action":"UNDO","label":"@config.undoLabel","icon":"chevron-left","variant":"secondary","disabled":["if",[">",["array/len","@entity.placedIds"],0],false,true]},{"type":"button","action":"RETRY","label":"@config.retryLabel","icon":"rotate-ccw","variant":"ghost"},{"type":"typography","variant":"caption","color":"muted","content":["str/concat","Placed ",["array/len","@entity.placedIds"]," of ","@entity.totalItems"]}]},{"type":"typography","variant":"body","content":["if","@entity.checked","@entity.verdict","Tap items to build the sequence in order, then press Check."]}]}]}],["emit","ARRANGEMENT_CHECKED",{"correctCount":"@entity.correctCount","total":"@entity.totalItems"}],["if",["==","@entity.correctCount","@entity.totalItems"],["emit","LEARN_ROUND_COMPLETE",{"score":"@entity.correctCount","total":"@entity.totalItems"}],null]]},{"from":"idle","to":"idle","event":"RETRY","eventId":"evt_PFY914WN4QAJBQFM5XJYEM66EK","guard":["==","@entity.active",true],"effects":[["set","@entity.placedIds",[]],["set","@entity.checked",false],["set","@entity.correctCount",0],["set","@entity.verdict",""],["let",[["placedCount",["array/len","@entity.placedIds"]],["slotShapes",["array/flatten",["array/map",["array/range","@entity.totalItems"],["fn","i",["let",[["placedId",["if",["<","@i","@placedCount"],["array/nth","@entity.placedIds","@i"],""]],["filled",["!=","@placedId",""]],["item",["if","@filled",["array/find","@entity.items",["fn","it",["==",["object/get","@it","id"],"@placedId"]]],null]],["label",["if","@filled",["object/get","@item","label"],""]],["correctForSlot",["if","@filled",["==",["object/get","@item","correctPosition"],"@i"],false]],["fillColor",["if",["not","@filled"],"@config.emptySlotColor",["if","@entity.checked",["if","@correctForSlot","@config.correctColor","@config.incorrectColor"],"@config.pendingColor"]]],["bx",["+","@config.slotLeft",["*","@i","@config.slotSpacing"]]]],[{"type":"rect","id":["str/concat","slot-","@i"],"x":"@bx","y":"@config.slotY","width":"@config.slotWidth","height":"@config.slotHeight","tone":"@config.slotBorderColor","fillTone":"@fillColor","fillStyle":"tint"},{"type":"text","id":["str/concat","slot-label-","@i"],"x":["+","@bx",["/","@config.slotWidth",2]],"y":["+","@config.slotY",["/","@config.slotHeight",2],5],"text":["if","@filled","@label",["str/concat","",["+","@i",1]]],"textSize":"@config.slotFontSize","align":"center","tone":"@config.slotTextColor"}]]]]]]],["set","@entity.slotShapes","@slotShapes"]],["render-ui","main",{"type":"box","padding":"md","children":[{"type":"stack","direction":"vertical","gap":"md","children":[{"type":"stack","direction":"horizontal","justify":"between","align":"start","gap":"md","children":[{"type":"stack","direction":"vertical","gap":"xs","children":[{"type":"typography","variant":"h4","content":"@entity.title"},["if",["==","@config.summary",""],null,{"type":"typography","variant":"body2","color":"muted","content":"@config.summary"}]]},{"type":"badge","label":["if","@entity.checked",["if",["==","@entity.correctCount","@entity.totalItems"],"Correct",["str/concat","@entity.correctCount"," / ","@entity.totalItems"," correct"]],["str/concat",["array/len","@entity.placedIds"]," / ","@entity.totalItems"," placed"]],"variant":["if","@entity.checked",["if",["==","@entity.correctCount","@entity.totalItems"],"success","error"],"neutral"]}]},{"type":"math-canvas","width":"@config.width","height":"@config.height","xMin":0,"xMax":"@config.width","yMin":0,"yMax":"@config.height","showAxes":false,"showGrid":false,"gridStep":1,"curves":[],"points":[],"vectors":[],"shapes":"@entity.slotShapes","interactive":"@config.interactive","animate":"@config.animate","keyMap":{"Space":"CHECK","Backspace":"UNDO","KeyR":"RETRY"}},{"type":"stack","direction":"vertical","gap":"sm","children":["array/map",["array/filter","@entity.items",["fn","it",["not",["array/includes","@entity.placedIds",["object/get","@it","id"]]]]],["fn","it",{"type":"button","action":"PLACE","actionPayload":{"itemId":["object/get","@it","id"]},"label":["if",["!=",["object/get","@it","hint",""],""],["str/concat",["object/get","@it","label"]," — ",["object/get","@it","hint",""]],["object/get","@it","label"]],"variant":"secondary","size":"lg","disabled":"@entity.checked"}]]},{"type":"stack","direction":"horizontal","align":"center","gap":"sm","wrap":true,"children":[{"type":"button","action":"CHECK","label":"@config.checkLabel","icon":"check","variant":"primary","disabled":["if",[">=",["array/len","@entity.placedIds"],"@entity.totalItems"],false,true]},{"type":"button","action":"UNDO","label":"@config.undoLabel","icon":"chevron-left","variant":"secondary","disabled":["if",[">",["array/len","@entity.placedIds"],0],false,true]},{"type":"button","action":"RETRY","label":"@config.retryLabel","icon":"rotate-ccw","variant":"ghost"},{"type":"typography","variant":"caption","color":"muted","content":["str/concat","Placed ",["array/len","@entity.placedIds"]," of ","@entity.totalItems"]}]},{"type":"typography","variant":"body","content":["if","@entity.checked","@entity.verdict","Tap items to build the sequence in order, then press Check."]}]}]}],["emit","ARRANGEMENT_RESET",{}]]}]},"config":{"retryLabel":{"type":"string","default":"Retry","label":"Retry Button Label","tier":"presentation"},"items":{"type":"[LearnArrangementItem]","default":[{"id":"1","label":"Boil water in a kettle","correctPosition":0,"hint":"What has to happen before anything can be poured?"},{"id":"2","label":"Place a tea bag in the cup","correctPosition":1,"hint":"The bag goes in before the water does."},{"id":"3","label":"Pour the hot water over the tea bag","correctPosition":2,"hint":"Now the water and the bag meet."},{"id":"4","label":"Let it steep for a few minutes","correctPosition":3,"hint":"Flavor needs time to develop."},{"id":"5","label":"Remove the tea bag and add milk or sugar to taste","correctPosition":4,"hint":"This happens once the tea is strong enough."}],"label":"Items","description":"Roster of items to order; each carries its label, its zero-based correct position in the finished sequence, and an optional hint shown beneath its button while unplaced.","synonyms":"item, step, stage, sequence, order, ranking, procedure","tier":"domain","items":{"type":"object","properties":{"label":{"name":"label","type":"string","required":true},"hint":{"name":"hint","type":"string","required":false},"correctPosition":{"name":"correctPosition","type":"number","required":true},"id":{"name":"id","type":"string","required":true}}}},"interactive":{"type":"boolean","default":false,"label":"Interactive","description":"Enable pointer interaction on the canvas.","tier":"presentation"},"matchMode":{"type":"string","default":"","label":"Match Mode","description":"When composed behind a lab router, the MODE_SELECTED mode value this instrument responds to. Empty string means standalone — render immediately on INIT.","tier":"presentation"},"summary":{"type":"string","default":"","label":"Concept","description":"One line under the title saying what is being ordered (keep it under ~65 characters). Empty shows no line.","tier":"presentation"},"animate":{"type":"boolean","default":false,"label":"Animate","description":"Enable continuous redraw loop.","tier":"presentation"},"incorrectColor":{"type":"string","default":"error","label":"Incorrect Slot Color","description":"Fill color for a filled slot whose item does not match its correct position, once graded.","tier":"presentation"},"pendingColor":{"type":"string","default":"series-2","label":"Pending Slot Color","description":"Fill color for a filled slot before grading.","tier":"presentation"},"emptySlotColor":{"type":"string","default":"fill","label":"Empty Slot Color","description":"Fill color for a slot with no item placed yet.","tier":"presentation"},"slotFontSize":{"type":"string","default":"sm","label":"Slot Text Size","description":"Slot label size role: xs, sm, base or lg.","tier":"presentation"},"slotTextColor":{"type":"string","default":"label","label":"Slot Text Color","tier":"presentation"},"checkLabel":{"type":"string","default":"Check","label":"Check Button Label","tier":"presentation"},"slotHeight":{"type":"number","default":60,"label":"Slot Height (px)","tier":"presentation"},"slotY":{"type":"number","default":70,"label":"Slot Row Y (px)","tier":"presentation"},"rosterSource":{"type":"string","default":"config","label":"Roster Source","description":"Where the roster comes from: config reads the items knob(s) at INIT; event waits for ROSTER_LOADED and takes the roster from its payload.","tier":"domain","values":["config","event"]},"slotBorderColor":{"type":"string","default":"ink","label":"Slot Border Color","tier":"presentation"},"undoLabel":{"type":"string","default":"Undo","label":"Undo Button Label","tier":"presentation"},"height":{"type":"number","default":220,"label":"Height","description":"Canvas height in pixels.","tier":"presentation"},"slotLeft":{"type":"number","default":40,"label":"First Slot X (px)","tier":"presentation"},"title":{"type":"string","default":"Build the Order","label":"Title","description":"Title shown above the instrument.","tier":"presentation"},"slotSpacing":{"type":"number","default":120,"label":"Slot Spacing (px)","tier":"presentation"},"slotWidth":{"type":"number","default":100,"label":"Slot Width (px)","tier":"presentation"},"correctColor":{"type":"string","default":"success","label":"Correct Slot Color","description":"Fill color for a filled slot whose item matches its correct position, once graded.","tier":"presentation"},"width":{"type":"number","default":640,"label":"Width","description":"Canvas width in pixels.","tier":"presentation"}},"scope":"instance"}],"pages":[{"name":"LearnArrangementPage","id":"pag_26M1Z8YFT17X0XQMBBDWDFWWZ9","path":"/learn-arrangement","traits":[{"ref":"LearnArrangementSim","refId":"trt_EAZHKCBJ5HS2RZMQ3XFMF3568Y"}]}],"types":{"LearnArrangementItem":[{"name":"id","type":"string","required":true},{"name":"label","type":"string","required":true},{"name":"correctPosition","type":"number","required":true},{"name":"hint","type":"string"}],"LearnArrangementShape":[{"name":"type","type":"string","values":["line","arrow","circle","rect","polygon","path","text","axis","grid"],"required":true},{"name":"id","type":"string"},{"name":"x","type":"number"},{"name":"y","type":"number"},{"name":"x1","type":"number"},{"name":"y1","type":"number"},{"name":"x2","type":"number"},{"name":"y2","type":"number"},{"name":"radius","type":"number"},{"name":"width","type":"number"},{"name":"height","type":"number"},{"name":"points","type":"[object]","properties":[{"name":"x","type":"number","required":true},{"name":"y","type":"number","required":true}]},{"name":"path","type":"string"},{"name":"text","type":"string"},{"name":"label","type":"string"},{"name":"fontSize","type":"number"},{"name":"align","type":"string","values":["left","center","right"]},{"name":"axis","type":"string","values":["x","y"]},{"name":"min","type":"number"},{"name":"max","type":"number"},{"name":"step","type":"number"},{"name":"color","type":"string"},{"name":"fill","type":"string"},{"name":"lineWidth","type":"number"},{"name":"opacity","type":"number"},{"name":"tone","type":"string"},{"name":"fillTone","type":"string"},{"name":"stroke","type":"string"},{"name":"textSize","type":"string"},{"name":"fillStyle","type":"string"}],"LearnArrangementShapePoint":[{"name":"x","type":"number","required":true},{"name":"y","type":"number","required":true}]}}],"schemaVersion":1,"ledger":{"schemaVersion":1,"entries":{"ent_4VXGN5BMZ2TFH6ZZ0JB32XZCB7":{"id":"ent_4VXGN5BMZ2TFH6ZZ0JB32XZCB7","kind":"entity","bakedName":"LearnArrangementScene","curName":"LearnArrangementScene","renames":[],"owner":"workspace"},"evt_99KSQXW1830M1H58ABKJ1SZ89Y":{"id":"evt_99KSQXW1830M1H58ABKJ1SZ89Y","kind":"event","bakedName":"UNDO","curName":"UNDO","renames":[],"owner":"workspace","parent":"trt_EAZHKCBJ5HS2RZMQ3XFMF3568Y"},"evt_E4YKJKF3VJHXS2RDD0W692KMPS":{"id":"evt_E4YKJKF3VJHXS2RDD0W692KMPS","kind":"event","bakedName":"PLACE","curName":"PLACE","renames":[],"owner":"workspace","parent":"trt_EAZHKCBJ5HS2RZMQ3XFMF3568Y"},"evt_GXPAHQMC69634XG0GHN9FCWAE8":{"id":"evt_GXPAHQMC69634XG0GHN9FCWAE8","kind":"event","bakedName":"INIT","curName":"INIT","renames":[],"owner":"workspace","parent":"trt_EAZHKCBJ5HS2RZMQ3XFMF3568Y"},"evt_GYWT8C1PRKVC9S44ASCXF7R8PT":{"id":"evt_GYWT8C1PRKVC9S44ASCXF7R8PT","kind":"event","bakedName":"ROSTER_LOADED","curName":"ROSTER_LOADED","renames":[],"owner":"workspace","parent":"trt_EAZHKCBJ5HS2RZMQ3XFMF3568Y"},"evt_K26KW0W3BD1NPQQ6P8V0MGRB5S":{"id":"evt_K26KW0W3BD1NPQQ6P8V0MGRB5S","kind":"event","bakedName":"ARRANGEMENT_CHECKED","curName":"ARRANGEMENT_CHECKED","renames":[],"owner":"workspace","parent":"trt_EAZHKCBJ5HS2RZMQ3XFMF3568Y"},"evt_M7HJ5ZQHKERSQ3FJR7C5WGAETQ":{"id":"evt_M7HJ5ZQHKERSQ3FJR7C5WGAETQ","kind":"event","bakedName":"LEARN_ROUND_COMPLETE","curName":"LEARN_ROUND_COMPLETE","renames":[],"owner":"workspace","parent":"trt_EAZHKCBJ5HS2RZMQ3XFMF3568Y"},"evt_PFY914WN4QAJBQFM5XJYEM66EK":{"id":"evt_PFY914WN4QAJBQFM5XJYEM66EK","kind":"event","bakedName":"RETRY","curName":"RETRY","renames":[],"owner":"workspace","parent":"trt_EAZHKCBJ5HS2RZMQ3XFMF3568Y"},"evt_XK9NZA99JDMS6T2E9ZJY0NS0AB":{"id":"evt_XK9NZA99JDMS6T2E9ZJY0NS0AB","kind":"event","bakedName":"ARRANGEMENT_RESET","curName":"ARRANGEMENT_RESET","renames":[],"owner":"workspace","parent":"trt_EAZHKCBJ5HS2RZMQ3XFMF3568Y"},"evt_YP7G958XY6EZ3EJTG2T49SD55X":{"id":"evt_YP7G958XY6EZ3EJTG2T49SD55X","kind":"event","bakedName":"MODE_SELECTED","curName":"MODE_SELECTED","renames":[],"owner":"workspace","parent":"trt_EAZHKCBJ5HS2RZMQ3XFMF3568Y"},"evt_ZKK54SFFFWQQYCCSRVYMKT4JKA":{"id":"evt_ZKK54SFFFWQQYCCSRVYMKT4JKA","kind":"event","bakedName":"CHECK","curName":"CHECK","renames":[],"owner":"workspace","parent":"trt_EAZHKCBJ5HS2RZMQ3XFMF3568Y"},"orb_DWHGPQ8EJ07903JWYKRM6YQVFJ":{"id":"orb_DWHGPQ8EJ07903JWYKRM6YQVFJ","kind":"orbital","bakedName":"LearnArrangementOrbital","curName":"LearnArrangementOrbital","renames":[],"owner":"workspace"},"pag_26M1Z8YFT17X0XQMBBDWDFWWZ9":{"id":"pag_26M1Z8YFT17X0XQMBBDWDFWWZ9","kind":"page","bakedName":"LearnArrangementPage","curName":"LearnArrangementPage","renames":[],"owner":"workspace"},"trt_EAZHKCBJ5HS2RZMQ3XFMF3568Y":{"id":"trt_EAZHKCBJ5HS2RZMQ3XFMF3568Y","kind":"trait","bakedName":"LearnArrangementSim","curName":"LearnArrangementSim","renames":[],"owner":"workspace"}}}}
+{"name":"std-learn-arrangement","version":"1.0.0","description":"Generic build-an-ordering-then-grade instrument — a config-declared roster of items (each with a correct position index and an optional hint) is tapped one at a time from a remaining-items button row onto a growing sequence of ordered slots rendered on a math-canvas; a tapped item becomes unavailable, an Undo button removes the last placement, and once every slot is filled a Check button grades the arrangement with per-slot correct/wrong coloring, a score readout, and a verdict badge. Retry clears the placements and keeps the same roster. Item vocabulary is entirely config-declared, so the same mechanism serves any ordering task (process steps, chronology, procedure, ranking) standalone. Standalone by default; behind a lab router set matchMode and it renders only when MODE_SELECTED matches.","orbitals":[{"name":"LearnArrangementOrbital","id":"orb_DWHGPQ8EJ07903JWYKRM6YQVFJ","entity":{"name":"LearnArrangementScene","id":"ent_4VXGN5BMZ2TFH6ZZ0JB32XZCB7","persistence":"runtime","fields":[{"name":"id","type":"string","required":true},{"name":"active","type":"boolean","default":false},{"name":"items","type":"array","items":{"type":"object","properties":{"correctPosition":{"name":"correctPosition","type":"number","required":true},"id":{"name":"id","type":"string","required":true},"label":{"name":"label","type":"string","required":true},"hint":{"name":"hint","type":"string","required":false}}}},{"name":"title","type":"string"},{"name":"totalItems","type":"number"},{"name":"placedIds","type":"array","items":{"type":"string"}},{"name":"checked","type":"boolean","default":false},{"name":"correctCount","type":"number","default":0},{"name":"verdict","type":"string"},{"name":"slotShapes","type":"array","items":{"type":"object","properties":{"points":{"name":"points","type":"array","required":false,"items":{"type":"object","properties":{"x":{"name":"x","type":"number","required":true},"y":{"name":"y","type":"number","required":true}}}},"x":{"name":"x","type":"number","required":false},"text":{"name":"text","type":"string","required":false},"height":{"name":"height","type":"number","required":false},"color":{"name":"color","type":"string","required":false},"textSize":{"name":"textSize","type":"string","required":false},"step":{"name":"step","type":"number","required":false},"fillTone":{"name":"fillTone","type":"string","required":false},"y1":{"name":"y1","type":"number","required":false},"max":{"name":"max","type":"number","required":false},"y":{"name":"y","type":"number","required":false},"path":{"name":"path","type":"string","required":false},"id":{"name":"id","type":"string","required":false},"min":{"name":"min","type":"number","required":false},"type":{"name":"type","type":"string","required":true,"values":["line","arrow","circle","rect","polygon","path","text","axis","grid"]},"lineWidth":{"name":"lineWidth","type":"number","required":false},"width":{"name":"width","type":"number","required":false},"x1":{"name":"x1","type":"number","required":false},"y2":{"name":"y2","type":"number","required":false},"axis":{"name":"axis","type":"string","required":false,"values":["x","y"]},"fillStyle":{"name":"fillStyle","type":"string","required":false},"label":{"name":"label","type":"string","required":false},"tone":{"name":"tone","type":"string","required":false},"radius":{"name":"radius","type":"number","required":false},"fill":{"name":"fill","type":"string","required":false},"fontSize":{"name":"fontSize","type":"number","required":false},"x2":{"name":"x2","type":"number","required":false},"stroke":{"name":"stroke","type":"string","required":false},"align":{"name":"align","type":"string","required":false,"values":["left","center","right"]},"opacity":{"name":"opacity","type":"number","required":false}}}}]},"traits":[{"name":"LearnArrangementSim","id":"trt_EAZHKCBJ5HS2RZMQ3XFMF3568Y","entityRebindable":true,"entityContract":{"requires":[],"provides":["active","checked","correctCount","items","placedIds","slotShapes","title","totalItems","verdict"]},"effectRow":[{"kind":"emit","resource":"ARRANGEMENT_CHECKED"},{"kind":"emit","resource":"ARRANGEMENT_RESET"},{"kind":"emit","resource":"LEARN_ROUND_COMPLETE"},{"kind":"render-ui","resource":"main"},{"kind":"set","resource":"@entity.active"},{"kind":"set","resource":"@entity.checked"},{"kind":"set","resource":"@entity.correctCount"},{"kind":"set","resource":"@entity.items"},{"kind":"set","resource":"@entity.placedIds"},{"kind":"set","resource":"@entity.slotShapes"},{"kind":"set","resource":"@entity.title"},{"kind":"set","resource":"@entity.totalItems"},{"kind":"set","resource":"@entity.verdict"}],"category":"interaction","linkedEntity":"LearnArrangementScene","linkedEntityId":"ent_4VXGN5BMZ2TFH6ZZ0JB32XZCB7","entityRefIds":{"LearnArrangementScene":"ent_4VXGN5BMZ2TFH6ZZ0JB32XZCB7"},"emits":[{"event":"ARRANGEMENT_CHECKED","eventId":"evt_K26KW0W3BD1NPQQ6P8V0MGRB5S","description":"The grading result after Check — a composed listener (readout, grader) can subscribe; a harmless no-op when the atom runs standalone.","synonyms":"arrangement graded, order checked, score, running score","tier":"domain","scope":"external","payloadSchema":[{"name":"correctCount","type":"number"},{"name":"total","type":"number"}]},{"event":"ARRANGEMENT_RESET","eventId":"evt_XK9NZA99JDMS6T2E9ZJY0NS0AB","description":"Signals the arrangement was cleared back to empty by Retry — a composed listener can subscribe; a harmless no-op when the atom runs standalone.","synonyms":"arrangement reset, retry, restart","tier":"domain","scope":"external"},{"event":"LEARN_ROUND_COMPLETE","eventId":"evt_M7HJ5ZQHKERSQ3FJR7C5WGAETQ","description":"Fired when a Check grades the arrangement fully correct — the standard learning completion broadcast a celebration/progression sibling (fx cues, badges) rides.","synonyms":"round complete, finished, done, completion, all correct","tier":"domain","scope":"external","payloadSchema":[{"name":"score","type":"number"},{"name":"total","type":"number"}]}],"stateMachine":{"states":[{"name":"idle","isInitial":true}],"events":[{"key":"INIT","id":"evt_GXPAHQMC69634XG0GHN9FCWAE8","name":"Initialize"},{"key":"MODE_SELECTED","id":"evt_YP7G958XY6EZ3EJTG2T49SD55X","name":"Mode Selected","description":"Lab router broadcast naming the active mode; this instrument renders when the mode equals matchMode, otherwise renders null.","tier":"domain","payloadSchema":[{"name":"mode","type":"string"}],"listened":true},{"key":"ROSTER_LOADED","id":"evt_GYWT8C1PRKVC9S44ASCXF7R8PT","name":"Roster Loaded","description":"Runtime content feed, honoured only when rosterSource is event — mode names the instrument it is for (the matchMode it carries, blank when standalone) and items is the roster to order; a matching instrument re-initialises from it exactly as INIT does from config, any other instrument hides.","tier":"domain","payloadSchema":[{"name":"mode","type":"string","required":true},{"name":"items","type":"[object]","required":true,"properties":[{"name":"id","type":"string","required":true},{"name":"label","type":"string","required":true},{"name":"correctPosition","type":"number","required":true},{"name":"hint","type":"string"}]}],"listened":true},{"key":"PLACE","id":"evt_E4YKJKF3VJHXS2RDD0W692KMPS","name":"Place","description":"Learner tapped an unplaced item, appending it to the end of the built sequence; the item becomes unavailable in the remaining-items row.","tier":"domain","payloadSchema":[{"name":"itemId","type":"string"}],"listened":true},{"key":"UNDO","id":"evt_99KSQXW1830M1H58ABKJ1SZ89Y","name":"Undo","description":"Learner removed the most recently placed item, returning it to the remaining-items row and clearing any prior grading.","tier":"domain","listened":true},{"key":"CHECK","id":"evt_ZKK54SFFFWQQYCCSRVYMKT4JKA","name":"Check","description":"Learner asked to grade the built sequence once every slot is filled; each slot is verdicted against its item's declared correct position.","tier":"domain","listened":true},{"key":"RETRY","id":"evt_PFY914WN4QAJBQFM5XJYEM66EK","name":"Retry","description":"Learner cleared every placement and restarted the arrangement from an empty sequence, keeping the same item roster.","tier":"domain","listened":true},{"key":"ARRANGEMENT_CHECKED","id":"evt_K26KW0W3BD1NPQQ6P8V0MGRB5S","name":"Arrangement Checked","description":"The grading result after Check — a composed listener (readout, grader) can subscribe; a harmless no-op when the atom runs standalone.","synonyms":"arrangement graded, order checked, score, running score","tier":"domain","payloadSchema":[{"name":"correctCount","type":"number"},{"name":"total","type":"number"}]},{"key":"ARRANGEMENT_RESET","id":"evt_XK9NZA99JDMS6T2E9ZJY0NS0AB","name":"Arrangement Reset","description":"Signals the arrangement was cleared back to empty by Retry — a composed listener can subscribe; a harmless no-op when the atom runs standalone.","synonyms":"arrangement reset, retry, restart","tier":"domain"},{"key":"LEARN_ROUND_COMPLETE","id":"evt_M7HJ5ZQHKERSQ3FJR7C5WGAETQ","name":"Learn Round Complete","description":"Fired when a Check grades the arrangement fully correct — the standard learning completion broadcast a celebration/progression sibling (fx cues, badges) rides.","synonyms":"round complete, finished, done, completion, all correct","tier":"domain","payloadSchema":[{"name":"score","type":"number"},{"name":"total","type":"number"}]}],"transitions":[{"from":"idle","to":"idle","event":"INIT","eventId":"evt_GXPAHQMC69634XG0GHN9FCWAE8","guard":["and",["==","@config.matchMode",""],["==","@config.rosterSource","config"]],"effects":[["set","@entity.items","@config.items"],["set","@entity.active",true],["set","@entity.title","@config.title"],["set","@entity.totalItems",["array/len","@entity.items"]],["set","@entity.placedIds",[]],["set","@entity.checked",false],["set","@entity.correctCount",0],["set","@entity.verdict",""],["let",[["placedCount",["array/len","@entity.placedIds"]],["slotShapes",["array/flatten",["array/map",["array/range","@entity.totalItems"],["fn","i",["let",[["placedId",["if",["<","@i","@placedCount"],["array/nth","@entity.placedIds","@i"],""]],["filled",["!=","@placedId",""]],["item",["if","@filled",["array/find","@entity.items",["fn","it",["==",["object/get","@it","id"],"@placedId"]]],null]],["label",["if","@filled",["object/get","@item","label"],""]],["correctForSlot",["if","@filled",["==",["object/get","@item","correctPosition"],"@i"],false]],["fillColor",["if",["not","@filled"],"@config.emptySlotColor",["if","@entity.checked",["if","@correctForSlot","@config.correctColor","@config.incorrectColor"],"@config.pendingColor"]]],["bx",["+","@config.slotLeft",["*","@i","@config.slotSpacing"]]]],[{"type":"rect","id":["str/concat","slot-","@i"],"x":"@bx","y":"@config.slotY","width":"@config.slotWidth","height":"@config.slotHeight","tone":"@config.slotBorderColor","fillTone":"@fillColor","fillStyle":"tint"},{"type":"text","id":["str/concat","slot-label-","@i"],"x":["+","@bx",["/","@config.slotWidth",2]],"y":["+","@config.slotY",["/","@config.slotHeight",2],5],"text":["if","@filled","@label",["str/concat","",["+","@i",1]]],"textSize":"@config.slotFontSize","align":"center","tone":"@config.slotTextColor"}]]]]]]],["set","@entity.slotShapes","@slotShapes"]],["render-ui","main",{"type":"box","padding":"md","children":[{"type":"stack","direction":"vertical","gap":"md","children":[{"type":"stack","direction":"horizontal","justify":"between","align":"start","gap":"md","children":[{"type":"stack","direction":"vertical","gap":"xs","children":[{"type":"typography","variant":"h4","content":"@entity.title"},["if",["==","@config.summary",""],null,{"type":"typography","variant":"body2","color":"muted","content":"@config.summary"}]]},{"type":"badge","label":["if","@entity.checked",["if",["==","@entity.correctCount","@entity.totalItems"],"Correct",["str/concat","@entity.correctCount"," / ","@entity.totalItems"," correct"]],["str/concat",["array/len","@entity.placedIds"]," / ","@entity.totalItems"," placed"]],"variant":["if","@entity.checked",["if",["==","@entity.correctCount","@entity.totalItems"],"success","error"],"neutral"]}]},{"type":"math-canvas","width":"@config.width","height":"@config.height","xMin":0,"xMax":"@config.width","yMin":0,"yMax":"@config.height","showAxes":false,"showGrid":false,"gridStep":1,"curves":[],"points":[],"vectors":[],"shapes":"@entity.slotShapes","interactive":"@config.interactive","animate":"@config.animate","keyMap":{"Space":"CHECK","Backspace":"UNDO","KeyR":"RETRY"}},{"type":"stack","direction":"vertical","gap":"sm","children":["array/map",["array/filter","@entity.items",["fn","it",["not",["array/includes","@entity.placedIds",["object/get","@it","id"]]]]],["fn","it",{"type":"button","action":"PLACE","actionPayload":{"itemId":["object/get","@it","id"]},"label":["if",["!=",["object/get","@it","hint",""],""],["str/concat",["object/get","@it","label"]," — ",["object/get","@it","hint",""]],["object/get","@it","label"]],"variant":"secondary","size":"lg","disabled":"@entity.checked"}]]},{"type":"stack","direction":"horizontal","align":"center","gap":"sm","wrap":true,"children":[{"type":"button","action":"CHECK","label":"@config.checkLabel","icon":"check","variant":"primary","disabled":["if",[">=",["array/len","@entity.placedIds"],"@entity.totalItems"],false,true]},{"type":"button","action":"UNDO","label":"@config.undoLabel","icon":"chevron-left","variant":"secondary","disabled":["if",[">",["array/len","@entity.placedIds"],0],false,true]},{"type":"button","action":"RETRY","label":"@config.retryLabel","icon":"rotate-ccw","variant":"ghost"},{"type":"typography","variant":"caption","color":"muted","content":["str/concat","Placed ",["array/len","@entity.placedIds"]," of ","@entity.totalItems"]}]},{"type":"typography","variant":"body","content":["if","@entity.checked","@entity.verdict","Tap items to build the sequence in order, then press Check."]}]}]}]]},{"from":"idle","to":"idle","event":"MODE_SELECTED","eventId":"evt_YP7G958XY6EZ3EJTG2T49SD55X","guard":["and",["not",["==","@config.matchMode",""]],["not",["==","@payload.mode","@config.matchMode"]]],"effects":[["set","@entity.active",false],["render-ui","main",null]]},{"from":"idle","to":"idle","event":"MODE_SELECTED","eventId":"evt_YP7G958XY6EZ3EJTG2T49SD55X","guard":["and",["==","@payload.mode","@config.matchMode"],["==","@config.rosterSource","config"]],"effects":[["set","@entity.items","@config.items"],["set","@entity.active",true],["set","@entity.title","@config.title"],["set","@entity.totalItems",["array/len","@entity.items"]],["set","@entity.placedIds",[]],["set","@entity.checked",false],["set","@entity.correctCount",0],["set","@entity.verdict",""],["let",[["placedCount",["array/len","@entity.placedIds"]],["slotShapes",["array/flatten",["array/map",["array/range","@entity.totalItems"],["fn","i",["let",[["placedId",["if",["<","@i","@placedCount"],["array/nth","@entity.placedIds","@i"],""]],["filled",["!=","@placedId",""]],["item",["if","@filled",["array/find","@entity.items",["fn","it",["==",["object/get","@it","id"],"@placedId"]]],null]],["label",["if","@filled",["object/get","@item","label"],""]],["correctForSlot",["if","@filled",["==",["object/get","@item","correctPosition"],"@i"],false]],["fillColor",["if",["not","@filled"],"@config.emptySlotColor",["if","@entity.checked",["if","@correctForSlot","@config.correctColor","@config.incorrectColor"],"@config.pendingColor"]]],["bx",["+","@config.slotLeft",["*","@i","@config.slotSpacing"]]]],[{"type":"rect","id":["str/concat","slot-","@i"],"x":"@bx","y":"@config.slotY","width":"@config.slotWidth","height":"@config.slotHeight","tone":"@config.slotBorderColor","fillTone":"@fillColor","fillStyle":"tint"},{"type":"text","id":["str/concat","slot-label-","@i"],"x":["+","@bx",["/","@config.slotWidth",2]],"y":["+","@config.slotY",["/","@config.slotHeight",2],5],"text":["if","@filled","@label",["str/concat","",["+","@i",1]]],"textSize":"@config.slotFontSize","align":"center","tone":"@config.slotTextColor"}]]]]]]],["set","@entity.slotShapes","@slotShapes"]],["render-ui","main",{"type":"box","padding":"md","children":[{"type":"stack","direction":"vertical","gap":"md","children":[{"type":"stack","direction":"horizontal","justify":"between","align":"start","gap":"md","children":[{"type":"stack","direction":"vertical","gap":"xs","children":[{"type":"typography","variant":"h4","content":"@entity.title"},["if",["==","@config.summary",""],null,{"type":"typography","variant":"body2","color":"muted","content":"@config.summary"}]]},{"type":"badge","label":["if","@entity.checked",["if",["==","@entity.correctCount","@entity.totalItems"],"Correct",["str/concat","@entity.correctCount"," / ","@entity.totalItems"," correct"]],["str/concat",["array/len","@entity.placedIds"]," / ","@entity.totalItems"," placed"]],"variant":["if","@entity.checked",["if",["==","@entity.correctCount","@entity.totalItems"],"success","error"],"neutral"]}]},{"type":"math-canvas","width":"@config.width","height":"@config.height","xMin":0,"xMax":"@config.width","yMin":0,"yMax":"@config.height","showAxes":false,"showGrid":false,"gridStep":1,"curves":[],"points":[],"vectors":[],"shapes":"@entity.slotShapes","interactive":"@config.interactive","animate":"@config.animate","keyMap":{"Space":"CHECK","Backspace":"UNDO","KeyR":"RETRY"}},{"type":"stack","direction":"vertical","gap":"sm","children":["array/map",["array/filter","@entity.items",["fn","it",["not",["array/includes","@entity.placedIds",["object/get","@it","id"]]]]],["fn","it",{"type":"button","action":"PLACE","actionPayload":{"itemId":["object/get","@it","id"]},"label":["if",["!=",["object/get","@it","hint",""],""],["str/concat",["object/get","@it","label"]," — ",["object/get","@it","hint",""]],["object/get","@it","label"]],"variant":"secondary","size":"lg","disabled":"@entity.checked"}]]},{"type":"stack","direction":"horizontal","align":"center","gap":"sm","wrap":true,"children":[{"type":"button","action":"CHECK","label":"@config.checkLabel","icon":"check","variant":"primary","disabled":["if",[">=",["array/len","@entity.placedIds"],"@entity.totalItems"],false,true]},{"type":"button","action":"UNDO","label":"@config.undoLabel","icon":"chevron-left","variant":"secondary","disabled":["if",[">",["array/len","@entity.placedIds"],0],false,true]},{"type":"button","action":"RETRY","label":"@config.retryLabel","icon":"rotate-ccw","variant":"ghost"},{"type":"typography","variant":"caption","color":"muted","content":["str/concat","Placed ",["array/len","@entity.placedIds"]," of ","@entity.totalItems"]}]},{"type":"typography","variant":"body","content":["if","@entity.checked","@entity.verdict","Tap items to build the sequence in order, then press Check."]}]}]}]]},{"from":"idle","to":"idle","event":"ROSTER_LOADED","eventId":"evt_GYWT8C1PRKVC9S44ASCXF7R8PT","guard":["and",["==","@config.rosterSource","event"],["and",["==","@payload.mode","@config.matchMode"],[">",["array/len","@payload.items"],0]]],"effects":[["set","@entity.items","@payload.items"],["set","@entity.active",true],["set","@entity.title","@config.title"],["set","@entity.totalItems",["array/len","@entity.items"]],["set","@entity.placedIds",[]],["set","@entity.checked",false],["set","@entity.correctCount",0],["set","@entity.verdict",""],["let",[["placedCount",["array/len","@entity.placedIds"]],["slotShapes",["array/flatten",["array/map",["array/range","@entity.totalItems"],["fn","i",["let",[["placedId",["if",["<","@i","@placedCount"],["array/nth","@entity.placedIds","@i"],""]],["filled",["!=","@placedId",""]],["item",["if","@filled",["array/find","@entity.items",["fn","it",["==",["object/get","@it","id"],"@placedId"]]],null]],["label",["if","@filled",["object/get","@item","label"],""]],["correctForSlot",["if","@filled",["==",["object/get","@item","correctPosition"],"@i"],false]],["fillColor",["if",["not","@filled"],"@config.emptySlotColor",["if","@entity.checked",["if","@correctForSlot","@config.correctColor","@config.incorrectColor"],"@config.pendingColor"]]],["bx",["+","@config.slotLeft",["*","@i","@config.slotSpacing"]]]],[{"type":"rect","id":["str/concat","slot-","@i"],"x":"@bx","y":"@config.slotY","width":"@config.slotWidth","height":"@config.slotHeight","tone":"@config.slotBorderColor","fillTone":"@fillColor","fillStyle":"tint"},{"type":"text","id":["str/concat","slot-label-","@i"],"x":["+","@bx",["/","@config.slotWidth",2]],"y":["+","@config.slotY",["/","@config.slotHeight",2],5],"text":["if","@filled","@label",["str/concat","",["+","@i",1]]],"textSize":"@config.slotFontSize","align":"center","tone":"@config.slotTextColor"}]]]]]]],["set","@entity.slotShapes","@slotShapes"]],["render-ui","main",{"type":"box","padding":"md","children":[{"type":"stack","direction":"vertical","gap":"md","children":[{"type":"stack","direction":"horizontal","justify":"between","align":"start","gap":"md","children":[{"type":"stack","direction":"vertical","gap":"xs","children":[{"type":"typography","variant":"h4","content":"@entity.title"},["if",["==","@config.summary",""],null,{"type":"typography","variant":"body2","color":"muted","content":"@config.summary"}]]},{"type":"badge","label":["if","@entity.checked",["if",["==","@entity.correctCount","@entity.totalItems"],"Correct",["str/concat","@entity.correctCount"," / ","@entity.totalItems"," correct"]],["str/concat",["array/len","@entity.placedIds"]," / ","@entity.totalItems"," placed"]],"variant":["if","@entity.checked",["if",["==","@entity.correctCount","@entity.totalItems"],"success","error"],"neutral"]}]},{"type":"math-canvas","width":"@config.width","height":"@config.height","xMin":0,"xMax":"@config.width","yMin":0,"yMax":"@config.height","showAxes":false,"showGrid":false,"gridStep":1,"curves":[],"points":[],"vectors":[],"shapes":"@entity.slotShapes","interactive":"@config.interactive","animate":"@config.animate","keyMap":{"Space":"CHECK","Backspace":"UNDO","KeyR":"RETRY"}},{"type":"stack","direction":"vertical","gap":"sm","children":["array/map",["array/filter","@entity.items",["fn","it",["not",["array/includes","@entity.placedIds",["object/get","@it","id"]]]]],["fn","it",{"type":"button","action":"PLACE","actionPayload":{"itemId":["object/get","@it","id"]},"label":["if",["!=",["object/get","@it","hint",""],""],["str/concat",["object/get","@it","label"]," — ",["object/get","@it","hint",""]],["object/get","@it","label"]],"variant":"secondary","size":"lg","disabled":"@entity.checked"}]]},{"type":"stack","direction":"horizontal","align":"center","gap":"sm","wrap":true,"children":[{"type":"button","action":"CHECK","label":"@config.checkLabel","icon":"check","variant":"primary","disabled":["if",[">=",["array/len","@entity.placedIds"],"@entity.totalItems"],false,true]},{"type":"button","action":"UNDO","label":"@config.undoLabel","icon":"chevron-left","variant":"secondary","disabled":["if",[">",["array/len","@entity.placedIds"],0],false,true]},{"type":"button","action":"RETRY","label":"@config.retryLabel","icon":"rotate-ccw","variant":"ghost"},{"type":"typography","variant":"caption","color":"muted","content":["str/concat","Placed ",["array/len","@entity.placedIds"]," of ","@entity.totalItems"]}]},{"type":"typography","variant":"body","content":["if","@entity.checked","@entity.verdict","Tap items to build the sequence in order, then press Check."]}]}]}]]},{"from":"idle","to":"idle","event":"ROSTER_LOADED","eventId":"evt_GYWT8C1PRKVC9S44ASCXF7R8PT","guard":["and",["==","@config.rosterSource","event"],["not",["==","@payload.mode","@config.matchMode"]]],"effects":[["set","@entity.active",false],["render-ui","main",null]]},{"from":"idle","to":"idle","event":"PLACE","eventId":"evt_E4YKJKF3VJHXS2RDD0W692KMPS","guard":["and",["==","@entity.active",true],["<",["array/len","@entity.placedIds"],"@entity.totalItems"]],"effects":[["set","@entity.placedIds",["array/append","@entity.placedIds","@payload.itemId"]],["set","@entity.checked",false],["set","@entity.correctCount",0],["set","@entity.verdict",""],["let",[["placedCount",["array/len","@entity.placedIds"]],["slotShapes",["array/flatten",["array/map",["array/range","@entity.totalItems"],["fn","i",["let",[["placedId",["if",["<","@i","@placedCount"],["array/nth","@entity.placedIds","@i"],""]],["filled",["!=","@placedId",""]],["item",["if","@filled",["array/find","@entity.items",["fn","it",["==",["object/get","@it","id"],"@placedId"]]],null]],["label",["if","@filled",["object/get","@item","label"],""]],["correctForSlot",["if","@filled",["==",["object/get","@item","correctPosition"],"@i"],false]],["fillColor",["if",["not","@filled"],"@config.emptySlotColor",["if","@entity.checked",["if","@correctForSlot","@config.correctColor","@config.incorrectColor"],"@config.pendingColor"]]],["bx",["+","@config.slotLeft",["*","@i","@config.slotSpacing"]]]],[{"type":"rect","id":["str/concat","slot-","@i"],"x":"@bx","y":"@config.slotY","width":"@config.slotWidth","height":"@config.slotHeight","tone":"@config.slotBorderColor","fillTone":"@fillColor","fillStyle":"tint"},{"type":"text","id":["str/concat","slot-label-","@i"],"x":["+","@bx",["/","@config.slotWidth",2]],"y":["+","@config.slotY",["/","@config.slotHeight",2],5],"text":["if","@filled","@label",["str/concat","",["+","@i",1]]],"textSize":"@config.slotFontSize","align":"center","tone":"@config.slotTextColor"}]]]]]]],["set","@entity.slotShapes","@slotShapes"]],["render-ui","main",{"type":"box","padding":"md","children":[{"type":"stack","direction":"vertical","gap":"md","children":[{"type":"stack","direction":"horizontal","justify":"between","align":"start","gap":"md","children":[{"type":"stack","direction":"vertical","gap":"xs","children":[{"type":"typography","variant":"h4","content":"@entity.title"},["if",["==","@config.summary",""],null,{"type":"typography","variant":"body2","color":"muted","content":"@config.summary"}]]},{"type":"badge","label":["if","@entity.checked",["if",["==","@entity.correctCount","@entity.totalItems"],"Correct",["str/concat","@entity.correctCount"," / ","@entity.totalItems"," correct"]],["str/concat",["array/len","@entity.placedIds"]," / ","@entity.totalItems"," placed"]],"variant":["if","@entity.checked",["if",["==","@entity.correctCount","@entity.totalItems"],"success","error"],"neutral"]}]},{"type":"math-canvas","width":"@config.width","height":"@config.height","xMin":0,"xMax":"@config.width","yMin":0,"yMax":"@config.height","showAxes":false,"showGrid":false,"gridStep":1,"curves":[],"points":[],"vectors":[],"shapes":"@entity.slotShapes","interactive":"@config.interactive","animate":"@config.animate","keyMap":{"Space":"CHECK","Backspace":"UNDO","KeyR":"RETRY"}},{"type":"stack","direction":"vertical","gap":"sm","children":["array/map",["array/filter","@entity.items",["fn","it",["not",["array/includes","@entity.placedIds",["object/get","@it","id"]]]]],["fn","it",{"type":"button","action":"PLACE","actionPayload":{"itemId":["object/get","@it","id"]},"label":["if",["!=",["object/get","@it","hint",""],""],["str/concat",["object/get","@it","label"]," — ",["object/get","@it","hint",""]],["object/get","@it","label"]],"variant":"secondary","size":"lg","disabled":"@entity.checked"}]]},{"type":"stack","direction":"horizontal","align":"center","gap":"sm","wrap":true,"children":[{"type":"button","action":"CHECK","label":"@config.checkLabel","icon":"check","variant":"primary","disabled":["if",[">=",["array/len","@entity.placedIds"],"@entity.totalItems"],false,true]},{"type":"button","action":"UNDO","label":"@config.undoLabel","icon":"chevron-left","variant":"secondary","disabled":["if",[">",["array/len","@entity.placedIds"],0],false,true]},{"type":"button","action":"RETRY","label":"@config.retryLabel","icon":"rotate-ccw","variant":"ghost"},{"type":"typography","variant":"caption","color":"muted","content":["str/concat","Placed ",["array/len","@entity.placedIds"]," of ","@entity.totalItems"]}]},{"type":"typography","variant":"body","content":["if","@entity.checked","@entity.verdict","Tap items to build the sequence in order, then press Check."]}]}]}]]},{"from":"idle","to":"idle","event":"UNDO","eventId":"evt_99KSQXW1830M1H58ABKJ1SZ89Y","guard":["and",["==","@entity.active",true],[">",["array/len","@entity.placedIds"],0]],"effects":[["set","@entity.placedIds",["array/take","@entity.placedIds",["-",["array/len","@entity.placedIds"],1]]],["set","@entity.checked",false],["set","@entity.correctCount",0],["set","@entity.verdict",""],["let",[["placedCount",["array/len","@entity.placedIds"]],["slotShapes",["array/flatten",["array/map",["array/range","@entity.totalItems"],["fn","i",["let",[["placedId",["if",["<","@i","@placedCount"],["array/nth","@entity.placedIds","@i"],""]],["filled",["!=","@placedId",""]],["item",["if","@filled",["array/find","@entity.items",["fn","it",["==",["object/get","@it","id"],"@placedId"]]],null]],["label",["if","@filled",["object/get","@item","label"],""]],["correctForSlot",["if","@filled",["==",["object/get","@item","correctPosition"],"@i"],false]],["fillColor",["if",["not","@filled"],"@config.emptySlotColor",["if","@entity.checked",["if","@correctForSlot","@config.correctColor","@config.incorrectColor"],"@config.pendingColor"]]],["bx",["+","@config.slotLeft",["*","@i","@config.slotSpacing"]]]],[{"type":"rect","id":["str/concat","slot-","@i"],"x":"@bx","y":"@config.slotY","width":"@config.slotWidth","height":"@config.slotHeight","tone":"@config.slotBorderColor","fillTone":"@fillColor","fillStyle":"tint"},{"type":"text","id":["str/concat","slot-label-","@i"],"x":["+","@bx",["/","@config.slotWidth",2]],"y":["+","@config.slotY",["/","@config.slotHeight",2],5],"text":["if","@filled","@label",["str/concat","",["+","@i",1]]],"textSize":"@config.slotFontSize","align":"center","tone":"@config.slotTextColor"}]]]]]]],["set","@entity.slotShapes","@slotShapes"]],["render-ui","main",{"type":"box","padding":"md","children":[{"type":"stack","direction":"vertical","gap":"md","children":[{"type":"stack","direction":"horizontal","justify":"between","align":"start","gap":"md","children":[{"type":"stack","direction":"vertical","gap":"xs","children":[{"type":"typography","variant":"h4","content":"@entity.title"},["if",["==","@config.summary",""],null,{"type":"typography","variant":"body2","color":"muted","content":"@config.summary"}]]},{"type":"badge","label":["if","@entity.checked",["if",["==","@entity.correctCount","@entity.totalItems"],"Correct",["str/concat","@entity.correctCount"," / ","@entity.totalItems"," correct"]],["str/concat",["array/len","@entity.placedIds"]," / ","@entity.totalItems"," placed"]],"variant":["if","@entity.checked",["if",["==","@entity.correctCount","@entity.totalItems"],"success","error"],"neutral"]}]},{"type":"math-canvas","width":"@config.width","height":"@config.height","xMin":0,"xMax":"@config.width","yMin":0,"yMax":"@config.height","showAxes":false,"showGrid":false,"gridStep":1,"curves":[],"points":[],"vectors":[],"shapes":"@entity.slotShapes","interactive":"@config.interactive","animate":"@config.animate","keyMap":{"Space":"CHECK","Backspace":"UNDO","KeyR":"RETRY"}},{"type":"stack","direction":"vertical","gap":"sm","children":["array/map",["array/filter","@entity.items",["fn","it",["not",["array/includes","@entity.placedIds",["object/get","@it","id"]]]]],["fn","it",{"type":"button","action":"PLACE","actionPayload":{"itemId":["object/get","@it","id"]},"label":["if",["!=",["object/get","@it","hint",""],""],["str/concat",["object/get","@it","label"]," — ",["object/get","@it","hint",""]],["object/get","@it","label"]],"variant":"secondary","size":"lg","disabled":"@entity.checked"}]]},{"type":"stack","direction":"horizontal","align":"center","gap":"sm","wrap":true,"children":[{"type":"button","action":"CHECK","label":"@config.checkLabel","icon":"check","variant":"primary","disabled":["if",[">=",["array/len","@entity.placedIds"],"@entity.totalItems"],false,true]},{"type":"button","action":"UNDO","label":"@config.undoLabel","icon":"chevron-left","variant":"secondary","disabled":["if",[">",["array/len","@entity.placedIds"],0],false,true]},{"type":"button","action":"RETRY","label":"@config.retryLabel","icon":"rotate-ccw","variant":"ghost"},{"type":"typography","variant":"caption","color":"muted","content":["str/concat","Placed ",["array/len","@entity.placedIds"]," of ","@entity.totalItems"]}]},{"type":"typography","variant":"body","content":["if","@entity.checked","@entity.verdict","Tap items to build the sequence in order, then press Check."]}]}]}]]},{"from":"idle","to":"idle","event":"CHECK","eventId":"evt_ZKK54SFFFWQQYCCSRVYMKT4JKA","guard":["and",["==","@entity.active",true],[">=",["array/len","@entity.placedIds"],"@entity.totalItems"]],"effects":[["let",[["correctCount",["array/reduce",["array/range","@entity.totalItems"],0,["fn",["acc","i"],["let",[["placedId",["array/nth","@entity.placedIds","@i"]],["item",["array/find","@entity.items",["fn","it",["==",["object/get","@it","id"],"@placedId"]]]]],["if",["==",["object/get","@item","correctPosition"],"@i"],["+","@acc",1],"@acc"]]]]],["verdictText",["if",["==","@correctCount","@entity.totalItems"],"All correct — well done!",["str/concat","@correctCount"," of ","@entity.totalItems"," correct — review the highlighted slots."]]]],["do",["set","@entity.checked",true],["set","@entity.correctCount","@correctCount"],["set","@entity.verdict","@verdictText"]]],["let",[["placedCount",["array/len","@entity.placedIds"]],["slotShapes",["array/flatten",["array/map",["array/range","@entity.totalItems"],["fn","i",["let",[["placedId",["if",["<","@i","@placedCount"],["array/nth","@entity.placedIds","@i"],""]],["filled",["!=","@placedId",""]],["item",["if","@filled",["array/find","@entity.items",["fn","it",["==",["object/get","@it","id"],"@placedId"]]],null]],["label",["if","@filled",["object/get","@item","label"],""]],["correctForSlot",["if","@filled",["==",["object/get","@item","correctPosition"],"@i"],false]],["fillColor",["if",["not","@filled"],"@config.emptySlotColor",["if","@entity.checked",["if","@correctForSlot","@config.correctColor","@config.incorrectColor"],"@config.pendingColor"]]],["bx",["+","@config.slotLeft",["*","@i","@config.slotSpacing"]]]],[{"type":"rect","id":["str/concat","slot-","@i"],"x":"@bx","y":"@config.slotY","width":"@config.slotWidth","height":"@config.slotHeight","tone":"@config.slotBorderColor","fillTone":"@fillColor","fillStyle":"tint"},{"type":"text","id":["str/concat","slot-label-","@i"],"x":["+","@bx",["/","@config.slotWidth",2]],"y":["+","@config.slotY",["/","@config.slotHeight",2],5],"text":["if","@filled","@label",["str/concat","",["+","@i",1]]],"textSize":"@config.slotFontSize","align":"center","tone":"@config.slotTextColor"}]]]]]]],["set","@entity.slotShapes","@slotShapes"]],["render-ui","main",{"type":"box","padding":"md","children":[{"type":"stack","direction":"vertical","gap":"md","children":[{"type":"stack","direction":"horizontal","justify":"between","align":"start","gap":"md","children":[{"type":"stack","direction":"vertical","gap":"xs","children":[{"type":"typography","variant":"h4","content":"@entity.title"},["if",["==","@config.summary",""],null,{"type":"typography","variant":"body2","color":"muted","content":"@config.summary"}]]},{"type":"badge","label":["if","@entity.checked",["if",["==","@entity.correctCount","@entity.totalItems"],"Correct",["str/concat","@entity.correctCount"," / ","@entity.totalItems"," correct"]],["str/concat",["array/len","@entity.placedIds"]," / ","@entity.totalItems"," placed"]],"variant":["if","@entity.checked",["if",["==","@entity.correctCount","@entity.totalItems"],"success","error"],"neutral"]}]},{"type":"math-canvas","width":"@config.width","height":"@config.height","xMin":0,"xMax":"@config.width","yMin":0,"yMax":"@config.height","showAxes":false,"showGrid":false,"gridStep":1,"curves":[],"points":[],"vectors":[],"shapes":"@entity.slotShapes","interactive":"@config.interactive","animate":"@config.animate","keyMap":{"Space":"CHECK","Backspace":"UNDO","KeyR":"RETRY"}},{"type":"stack","direction":"vertical","gap":"sm","children":["array/map",["array/filter","@entity.items",["fn","it",["not",["array/includes","@entity.placedIds",["object/get","@it","id"]]]]],["fn","it",{"type":"button","action":"PLACE","actionPayload":{"itemId":["object/get","@it","id"]},"label":["if",["!=",["object/get","@it","hint",""],""],["str/concat",["object/get","@it","label"]," — ",["object/get","@it","hint",""]],["object/get","@it","label"]],"variant":"secondary","size":"lg","disabled":"@entity.checked"}]]},{"type":"stack","direction":"horizontal","align":"center","gap":"sm","wrap":true,"children":[{"type":"button","action":"CHECK","label":"@config.checkLabel","icon":"check","variant":"primary","disabled":["if",[">=",["array/len","@entity.placedIds"],"@entity.totalItems"],false,true]},{"type":"button","action":"UNDO","label":"@config.undoLabel","icon":"chevron-left","variant":"secondary","disabled":["if",[">",["array/len","@entity.placedIds"],0],false,true]},{"type":"button","action":"RETRY","label":"@config.retryLabel","icon":"rotate-ccw","variant":"ghost"},{"type":"typography","variant":"caption","color":"muted","content":["str/concat","Placed ",["array/len","@entity.placedIds"]," of ","@entity.totalItems"]}]},{"type":"typography","variant":"body","content":["if","@entity.checked","@entity.verdict","Tap items to build the sequence in order, then press Check."]}]}]}],["emit","ARRANGEMENT_CHECKED",{"correctCount":"@entity.correctCount","total":"@entity.totalItems"}],["if",["==","@entity.correctCount","@entity.totalItems"],["emit","LEARN_ROUND_COMPLETE",{"score":"@entity.correctCount","total":"@entity.totalItems"}],null]]},{"from":"idle","to":"idle","event":"RETRY","eventId":"evt_PFY914WN4QAJBQFM5XJYEM66EK","guard":["==","@entity.active",true],"effects":[["set","@entity.placedIds",[]],["set","@entity.checked",false],["set","@entity.correctCount",0],["set","@entity.verdict",""],["let",[["placedCount",["array/len","@entity.placedIds"]],["slotShapes",["array/flatten",["array/map",["array/range","@entity.totalItems"],["fn","i",["let",[["placedId",["if",["<","@i","@placedCount"],["array/nth","@entity.placedIds","@i"],""]],["filled",["!=","@placedId",""]],["item",["if","@filled",["array/find","@entity.items",["fn","it",["==",["object/get","@it","id"],"@placedId"]]],null]],["label",["if","@filled",["object/get","@item","label"],""]],["correctForSlot",["if","@filled",["==",["object/get","@item","correctPosition"],"@i"],false]],["fillColor",["if",["not","@filled"],"@config.emptySlotColor",["if","@entity.checked",["if","@correctForSlot","@config.correctColor","@config.incorrectColor"],"@config.pendingColor"]]],["bx",["+","@config.slotLeft",["*","@i","@config.slotSpacing"]]]],[{"type":"rect","id":["str/concat","slot-","@i"],"x":"@bx","y":"@config.slotY","width":"@config.slotWidth","height":"@config.slotHeight","tone":"@config.slotBorderColor","fillTone":"@fillColor","fillStyle":"tint"},{"type":"text","id":["str/concat","slot-label-","@i"],"x":["+","@bx",["/","@config.slotWidth",2]],"y":["+","@config.slotY",["/","@config.slotHeight",2],5],"text":["if","@filled","@label",["str/concat","",["+","@i",1]]],"textSize":"@config.slotFontSize","align":"center","tone":"@config.slotTextColor"}]]]]]]],["set","@entity.slotShapes","@slotShapes"]],["render-ui","main",{"type":"box","padding":"md","children":[{"type":"stack","direction":"vertical","gap":"md","children":[{"type":"stack","direction":"horizontal","justify":"between","align":"start","gap":"md","children":[{"type":"stack","direction":"vertical","gap":"xs","children":[{"type":"typography","variant":"h4","content":"@entity.title"},["if",["==","@config.summary",""],null,{"type":"typography","variant":"body2","color":"muted","content":"@config.summary"}]]},{"type":"badge","label":["if","@entity.checked",["if",["==","@entity.correctCount","@entity.totalItems"],"Correct",["str/concat","@entity.correctCount"," / ","@entity.totalItems"," correct"]],["str/concat",["array/len","@entity.placedIds"]," / ","@entity.totalItems"," placed"]],"variant":["if","@entity.checked",["if",["==","@entity.correctCount","@entity.totalItems"],"success","error"],"neutral"]}]},{"type":"math-canvas","width":"@config.width","height":"@config.height","xMin":0,"xMax":"@config.width","yMin":0,"yMax":"@config.height","showAxes":false,"showGrid":false,"gridStep":1,"curves":[],"points":[],"vectors":[],"shapes":"@entity.slotShapes","interactive":"@config.interactive","animate":"@config.animate","keyMap":{"Space":"CHECK","Backspace":"UNDO","KeyR":"RETRY"}},{"type":"stack","direction":"vertical","gap":"sm","children":["array/map",["array/filter","@entity.items",["fn","it",["not",["array/includes","@entity.placedIds",["object/get","@it","id"]]]]],["fn","it",{"type":"button","action":"PLACE","actionPayload":{"itemId":["object/get","@it","id"]},"label":["if",["!=",["object/get","@it","hint",""],""],["str/concat",["object/get","@it","label"]," — ",["object/get","@it","hint",""]],["object/get","@it","label"]],"variant":"secondary","size":"lg","disabled":"@entity.checked"}]]},{"type":"stack","direction":"horizontal","align":"center","gap":"sm","wrap":true,"children":[{"type":"button","action":"CHECK","label":"@config.checkLabel","icon":"check","variant":"primary","disabled":["if",[">=",["array/len","@entity.placedIds"],"@entity.totalItems"],false,true]},{"type":"button","action":"UNDO","label":"@config.undoLabel","icon":"chevron-left","variant":"secondary","disabled":["if",[">",["array/len","@entity.placedIds"],0],false,true]},{"type":"button","action":"RETRY","label":"@config.retryLabel","icon":"rotate-ccw","variant":"ghost"},{"type":"typography","variant":"caption","color":"muted","content":["str/concat","Placed ",["array/len","@entity.placedIds"]," of ","@entity.totalItems"]}]},{"type":"typography","variant":"body","content":["if","@entity.checked","@entity.verdict","Tap items to build the sequence in order, then press Check."]}]}]}],["emit","ARRANGEMENT_RESET",{}]]}]},"config":{"emptySlotColor":{"type":"string","default":"fill","label":"Empty Slot Color","description":"Fill color for a slot with no item placed yet.","tier":"presentation"},"items":{"type":"[LearnArrangementItem]","default":[{"id":"1","label":"Boil water in a kettle","correctPosition":0,"hint":"What has to happen before anything can be poured?"},{"id":"2","label":"Place a tea bag in the cup","correctPosition":1,"hint":"The bag goes in before the water does."},{"id":"3","label":"Pour the hot water over the tea bag","correctPosition":2,"hint":"Now the water and the bag meet."},{"id":"4","label":"Let it steep for a few minutes","correctPosition":3,"hint":"Flavor needs time to develop."},{"id":"5","label":"Remove the tea bag and add milk or sugar to taste","correctPosition":4,"hint":"This happens once the tea is strong enough."}],"label":"Items","description":"Roster of items to order; each carries its label, its zero-based correct position in the finished sequence, and an optional hint shown beneath its button while unplaced.","synonyms":"item, step, stage, sequence, order, ranking, procedure","tier":"domain","items":{"type":"object","properties":{"correctPosition":{"name":"correctPosition","type":"number","required":true},"hint":{"name":"hint","type":"string","required":false},"label":{"name":"label","type":"string","required":true},"id":{"name":"id","type":"string","required":true}}}},"correctColor":{"type":"string","default":"success","label":"Correct Slot Color","description":"Fill color for a filled slot whose item matches its correct position, once graded.","tier":"presentation"},"slotTextColor":{"type":"string","default":"label","label":"Slot Text Color","tier":"presentation"},"animate":{"type":"boolean","default":false,"label":"Animate","description":"Enable continuous redraw loop.","tier":"presentation"},"slotHeight":{"type":"number","default":60,"label":"Slot Height (px)","tier":"presentation"},"undoLabel":{"type":"string","default":"Undo","label":"Undo Button Label","tier":"presentation"},"slotSpacing":{"type":"number","default":120,"label":"Slot Spacing (px)","tier":"presentation"},"slotFontSize":{"type":"string","default":"sm","label":"Slot Text Size","description":"Slot label size role: xs, sm, base or lg.","tier":"presentation"},"slotY":{"type":"number","default":70,"label":"Slot Row Y (px)","tier":"presentation"},"checkLabel":{"type":"string","default":"Check","label":"Check Button Label","tier":"presentation"},"pendingColor":{"type":"string","default":"series-2","label":"Pending Slot Color","description":"Fill color for a filled slot before grading.","tier":"presentation"},"summary":{"type":"string","default":"","label":"Concept","description":"One line under the title saying what is being ordered (keep it under ~65 characters). Empty shows no line.","tier":"presentation"},"title":{"type":"string","default":"Build the Order","label":"Title","description":"Title shown above the instrument.","tier":"presentation"},"height":{"type":"number","default":220,"label":"Height","description":"Canvas height in pixels.","tier":"presentation"},"retryLabel":{"type":"string","default":"Retry","label":"Retry Button Label","tier":"presentation"},"matchMode":{"type":"string","default":"","label":"Match Mode","description":"When composed behind a lab router, the MODE_SELECTED mode value this instrument responds to. Empty string means standalone — render immediately on INIT.","tier":"presentation"},"width":{"type":"number","default":640,"label":"Width","description":"Canvas width in pixels.","tier":"presentation"},"interactive":{"type":"boolean","default":false,"label":"Interactive","description":"Enable pointer interaction on the canvas.","tier":"presentation"},"slotBorderColor":{"type":"string","default":"ink","label":"Slot Border Color","tier":"presentation"},"rosterSource":{"type":"string","default":"config","label":"Roster Source","description":"Where the roster comes from: config reads the items knob(s) at INIT; event waits for ROSTER_LOADED and takes the roster from its payload.","tier":"domain","values":["config","event"]},"slotWidth":{"type":"number","default":100,"label":"Slot Width (px)","tier":"presentation"},"incorrectColor":{"type":"string","default":"error","label":"Incorrect Slot Color","description":"Fill color for a filled slot whose item does not match its correct position, once graded.","tier":"presentation"},"slotLeft":{"type":"number","default":40,"label":"First Slot X (px)","tier":"presentation"}},"scope":"instance"}],"pages":[{"name":"LearnArrangementPage","id":"pag_26M1Z8YFT17X0XQMBBDWDFWWZ9","path":"/learn-arrangement","traits":[{"ref":"LearnArrangementSim","refId":"trt_EAZHKCBJ5HS2RZMQ3XFMF3568Y"}]}],"types":{"LearnArrangementItem":[{"name":"id","type":"string","required":true},{"name":"label","type":"string","required":true},{"name":"correctPosition","type":"number","required":true},{"name":"hint","type":"string"}],"LearnArrangementShape":[{"name":"type","type":"string","values":["line","arrow","circle","rect","polygon","path","text","axis","grid"],"required":true},{"name":"id","type":"string"},{"name":"x","type":"number"},{"name":"y","type":"number"},{"name":"x1","type":"number"},{"name":"y1","type":"number"},{"name":"x2","type":"number"},{"name":"y2","type":"number"},{"name":"radius","type":"number"},{"name":"width","type":"number"},{"name":"height","type":"number"},{"name":"points","type":"[object]","properties":[{"name":"x","type":"number","required":true},{"name":"y","type":"number","required":true}]},{"name":"path","type":"string"},{"name":"text","type":"string"},{"name":"label","type":"string"},{"name":"fontSize","type":"number"},{"name":"align","type":"string","values":["left","center","right"]},{"name":"axis","type":"string","values":["x","y"]},{"name":"min","type":"number"},{"name":"max","type":"number"},{"name":"step","type":"number"},{"name":"color","type":"string"},{"name":"fill","type":"string"},{"name":"lineWidth","type":"number"},{"name":"opacity","type":"number"},{"name":"tone","type":"string"},{"name":"fillTone","type":"string"},{"name":"stroke","type":"string"},{"name":"textSize","type":"string"},{"name":"fillStyle","type":"string"}],"LearnArrangementShapePoint":[{"name":"x","type":"number","required":true},{"name":"y","type":"number","required":true}]}}],"schemaVersion":1,"ledger":{"schemaVersion":1,"entries":{"ent_4VXGN5BMZ2TFH6ZZ0JB32XZCB7":{"id":"ent_4VXGN5BMZ2TFH6ZZ0JB32XZCB7","kind":"entity","bakedName":"LearnArrangementScene","curName":"LearnArrangementScene","renames":[],"owner":"workspace"},"evt_99KSQXW1830M1H58ABKJ1SZ89Y":{"id":"evt_99KSQXW1830M1H58ABKJ1SZ89Y","kind":"event","bakedName":"UNDO","curName":"UNDO","renames":[],"owner":"workspace","parent":"trt_EAZHKCBJ5HS2RZMQ3XFMF3568Y"},"evt_E4YKJKF3VJHXS2RDD0W692KMPS":{"id":"evt_E4YKJKF3VJHXS2RDD0W692KMPS","kind":"event","bakedName":"PLACE","curName":"PLACE","renames":[],"owner":"workspace","parent":"trt_EAZHKCBJ5HS2RZMQ3XFMF3568Y"},"evt_GXPAHQMC69634XG0GHN9FCWAE8":{"id":"evt_GXPAHQMC69634XG0GHN9FCWAE8","kind":"event","bakedName":"INIT","curName":"INIT","renames":[],"owner":"workspace","parent":"trt_EAZHKCBJ5HS2RZMQ3XFMF3568Y"},"evt_GYWT8C1PRKVC9S44ASCXF7R8PT":{"id":"evt_GYWT8C1PRKVC9S44ASCXF7R8PT","kind":"event","bakedName":"ROSTER_LOADED","curName":"ROSTER_LOADED","renames":[],"owner":"workspace","parent":"trt_EAZHKCBJ5HS2RZMQ3XFMF3568Y"},"evt_K26KW0W3BD1NPQQ6P8V0MGRB5S":{"id":"evt_K26KW0W3BD1NPQQ6P8V0MGRB5S","kind":"event","bakedName":"ARRANGEMENT_CHECKED","curName":"ARRANGEMENT_CHECKED","renames":[],"owner":"workspace","parent":"trt_EAZHKCBJ5HS2RZMQ3XFMF3568Y"},"evt_M7HJ5ZQHKERSQ3FJR7C5WGAETQ":{"id":"evt_M7HJ5ZQHKERSQ3FJR7C5WGAETQ","kind":"event","bakedName":"LEARN_ROUND_COMPLETE","curName":"LEARN_ROUND_COMPLETE","renames":[],"owner":"workspace","parent":"trt_EAZHKCBJ5HS2RZMQ3XFMF3568Y"},"evt_PFY914WN4QAJBQFM5XJYEM66EK":{"id":"evt_PFY914WN4QAJBQFM5XJYEM66EK","kind":"event","bakedName":"RETRY","curName":"RETRY","renames":[],"owner":"workspace","parent":"trt_EAZHKCBJ5HS2RZMQ3XFMF3568Y"},"evt_XK9NZA99JDMS6T2E9ZJY0NS0AB":{"id":"evt_XK9NZA99JDMS6T2E9ZJY0NS0AB","kind":"event","bakedName":"ARRANGEMENT_RESET","curName":"ARRANGEMENT_RESET","renames":[],"owner":"workspace","parent":"trt_EAZHKCBJ5HS2RZMQ3XFMF3568Y"},"evt_YP7G958XY6EZ3EJTG2T49SD55X":{"id":"evt_YP7G958XY6EZ3EJTG2T49SD55X","kind":"event","bakedName":"MODE_SELECTED","curName":"MODE_SELECTED","renames":[],"owner":"workspace","parent":"trt_EAZHKCBJ5HS2RZMQ3XFMF3568Y"},"evt_ZKK54SFFFWQQYCCSRVYMKT4JKA":{"id":"evt_ZKK54SFFFWQQYCCSRVYMKT4JKA","kind":"event","bakedName":"CHECK","curName":"CHECK","renames":[],"owner":"workspace","parent":"trt_EAZHKCBJ5HS2RZMQ3XFMF3568Y"},"orb_DWHGPQ8EJ07903JWYKRM6YQVFJ":{"id":"orb_DWHGPQ8EJ07903JWYKRM6YQVFJ","kind":"orbital","bakedName":"LearnArrangementOrbital","curName":"LearnArrangementOrbital","renames":[],"owner":"workspace"},"pag_26M1Z8YFT17X0XQMBBDWDFWWZ9":{"id":"pag_26M1Z8YFT17X0XQMBBDWDFWWZ9","kind":"page","bakedName":"LearnArrangementPage","curName":"LearnArrangementPage","renames":[],"owner":"workspace"},"trt_EAZHKCBJ5HS2RZMQ3XFMF3568Y":{"id":"trt_EAZHKCBJ5HS2RZMQ3XFMF3568Y","kind":"trait","bakedName":"LearnArrangementSim","curName":"LearnArrangementSim","renames":[],"owner":"workspace"}}}}