[{"data":1,"prerenderedAt":367},["ShallowReactive",2],{"$f2ng58aWReG3QfCiLsvErpM6VYZKcm90Nv66FsHpx3Lk":3},{"newThing":4,"project":5,"cycle":8,"sections":22,"threads":307,"otherDocs":308,"documents":310,"images":314,"archiveItems":354,"links":363},null,{"id":6,"label":7,"liveBase":4},"design","Design",{"id":9,"num":10,"dir":11,"name":12,"title":13,"focus":14,"status":15,"statusNote":4,"created":16,"completed":4,"mode":4,"report":4,"recordless":17,"thumbnail":18,"imageCount":19,"artifactCount":20,"lastActivity":16,"hasPickup":17,"hasInitialPrompt":21},"c56",56,"c56.compliance-framework-pages","compliance-framework-pages","Compliance Framework Pages","Mock up two compliance framework pages from Figma designs","archived","2026-07-25",false,"\u002Fcycles\u002Fdesign\u002Fc56-compliance.png",8,2,true,[23,37,80,154,272],{"key":24,"title":25,"empty":17,"ast":26},"why","Why",{"type":27,"children":28},"root",[29],{"type":30,"tag":31,"props":32,"children":33},"element","p",{},[34],{"type":35,"value":36},"text","The product needs two compliance-related pages mocked in the design site to validate the Figma designs and establish the component patterns for framework management workflows.",{"key":38,"title":39,"empty":17,"ast":40},"objective","Objective",{"type":27,"children":41},[42,47,75],{"type":30,"tag":31,"props":43,"children":44},{},[45],{"type":35,"value":46},"Create two pages in the design site:",{"type":30,"tag":48,"props":49,"children":50},"ol",{},[51,64],{"type":30,"tag":52,"props":53,"children":54},"li",{},[55,62],{"type":30,"tag":56,"props":57,"children":59},"code",{"className":58},[],[60],{"type":35,"value":61},"\u002Fv2\u002Fcompliance\u002Fframework-listing",{"type":35,"value":63}," — Lists Active Frameworks and Available Frameworks with Deactivate\u002FActivate action columns",{"type":30,"tag":52,"props":65,"children":66},{},[67,73],{"type":30,"tag":56,"props":68,"children":70},{"className":69},[],[71],{"type":35,"value":72},"\u002Fv2\u002Fcompliance\u002Fframework\u002Fowasp-llm-top-10",{"type":35,"value":74}," — Framework details page",{"type":30,"tag":31,"props":76,"children":77},{},[78],{"type":35,"value":79},"Both pages transcribed from the Figma design source (ignoring nav chrome).",{"key":81,"title":82,"empty":17,"ast":83},"scope","Scope",{"type":27,"children":84},[85,141],{"type":30,"tag":86,"props":87,"children":88},"ul",{},[89,118,131,136],{"type":30,"tag":52,"props":90,"children":91},{},[92,94,100,102,108,110,116],{"type":35,"value":93},"New pages: ",{"type":30,"tag":56,"props":95,"children":97},{"className":96},[],[98],{"type":35,"value":99},"app\u002Fpages\u002Fpages\u002Fframework-listing.vue",{"type":35,"value":101},", ",{"type":30,"tag":56,"props":103,"children":105},{"className":104},[],[106],{"type":35,"value":107},"app\u002Fpages\u002Fpages\u002Fframework-detail.vue",{"type":35,"value":109}," (design-site pages section, registered in ",{"type":30,"tag":56,"props":111,"children":113},{"className":112},[],[114],{"type":35,"value":115},"app\u002Fdata\u002Fpage-registry.ts",{"type":35,"value":117},")",{"type":30,"tag":52,"props":119,"children":120},{},[121,123],{"type":35,"value":122},"Figma source: ",{"type":30,"tag":124,"props":125,"children":129},"a",{"href":126,"rel":127},"https:\u002F\u002Fwww.figma.com\u002Fdesign\u002FAGxdHnJ1cf847C7WRuybch\u002Fapp.qpoint.io---1.1---Agent-Transition",[128],"nofollow",[130],{"type":35,"value":126},{"type":30,"tag":52,"props":132,"children":133},{},[134],{"type":35,"value":135},"Layer components: Reuse existing table, button, and layout components as needed",{"type":30,"tag":52,"props":137,"children":138},{},[139],{"type":35,"value":140},"No new layer components up front — build cells inline, extract to the layer in a follow-up pass if they prove reusable (c54 pattern)",{"type":30,"tag":31,"props":142,"children":143},{},[144,146,152],{"type":35,"value":145},"See ",{"type":30,"tag":56,"props":147,"children":149},{"className":148},[],[150],{"type":35,"value":151},"plan.md",{"type":35,"value":153}," for the full build plan.",{"key":155,"title":156,"empty":17,"ast":157},"key-changes","Key Changes",{"type":27,"children":158},[159],{"type":30,"tag":86,"props":160,"children":161},{},[162,197,223,241,259],{"type":30,"tag":52,"props":163,"children":164},{},[165,171,173,179,181,187,189,195],{"type":30,"tag":56,"props":166,"children":168},{"className":167},[],[169],{"type":35,"value":170},"app\u002Fpages\u002Fpages\u002Ffindings.vue",{"type":35,"value":172}," — ",{"type":30,"tag":56,"props":174,"children":176},{"className":175},[],[177],{"type":35,"value":178},"\u002Fv2\u002Ffindings",{"type":35,"value":180}," mock (added mid-cycle): framework-lens chip filters (working), severity rollup ",{"type":30,"tag":56,"props":182,"children":184},{"className":183},[],[185],{"type":35,"value":186},"DataCard",{"type":35,"value":188},", and a ",{"type":30,"tag":56,"props":190,"children":192},{"className":191},[],[193],{"type":35,"value":194},"UxTableListExpandRow",{"type":35,"value":196}," findings table where each row expands into the violation-detail panel (policy → violation → remediation chain, severity\u002Ffirst-seen\u002Flast-seen\u002Fframework meta, Manage Violation button) as drawn in the updated Figma frame.",{"type":30,"tag":52,"props":198,"children":199},{},[200,205,207,213,215,221],{"type":30,"tag":56,"props":201,"children":203},{"className":202},[],[204],{"type":35,"value":99},{"type":35,"value":206}," — Active (3) + Available (7) framework tables via ",{"type":30,"tag":56,"props":208,"children":210},{"className":209},[],[211],{"type":35,"value":212},"UxTableList",{"type":35,"value":214},"; framework\u002Fkind\u002Fviolations\u002Fcompleteness columns plus the prompt's Deactivate\u002FActivate action column. Reuses ",{"type":30,"tag":56,"props":216,"children":218},{"className":217},[],[219],{"type":35,"value":220},"PolicyCompletenessCell",{"type":35,"value":222}," from the c54 policy suite; kind glyphs (shield\u002Fscales\u002Fmedal) are inline SVGs since the layer icon set has no fit.",{"type":30,"tag":52,"props":224,"children":225},{},[226,231,233,239],{"type":30,"tag":56,"props":227,"children":229},{"className":228},[],[230],{"type":35,"value":107},{"type":35,"value":232}," — OWASP LLM Top 10 detail: header + kind badge, live recommended-controls progress bar, and an LLM01–LLM10 requirements table with real ",{"type":30,"tag":56,"props":234,"children":236},{"className":235},[],[237],{"type":35,"value":238},"UxToggle",{"type":35,"value":240}," control state (toggles and Activate\u002FDeactivate-all buttons drive the progress count).",{"type":30,"tag":52,"props":242,"children":243},{},[244,249,251,257],{"type":30,"tag":56,"props":245,"children":247},{"className":246},[],[248],{"type":35,"value":115},{"type":35,"value":250}," — two new entries in the ",{"type":30,"tag":56,"props":252,"children":254},{"className":253},[],[255],{"type":35,"value":256},"security",{"type":35,"value":258}," group; pages cross-link (listing \"Details + Configuration\" → detail, detail's back link → listing).",{"type":30,"tag":52,"props":260,"children":261},{},[262,264,270],{"type":35,"value":263},"Mock data varies per row instead of repeating the Figma placeholders (120 violations \u002F 84% everywhere); framework names & descriptions extend the set from ",{"type":30,"tag":56,"props":265,"children":267},{"className":266},[],[268],{"type":35,"value":269},"compliance.vue",{"type":35,"value":271},".",{"key":273,"title":274,"empty":17,"ast":275},"outcome","Outcome",{"type":27,"children":276},[277],{"type":30,"tag":86,"props":278,"children":279},{},[280],{"type":30,"tag":52,"props":281,"children":282},{},[283,285,291,293,299,301,306],{"type":35,"value":284},"Both pages render at ",{"type":30,"tag":56,"props":286,"children":288},{"className":287},[],[289],{"type":35,"value":290},"\u002Fpages\u002Fframework-listing",{"type":35,"value":292}," and ",{"type":30,"tag":56,"props":294,"children":296},{"className":295},[],[297],{"type":35,"value":298},"\u002Fpages\u002Fframework-detail",{"type":35,"value":300}," and are listed in the pages index. Cell-component extraction to the layer (framework cell, kind badge, violations stat, control toggle row, addressability status) deferred to a follow-up pass per ",{"type":30,"tag":56,"props":302,"children":304},{"className":303},[],[305],{"type":35,"value":151},{"type":35,"value":271},[],[309,151],"initial-prompt.md",[311,312],{"file":309,"title":13},{"file":151,"title":313},"Build Plan — Compliance Framework Pages",[315,324,329,336,339,343,347,350],{"src":18,"kind":316,"order":317,"caption":318,"capturedAt":319,"subject":320,"route":321,"evolution":322},"hero",13,"Instrumented framework mapping, projected frameworks, and evidence export","2026-08-18T20:38:41.199Z","page\u002Fcompliance","\u002Fpages\u002Fcompliance",{"subject":320,"moments":323},9,{"src":325,"kind":316,"order":326,"caption":327,"capturedAt":319,"subject":328,"route":290},"\u002Fcycles\u002Fdesign\u002Fc56-framework-listing.png",15,"Active and available compliance frameworks — kind, violations, control completeness, activate\u002Fdeactivate","page\u002Fframework-listing",{"src":330,"kind":316,"order":331,"caption":332,"capturedAt":319,"subject":333,"route":334,"evolution":335},"\u002Fcycles\u002Fdesign\u002Fc56-findings.png",16,"Framework-lensed findings table — severity rollup, chip filters, and expandable violation-detail rows","page\u002Ffindings","\u002Fpages\u002Ffindings",{"subject":333,"moments":323},{"src":337,"kind":316,"order":338},"\u002Farchive\u002F2026-q3\u002Fc56-framework-detail.png",4999,{"src":340,"kind":341,"order":342},"\u002Farchive\u002F2026-q3\u002Fc56-framework-detail-full.png","full",9000,{"src":344,"kind":341,"order":345,"capturedAt":319,"subject":320,"route":321,"evolution":346},"\u002Fcycles\u002Fdesign\u002Fc56-compliance-full.png",9013,{"subject":320,"moments":323},{"src":348,"kind":341,"order":349,"capturedAt":319,"subject":328,"route":290},"\u002Fcycles\u002Fdesign\u002Fc56-framework-listing-full.png",9015,{"src":351,"kind":341,"order":352,"capturedAt":319,"subject":333,"route":334,"evolution":353},"\u002Fcycles\u002Fdesign\u002Fc56-findings-full.png",9016,{"subject":333,"moments":323},[355],{"path":356,"title":357,"image":337,"gallery":358},"archive\u002F2026-q3\u002F2026-07-25-c56-framework-detail","Compliance Framework Detail",[359,361],{"src":337,"alt":360},"Framework detail mock — OWASP LLM Top 10 with live recommended-controls progress.",{"src":340,"alt":362},"Compliance Framework Detail — full page",[364,365,366],{"route":321,"href":321},{"route":334,"href":334},{"route":290,"href":290},1794599348851]