[{"data":1,"prerenderedAt":165},["ShallowReactive",2],{"$ffUhi3npbZF7QgO17qBSBO6aEm_4FVwQjA48aqWFkkm4":3},{"newThing":4,"project":5,"cycle":8,"sections":20,"threads":149,"otherDocs":150,"images":151,"archiveItems":163,"links":164},null,{"id":6,"label":7,"liveBase":4},"design","Design",{"id":9,"num":10,"dir":11,"name":12,"title":13,"focus":4,"status":14,"statusNote":4,"created":15,"completed":4,"mode":4,"recordless":16,"thumbnail":17,"imageCount":18,"artifactCount":19,"lastActivity":15,"hasPickup":16,"hasInitialPrompt":16},"c19",19,"c19.security-policy-slot","security-policy-slot","Security Policy Slot","archived","2026-09-11",false,"\u002Fcycles\u002Fdesign\u002Fc19-security-data-flow.png",3,0,[21,35,45,96,139],{"key":22,"title":23,"empty":16,"ast":24},"why","Why",{"type":25,"children":26},"root",[27],{"type":28,"tag":29,"props":30,"children":31},"element","p",{},[32],{"type":33,"value":34},"text","The security dashboard vision (c11) shows policies with adjacent violations tables. The PolicyCard was props-only with no way to compose detail content alongside it. The data-flow visual (source → data-type tags → destination) is a core Qpoint concept that belongs in the shared layer.",{"key":36,"title":37,"empty":16,"ast":38},"objective","Objective",{"type":25,"children":39},[40],{"type":28,"tag":29,"props":41,"children":42},{},[43],{"type":33,"value":44},"Add a default slot to SecurityPolicyCard for adjacent content (e.g. violations table), and create a SecurityDataFlow component for rendering data-type tag flows.",{"key":46,"title":47,"empty":16,"ast":48},"scope","Scope",{"type":25,"children":49},[50],{"type":28,"tag":51,"props":52,"children":53},"ul",{},[54,81,91],{"type":28,"tag":55,"props":56,"children":57},"li",{},[58,64,66,73,75],{"type":28,"tag":59,"props":60,"children":61},"strong",{},[62],{"type":33,"value":63},"Layer:",{"type":33,"value":65}," Default slot on ",{"type":28,"tag":67,"props":68,"children":70},"code",{"className":69},[],[71],{"type":33,"value":72},"security\u002FPolicyCard.vue",{"type":33,"value":74},", new ",{"type":28,"tag":67,"props":76,"children":78},{"className":77},[],[79],{"type":33,"value":80},"security\u002FDataFlow.vue",{"type":28,"tag":55,"props":82,"children":83},{},[84,89],{"type":28,"tag":59,"props":85,"children":86},{},[87],{"type":33,"value":88},"Design site:",{"type":33,"value":90}," Demo files for both components, component registry entries",{"type":28,"tag":55,"props":92,"children":93},{},[94],{"type":33,"value":95},"PolicyCard stays backward-compatible — no slot content = same render as before",{"key":97,"title":98,"empty":16,"ast":99},"key-changes","Key Changes",{"type":25,"children":100},[101],{"type":28,"tag":51,"props":102,"children":103},{},[104,115,134],{"type":28,"tag":55,"props":105,"children":106},{},[107,113],{"type":28,"tag":67,"props":108,"children":110},{"className":109},[],[111],{"type":33,"value":112},"SecurityPolicyCard",{"type":33,"value":114}," now accepts a default slot; when present, renders card + slot content side-by-side",{"type":28,"tag":55,"props":116,"children":117},{},[118,124,126,132],{"type":28,"tag":67,"props":119,"children":121},{"className":120},[],[122],{"type":33,"value":123},"SecurityDataFlow",{"type":33,"value":125}," renders ",{"type":28,"tag":67,"props":127,"children":129},{"className":128},[],[130],{"type":33,"value":131},"●--{PII}-->",{"type":33,"value":133}," visual pattern with configurable types and color palette",{"type":28,"tag":55,"props":135,"children":136},{},[137],{"type":33,"value":138},"Demo shows PolicyCard with a UxTableList violations table in the slot, matching the c11 wireframe",{"key":140,"title":141,"empty":16,"ast":142},"outcome","Outcome",{"type":25,"children":143},[144],{"type":28,"tag":29,"props":145,"children":146},{},[147],{"type":33,"value":148},"Two new reusable primitives in the layer. The violations-beside-policy composition is documented and demoed on the design site.",[],[],[152,155,159],{"src":17,"kind":153,"order":154},"hero",4999,{"src":156,"kind":157,"order":158},"\u002Fcycles\u002Fdesign\u002Fc19-security-data-flow-2.png","slice",2,{"src":160,"kind":161,"order":162},"\u002Fcycles\u002Fdesign\u002Fc19-security-data-flow-full.png","full",9000,[],[],1789151089276]