[{"data":1,"prerenderedAt":234},["ShallowReactive",2],{"$fiehzFDvhk_AB1DKBMtUR717Fr_mQLG_IgQZYZRlyWaU":3},{"newThing":4,"project":5,"cycle":8,"sections":20,"threads":206,"otherDocs":207,"images":209,"archiveItems":224,"links":233},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},"c26",26,"c26.document-dev-controls","document-dev-controls","Document Dev Components","archived","2026-09-11",false,"\u002Fcycles\u002Fdesign\u002Fc26-dev-controls.png",4,1,[21,35,45,113,181],{"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 layer ships 11 dev components but only 5 were registered in the design site. The control-panel family (DevControls, DevControlSlider, DevControlColor, DevControlSelect, DevControlSection) and DevMetaPropsMachine had no documentation or demos, making it harder for developers to discover and use the full dev tooling when building component demos.",{"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},"Register all missing dev components and create interactive demos for every dev component, so the design site fully documents its own tooling.",{"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,69,80,93],{"type":28,"tag":55,"props":56,"children":57},"li",{},[58,60,67],{"type":33,"value":59},"New ",{"type":28,"tag":61,"props":62,"children":64},"code",{"className":63},[],[65],{"type":33,"value":66},"dev-controls",{"type":33,"value":68}," registry group for the 6 control-panel components",{"type":28,"tag":55,"props":70,"children":71},{},[72,74],{"type":33,"value":73},"6 new component entries in ",{"type":28,"tag":61,"props":75,"children":77},{"className":76},[],[78],{"type":33,"value":79},"component-registry.ts",{"type":28,"tag":55,"props":81,"children":82},{},[83,85,91],{"type":33,"value":84},"11 demo files in ",{"type":28,"tag":61,"props":86,"children":88},{"className":87},[],[89],{"type":33,"value":90},"_demos\u002F",{"type":33,"value":92}," (5 existing doc primitives + 6 new controls)",{"type":28,"tag":55,"props":94,"children":95},{},[96,98,104,106,111],{"type":33,"value":97},"Both ",{"type":28,"tag":61,"props":99,"children":101},{"className":100},[],[102],{"type":33,"value":103},"dev",{"type":33,"value":105}," and ",{"type":28,"tag":61,"props":107,"children":109},{"className":108},[],[110],{"type":33,"value":66},{"type":33,"value":112}," groups hidden from public components index",{"key":114,"title":115,"empty":16,"ast":116},"key-changes","Key Changes",{"type":25,"children":117},[118],{"type":28,"tag":51,"props":119,"children":120},{},[121,139,155,170],{"type":28,"tag":55,"props":122,"children":123},{},[124,130,132,137],{"type":28,"tag":61,"props":125,"children":127},{"className":126},[],[128],{"type":33,"value":129},"app\u002Fdata\u002Fcomponent-registry.ts",{"type":33,"value":131}," — added ",{"type":28,"tag":61,"props":133,"children":135},{"className":134},[],[136],{"type":33,"value":66},{"type":33,"value":138}," group + 6 entries",{"type":28,"tag":55,"props":140,"children":141},{},[142,148,150],{"type":28,"tag":61,"props":143,"children":145},{"className":144},[],[146],{"type":33,"value":147},"app\u002Fpages\u002Fcomponents\u002Findex.vue",{"type":33,"value":149}," — filter excludes ",{"type":28,"tag":61,"props":151,"children":153},{"className":152},[],[154],{"type":33,"value":66},{"type":28,"tag":55,"props":156,"children":157},{},[158,164,165],{"type":28,"tag":61,"props":159,"children":161},{"className":160},[],[162],{"type":33,"value":163},"app\u002Fpages\u002Fcomponents\u002Fcoverage.vue",{"type":33,"value":149},{"type":28,"tag":61,"props":166,"children":168},{"className":167},[],[169],{"type":33,"value":66},{"type":28,"tag":55,"props":171,"children":172},{},[173,179],{"type":28,"tag":61,"props":174,"children":176},{"className":175},[],[177],{"type":33,"value":178},"app\u002Fpages\u002Fcomponents\u002F_demos\u002FDev*.vue",{"type":33,"value":180}," — 11 new demo files",{"key":182,"title":183,"empty":16,"ast":184},"outcome","Outcome",{"type":25,"children":185},[186],{"type":28,"tag":29,"props":187,"children":188},{},[189,191,197,198,204],{"type":33,"value":190},"All 11 dev components are documented with interactive demos at ",{"type":28,"tag":61,"props":192,"children":194},{"className":193},[],[195],{"type":33,"value":196},"\u002Fcomponents\u002Fdev\u002F",{"type":33,"value":105},{"type":28,"tag":61,"props":199,"children":201},{"className":200},[],[202],{"type":33,"value":203},"\u002Fcomponents\u002Fdev-controls\u002F",{"type":33,"value":205},". Developers writing new component demos can reference the tooling documentation.",[],[208],"cycle-creation.md",[210,213,217,220],{"src":17,"kind":211,"order":212},"hero",4999,{"src":214,"kind":215,"order":216},"\u002Fcycles\u002Fdesign\u002Fc26-dev-controls-2.png","slice",2,{"src":218,"kind":215,"order":219},"\u002Fcycles\u002Fdesign\u002Fc26-dev-controls-3.png",3,{"src":221,"kind":222,"order":223},"\u002Fcycles\u002Fdesign\u002Fc26-dev-controls-full.png","full",9000,[225],{"path":226,"title":227,"image":17,"gallery":228},"archive\u002F2026-q3\u002F2026-03-27-c26-dev-controls","Dev Controls",[229,231],{"src":17,"alt":230},"The dev-controls demo page.",{"src":221,"alt":232},"Dev Controls — full page",[],1789151086887]