[{"data":1,"prerenderedAt":1712},["ShallowReactive",2],{"cycle-doc-www-c2-plan.md":3},{"cycle":4,"project":7,"path":10,"title":11,"toc":12,"ast":21},{"id":5,"title":6},"c2","Brochure Site Q2 Redesign",{"id":8,"label":9},"www","www.qpoint.io","plan.md","Cycle 2: QControl Product Page — Implementation Plan",[13,14,15,16,17,18,19,20],"Context","Architecture","File Structure","Implementation Steps","Files Modified \u002F Created","Build Order","Verification","Reference Files",{"type":22,"children":23},"root",[24,32,55,60,64,69,90,154,159,162,167,179,182,187,199,204,215,228,239,266,276,282,302,309,321,331,344,356,500,512,619,631,674,686,795,807,906,912,917,1015,1021,1026,1152,1155,1160,1351,1356,1359,1364,1444,1447,1452,1528,1531,1536,1541,1707],{"type":25,"tag":26,"props":27,"children":29},"element","h2",{"id":28},"context",[30],{"type":31,"value":13},"text",{"type":25,"tag":33,"props":34,"children":35},"p",{},[36,38,45,47,53],{"type":31,"value":37},"QControl is a new product that provides visibility and control for AI agents. The Q2 design comp (",{"type":25,"tag":39,"props":40,"children":42},"code",{"className":41},[],[43],{"type":31,"value":44},"design\u002Finbox\u002FQPT.2026.Q2.brochure-site.png",{"type":31,"value":46},") defines a dedicated product page with 5 sections telling the AI agent visibility story. This page will live at ",{"type":25,"tag":39,"props":48,"children":50},{"className":49},[],[51],{"type":31,"value":52},"\u002Fproducts\u002Fqcontrol",{"type":31,"value":54}," and appear in the existing products dropdown nav.",{"type":25,"tag":33,"props":56,"children":57},{},[58],{"type":31,"value":59},"All graphics\u002Fillustrations are PNGs — placeholder boxes will be used initially, with real assets swapped in later.",{"type":25,"tag":61,"props":62,"children":63},"hr",{},[],{"type":25,"tag":26,"props":65,"children":67},{"id":66},"architecture",[68],{"type":31,"value":14},{"type":25,"tag":33,"props":70,"children":71},{},[72,74,80,82,88],{"type":31,"value":73},"The existing product pages (QTap, QPlane, DevTools) are content-driven via ",{"type":25,"tag":39,"props":75,"children":77},{"className":76},[],[78],{"type":31,"value":79},"content\u002Fproducts\u002F*.md",{"type":31,"value":81}," rendered by ",{"type":25,"tag":39,"props":83,"children":85},{"className":84},[],[86],{"type":31,"value":87},"app\u002Fpages\u002Fproducts\u002F[slug].vue",{"type":31,"value":89},". The QControl design is too custom for MDC — each section has unique layout and image placement. So we use a hybrid approach:",{"type":25,"tag":91,"props":92,"children":93},"ol",{},[94,118,140],{"type":25,"tag":95,"props":96,"children":97},"li",{},[98,108,110,116],{"type":25,"tag":99,"props":100,"children":101},"strong",{},[102],{"type":25,"tag":39,"props":103,"children":105},{"className":104},[],[106],{"type":31,"value":107},"content\u002Fproducts\u002Fqcontrol.md",{"type":31,"value":109}," — Minimal frontmatter-only file so QControl appears in the nav dropdown (the nav queries the ",{"type":25,"tag":39,"props":111,"children":113},{"className":112},[],[114],{"type":31,"value":115},"products",{"type":31,"value":117}," collection automatically)",{"type":25,"tag":95,"props":119,"children":120},{},[121,130,132,138],{"type":25,"tag":99,"props":122,"children":123},{},[124],{"type":25,"tag":39,"props":125,"children":127},{"className":126},[],[128],{"type":31,"value":129},"app\u002Fpages\u002Fproducts\u002Fqcontrol.vue",{"type":31,"value":131}," — Dedicated Vue SFC that takes routing precedence over ",{"type":25,"tag":39,"props":133,"children":135},{"className":134},[],[136],{"type":31,"value":137},"[slug].vue",{"type":31,"value":139},", composing 5 section components",{"type":25,"tag":95,"props":141,"children":142},{},[143,152],{"type":25,"tag":99,"props":144,"children":145},{},[146],{"type":25,"tag":39,"props":147,"children":149},{"className":148},[],[150],{"type":31,"value":151},"app\u002Fcomponents\u002Fqcontrol\u002F",{"type":31,"value":153}," — Section components for the page",{"type":25,"tag":33,"props":155,"children":156},{},[157],{"type":31,"value":158},"This way QControl auto-appears in the products dropdown without any nav code changes, while the page itself has full layout control.",{"type":25,"tag":61,"props":160,"children":161},{},[],{"type":25,"tag":26,"props":163,"children":165},{"id":164},"file-structure",[166],{"type":31,"value":15},{"type":25,"tag":168,"props":169,"children":173},"pre",{"className":170,"code":172,"language":31},[171],"language-text","app\u002F\n  pages\u002F\n    products\u002F\n      qcontrol.vue                    # Dedicated page (overrides [slug].vue)\n  components\u002F\n    qcontrol\u002F\n      QcontrolHero.vue                # Section 1 — Hero\n      QcontrolGap.vue                 # Section 2 — The Gap\n      QcontrolAgent.vue               # Section 3 — The AI Agent Itself\n      QcontrolVerbs.vue               # Section 4 — Three Verbs\n      QcontrolSurface.vue             # Section 5 — Maximum Surface Area\ncontent\u002F\n  products\u002F\n    qcontrol.md                       # Nav listing entry (frontmatter only)\npublic\u002F\n  images\u002F\n    2026.Q2\u002F                          # PNG assets (added later)\n",[174],{"type":25,"tag":39,"props":175,"children":177},{"__ignoreMap":176},"",[178],{"type":31,"value":172},{"type":25,"tag":61,"props":180,"children":181},{},[],{"type":25,"tag":26,"props":183,"children":185},{"id":184},"implementation-steps",[186],{"type":31,"value":16},{"type":25,"tag":188,"props":189,"children":191},"h3",{"id":190},"step-1-create-contentproductsqcontrolmd",[192,194],{"type":31,"value":193},"Step 1: Create ",{"type":25,"tag":39,"props":195,"children":197},{"className":196},[],[198],{"type":31,"value":107},{"type":25,"tag":33,"props":200,"children":201},{},[202],{"type":31,"value":203},"Minimal content file for nav integration:",{"type":25,"tag":168,"props":205,"children":210},{"className":206,"code":207,"language":208,"meta":176,"style":209},"language-yaml","---\ntitle: QControl\ndescription: \"Visibility and control for the AI agents in your environment\"\nnavigation:\n  order: 0\n  parent: \"products\"\ntags: [\"product\", \"agents\", \"visibility\", \"control\"]\nlistingImage: \u002Fimages\u002F2026.Q2\u002Fqcontrol-listing.png\n---\n","yaml","undefined",[211],{"type":25,"tag":39,"props":212,"children":213},{"__ignoreMap":176},[214],{"type":31,"value":207},{"type":25,"tag":33,"props":216,"children":217},{},[218,220,226],{"type":31,"value":219},"Setting ",{"type":25,"tag":39,"props":221,"children":223},{"className":222},[],[224],{"type":31,"value":225},"order: 0",{"type":31,"value":227}," puts QControl first in the dropdown (QTap is 1, QPlane is 2). The body can be empty — the dedicated Vue page handles rendering.",{"type":25,"tag":188,"props":229,"children":231},{"id":230},"step-2-create-apppagesproductsqcontrolvue",[232,234],{"type":31,"value":233},"Step 2: Create ",{"type":25,"tag":39,"props":235,"children":237},{"className":236},[],[238],{"type":31,"value":129},{"type":25,"tag":33,"props":240,"children":241},{},[242,244,250,252,257,259,264],{"type":31,"value":243},"Nuxt's file-based routing gives ",{"type":25,"tag":39,"props":245,"children":247},{"className":246},[],[248],{"type":31,"value":249},"qcontrol.vue",{"type":31,"value":251}," precedence over ",{"type":25,"tag":39,"props":253,"children":255},{"className":254},[],[256],{"type":31,"value":137},{"type":31,"value":258}," for the ",{"type":25,"tag":39,"props":260,"children":262},{"className":261},[],[263],{"type":31,"value":52},{"type":31,"value":265}," route.",{"type":25,"tag":168,"props":267,"children":271},{"className":268,"code":269,"language":270,"meta":176,"style":209},"language-vue","\u003Ctemplate>\n  \u003Cdiv>\n    \u003CQcontrolHero \u002F>\n    \u003CQcontrolGap \u002F>\n    \u003CQcontrolAgent \u002F>\n    \u003CQcontrolVerbs \u002F>\n    \u003CQcontrolSurface \u002F>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cscript setup>\ndefinePageMeta({ layout: 'default' })\n\nuseSeo({\n  title: 'QControl - Visibility and Control for AI Agents',\n  description: 'Discover, observe, and enforce agent behavior. Visibility and control for the agents in your environment.',\n  ogTitle: 'QControl',\n  ogDescription: 'Visibility and control for the agents in your environment.'\n})\n\nuseSchemaOrg([{\n  '@type': 'SoftwareApplication',\n  name: 'QControl',\n  description: 'Visibility and control for the AI agents in your environment.',\n  applicationCategory: 'SecurityApplication',\n  operatingSystem: 'Linux, macOS',\n  publisher: { '@type': 'Organization', name: 'QPoint', url: 'https:\u002F\u002Fqpoint.io' }\n}])\n\u003C\u002Fscript>\n","vue",[272],{"type":25,"tag":39,"props":273,"children":274},{"__ignoreMap":176},[275],{"type":31,"value":269},{"type":25,"tag":188,"props":277,"children":279},{"id":278},"step-3-build-section-components",[280],{"type":31,"value":281},"Step 3: Build Section Components",{"type":25,"tag":33,"props":283,"children":284},{},[285,287,292,294,300],{"type":31,"value":286},"All in ",{"type":25,"tag":39,"props":288,"children":290},{"className":289},[],[291],{"type":31,"value":151},{"type":31,"value":293},". Placeholder ",{"type":25,"tag":39,"props":295,"children":297},{"className":296},[],[298],{"type":31,"value":299},"\u003Cdiv>",{"type":31,"value":301}," boxes with dashed borders and labels stand in for PNGs until real assets arrive.",{"type":25,"tag":303,"props":304,"children":306},"h4",{"id":305},"placeholder-pattern",[307],{"type":31,"value":308},"Placeholder Pattern",{"type":25,"tag":33,"props":310,"children":311},{},[312,314,319],{"type":31,"value":313},"Each placeholder is a styled ",{"type":25,"tag":39,"props":315,"children":317},{"className":316},[],[318],{"type":31,"value":299},{"type":31,"value":320},":",{"type":25,"tag":168,"props":322,"children":326},{"className":323,"code":324,"language":325,"meta":176,"style":209},"language-html","\u003Cdiv class=\"bg-grey-100 border-2 border-dashed border-grey-300 rounded-lg \n            flex items-center justify-center text-grey-400 text-14 \n            aspect-video w-full\">\n  {{ label }}\n\u003C\u002Fdiv>\n","html",[327],{"type":25,"tag":39,"props":328,"children":329},{"__ignoreMap":176},[330],{"type":31,"value":324},{"type":25,"tag":33,"props":332,"children":333},{},[334,336,342],{"type":31,"value":335},"This makes it visually clear where images belong and easy to find-and-replace with ",{"type":25,"tag":39,"props":337,"children":339},{"className":338},[],[340],{"type":31,"value":341},"\u003Cimg>",{"type":31,"value":343}," tags later.",{"type":25,"tag":303,"props":345,"children":347},{"id":346},"qcontrolherovue-section-1",[348,354],{"type":25,"tag":39,"props":349,"children":351},{"className":350},[],[352],{"type":31,"value":353},"QcontrolHero.vue",{"type":31,"value":355}," — Section 1",{"type":25,"tag":357,"props":358,"children":359},"ul",{},[360,378,439,449,483],{"type":25,"tag":95,"props":361,"children":362},{},[363,368,370,376],{"type":25,"tag":99,"props":364,"children":365},{},[366],{"type":31,"value":367},"Layout:",{"type":31,"value":369}," Two-column grid (",{"type":25,"tag":39,"props":371,"children":373},{"className":372},[],[374],{"type":31,"value":375},"lg:grid-cols-2",{"type":31,"value":377},"), stacks on mobile",{"type":25,"tag":95,"props":379,"children":380},{},[381,386],{"type":25,"tag":99,"props":382,"children":383},{},[384],{"type":31,"value":385},"Left column:",{"type":25,"tag":357,"props":387,"children":388},{},[389,394,405,410],{"type":25,"tag":95,"props":390,"children":391},{},[392],{"type":31,"value":393},"Eyebrow: \"QCONTROL · ENDPOINT MONITORING FOR AI AGENTS\" — small purple uppercase",{"type":25,"tag":95,"props":395,"children":396},{},[397,403],{"type":25,"tag":39,"props":398,"children":400},{"className":399},[],[401],{"type":31,"value":402},"\u003Ch1>",{"type":31,"value":404}," \"Visibility and control for the agents in your environment.\"",{"type":25,"tag":95,"props":406,"children":407},{},[408],{"type":31,"value":409},"Paragraph: description of qcontrol",{"type":25,"tag":95,"props":411,"children":412},{},[413,415,421,423,429,431,437],{"type":31,"value":414},"Two CTAs: \"Install Qcontrol\" (primary ",{"type":25,"tag":39,"props":416,"children":418},{"className":417},[],[419],{"type":31,"value":420},"btn-primary",{"type":31,"value":422},") + \"Talk to Us\" (",{"type":25,"tag":39,"props":424,"children":426},{"className":425},[],[427],{"type":31,"value":428},"btn-secondary",{"type":31,"value":430},", links to ",{"type":25,"tag":39,"props":432,"children":434},{"className":433},[],[435],{"type":31,"value":436},"\u002Fcontact",{"type":31,"value":438},")",{"type":25,"tag":95,"props":440,"children":441},{},[442,447],{"type":25,"tag":99,"props":443,"children":444},{},[445],{"type":31,"value":446},"Right column:",{"type":31,"value":448}," Placeholder for terminal\u002Fcode illustration PNG",{"type":25,"tag":95,"props":450,"children":451},{},[452,457,459,465,467,473,475,481],{"type":25,"tag":99,"props":453,"children":454},{},[455],{"type":31,"value":456},"Tailwind:",{"type":31,"value":458}," ",{"type":25,"tag":39,"props":460,"children":462},{"className":461},[],[463],{"type":31,"value":464},"section-padding",{"type":31,"value":466},", ",{"type":25,"tag":39,"props":468,"children":470},{"className":469},[],[471],{"type":31,"value":472},"text-hero",{"type":31,"value":474}," headline, ",{"type":25,"tag":39,"props":476,"children":478},{"className":477},[],[479],{"type":31,"value":480},"text-body",{"type":31,"value":482}," paragraph",{"type":25,"tag":95,"props":484,"children":485},{},[486,491,493,499],{"type":25,"tag":99,"props":487,"children":488},{},[489],{"type":31,"value":490},"Responsive:",{"type":31,"value":492}," Image stacks below text on mobile (",{"type":25,"tag":39,"props":494,"children":496},{"className":495},[],[497],{"type":31,"value":498},"order-first lg:order-last",{"type":31,"value":438},{"type":25,"tag":303,"props":501,"children":503},{"id":502},"qcontrolgapvue-section-2",[504,510],{"type":25,"tag":39,"props":505,"children":507},{"className":506},[],[508],{"type":31,"value":509},"QcontrolGap.vue",{"type":31,"value":511}," — Section 2",{"type":25,"tag":357,"props":513,"children":514},{},[515,525,555,576,599],{"type":25,"tag":95,"props":516,"children":517},{},[518,523],{"type":25,"tag":99,"props":519,"children":520},{},[521],{"type":31,"value":522},"Eyebrow:",{"type":31,"value":524}," \"THE AGENT IS THE GAP\"",{"type":25,"tag":95,"props":526,"children":527},{},[528,533,534,540,542,547,549],{"type":25,"tag":99,"props":529,"children":530},{},[531],{"type":31,"value":532},"Headline:",{"type":31,"value":458},{"type":25,"tag":39,"props":535,"children":537},{"className":536},[],[538],{"type":31,"value":539},"\u003Ch2>",{"type":31,"value":541}," \"No layer of your stack was built for ",{"type":25,"tag":99,"props":543,"children":544},{},[545],{"type":31,"value":546},"the agent",{"type":31,"value":548},"\" — \"the agent\" highlighted in ",{"type":25,"tag":39,"props":550,"children":552},{"className":551},[],[553],{"type":31,"value":554},"text-grape-500",{"type":25,"tag":95,"props":556,"children":557},{},[558,563],{"type":25,"tag":99,"props":559,"children":560},{},[561],{"type":31,"value":562},"Two-column grid:",{"type":25,"tag":357,"props":564,"children":565},{},[566,571],{"type":25,"tag":95,"props":567,"children":568},{},[569],{"type":31,"value":570},"Left: Narrative paragraph about the security gap",{"type":25,"tag":95,"props":572,"children":573},{},[574],{"type":31,"value":575},"Right: Placeholder for Security Layer vs Limitations diagram PNG",{"type":25,"tag":95,"props":577,"children":578},{},[579,584,586],{"type":25,"tag":99,"props":580,"children":581},{},[582],{"type":31,"value":583},"Below:",{"type":31,"value":585}," Stats bar — \"Claude Desktop\" label with metrics (1.2s, 97+, 276+)\n",{"type":25,"tag":357,"props":587,"children":588},{},[589,594],{"type":25,"tag":95,"props":590,"children":591},{},[592],{"type":31,"value":593},"Build as a flex row with styled spans initially (live text for SEO)",{"type":25,"tag":95,"props":595,"children":596},{},[597],{"type":31,"value":598},"Can be swapped to PNG later if preferred",{"type":25,"tag":95,"props":600,"children":601},{},[602,606,607,612,613],{"type":25,"tag":99,"props":603,"children":604},{},[605],{"type":31,"value":456},{"type":31,"value":458},{"type":25,"tag":39,"props":608,"children":610},{"className":609},[],[611],{"type":31,"value":464},{"type":31,"value":466},{"type":25,"tag":39,"props":614,"children":616},{"className":615},[],[617],{"type":31,"value":618},"text-heading",{"type":25,"tag":303,"props":620,"children":622},{"id":621},"qcontrolagentvue-section-3",[623,629],{"type":25,"tag":39,"props":624,"children":626},{"className":625},[],[627],{"type":31,"value":628},"QcontrolAgent.vue",{"type":31,"value":630}," — Section 3",{"type":25,"tag":357,"props":632,"children":633},{},[634,655],{"type":25,"tag":95,"props":635,"children":636},{},[637,642],{"type":25,"tag":99,"props":638,"children":639},{},[640],{"type":31,"value":641},"Two-column layout:",{"type":25,"tag":357,"props":643,"children":644},{},[645,650],{"type":25,"tag":95,"props":646,"children":647},{},[648],{"type":31,"value":649},"Left: Robot illustration placeholder + \"The AI Agent Itself\" headline + descriptive text (\"Every file it reads, every tool call it makes, every outbound connection\")",{"type":25,"tag":95,"props":651,"children":652},{},[653],{"type":31,"value":654},"Right: MCP Server architecture diagram placeholder",{"type":25,"tag":95,"props":656,"children":657},{},[658,662,663,668,669],{"type":25,"tag":99,"props":659,"children":660},{},[661],{"type":31,"value":456},{"type":31,"value":458},{"type":25,"tag":39,"props":664,"children":666},{"className":665},[],[667],{"type":31,"value":464},{"type":31,"value":466},{"type":25,"tag":39,"props":670,"children":672},{"className":671},[],[673],{"type":31,"value":618},{"type":25,"tag":303,"props":675,"children":677},{"id":676},"qcontrolverbsvue-section-4",[678,684],{"type":25,"tag":39,"props":679,"children":681},{"className":680},[],[682],{"type":31,"value":683},"QcontrolVerbs.vue",{"type":31,"value":685}," — Section 4",{"type":25,"tag":357,"props":687,"children":688},{},[689,712,729,780],{"type":25,"tag":95,"props":690,"children":691},{},[692,697,698,703,705,710],{"type":25,"tag":99,"props":693,"children":694},{},[695],{"type":31,"value":696},"Centered headline:",{"type":31,"value":458},{"type":25,"tag":39,"props":699,"children":701},{"className":700},[],[702],{"type":31,"value":539},{"type":31,"value":704}," \"Three verbs in ",{"type":25,"tag":99,"props":706,"children":707},{},[708],{"type":31,"value":709},"one binary",{"type":31,"value":711},"\" — \"one binary\" in purple",{"type":25,"tag":95,"props":713,"children":714},{},[715,720,721,727],{"type":25,"tag":99,"props":716,"children":717},{},[718],{"type":31,"value":719},"Code display:",{"type":31,"value":458},{"type":25,"tag":39,"props":722,"children":724},{"className":723},[],[725],{"type":31,"value":726},"qcontrol run",{"type":31,"value":728}," in mono styled block",{"type":25,"tag":95,"props":730,"children":731},{},[732,737,739,745,747],{"type":25,"tag":99,"props":733,"children":734},{},[735],{"type":31,"value":736},"Three-column grid",{"type":31,"value":738}," (",{"type":25,"tag":39,"props":740,"children":742},{"className":741},[],[743],{"type":31,"value":744},"lg:grid-cols-3",{"type":31,"value":746},"):\n",{"type":25,"tag":357,"props":748,"children":749},{},[750,760,770],{"type":25,"tag":95,"props":751,"children":752},{},[753,758],{"type":25,"tag":99,"props":754,"children":755},{},[756],{"type":31,"value":757},"01 · Discover",{"type":31,"value":759}," — \"Find every agent on the box\" + text + placeholder sub-card images (Flow Discovered, Skills & Tools Used)",{"type":25,"tag":95,"props":761,"children":762},{},[763,768],{"type":25,"tag":99,"props":764,"children":765},{},[766],{"type":31,"value":767},"02 · Observe",{"type":31,"value":769}," — \"See what they're doing\" + text + placeholder sub-cards (HTTP Requests, Access Blocked)",{"type":25,"tag":95,"props":771,"children":772},{},[773,778],{"type":25,"tag":99,"props":774,"children":775},{},[776],{"type":31,"value":777},"03 · Enforce",{"type":31,"value":779}," — \"Decide what happens next\" + text + placeholder sub-cards (Mutate\u002FValidate Content, Content as Signal)",{"type":25,"tag":95,"props":781,"children":782},{},[783,787,789],{"type":25,"tag":99,"props":784,"children":785},{},[786],{"type":31,"value":490},{"type":31,"value":788}," Single column on mobile, 3 columns from ",{"type":25,"tag":39,"props":790,"children":792},{"className":791},[],[793],{"type":31,"value":794},"lg:",{"type":25,"tag":303,"props":796,"children":798},{"id":797},"qcontrolsurfacevue-section-5",[799,805],{"type":25,"tag":39,"props":800,"children":802},{"className":801},[],[803],{"type":31,"value":804},"QcontrolSurface.vue",{"type":31,"value":806}," — Section 5",{"type":25,"tag":357,"props":808,"children":809},{},[810,825,835,845,883,893],{"type":25,"tag":95,"props":811,"children":812},{},[813,817,818,823],{"type":25,"tag":99,"props":814,"children":815},{},[816],{"type":31,"value":532},{"type":31,"value":458},{"type":25,"tag":39,"props":819,"children":821},{"className":820},[],[822],{"type":31,"value":539},{"type":31,"value":824}," \"Maximum surface area.\"",{"type":25,"tag":95,"props":826,"children":827},{},[828,833],{"type":25,"tag":99,"props":829,"children":830},{},[831],{"type":31,"value":832},"Subtext:",{"type":31,"value":834}," Coverage description",{"type":25,"tag":95,"props":836,"children":837},{},[838,843],{"type":25,"tag":99,"props":839,"children":840},{},[841],{"type":31,"value":842},"Right side:",{"type":31,"value":844}," Placeholder for File Activity categories graphic",{"type":25,"tag":95,"props":846,"children":847},{},[848,852,854,860,862],{"type":25,"tag":99,"props":849,"children":850},{},[851],{"type":31,"value":583},{"type":31,"value":853}," 2x2 grid (",{"type":25,"tag":39,"props":855,"children":857},{"className":856},[],[858],{"type":31,"value":859},"md:grid-cols-2",{"type":31,"value":861},") with four categories:\n",{"type":25,"tag":357,"props":863,"children":864},{},[865,870],{"type":25,"tag":95,"props":866,"children":867},{},[868],{"type":31,"value":869},"File Activity, Network Behavior, Tool Calls, Process Execution",{"type":25,"tag":95,"props":871,"children":872},{},[873,875,881],{"type":31,"value":874},"Each: ",{"type":25,"tag":39,"props":876,"children":878},{"className":877},[],[879],{"type":31,"value":880},"\u003Ch3>",{"type":31,"value":882}," + description paragraph",{"type":25,"tag":95,"props":884,"children":885},{},[886,891],{"type":25,"tag":99,"props":887,"children":888},{},[889],{"type":31,"value":890},"Accent:",{"type":31,"value":892}," File tree illustration placeholder",{"type":25,"tag":95,"props":894,"children":895},{},[896,900,901],{"type":25,"tag":99,"props":897,"children":898},{},[899],{"type":31,"value":456},{"type":31,"value":458},{"type":25,"tag":39,"props":902,"children":904},{"className":903},[],[905],{"type":31,"value":464},{"type":25,"tag":188,"props":907,"children":909},{"id":908},"step-4-responsive-strategy",[910],{"type":31,"value":911},"Step 4: Responsive Strategy",{"type":25,"tag":33,"props":913,"children":914},{},[915],{"type":31,"value":916},"The comp is desktop-only. Rules:",{"type":25,"tag":357,"props":918,"children":919},{},[920,930,942,953,964,985,1004],{"type":25,"tag":95,"props":921,"children":922},{},[923,925],{"type":31,"value":924},"All section grids: single column on mobile -> multi-column from ",{"type":25,"tag":39,"props":926,"children":928},{"className":927},[],[929],{"type":31,"value":794},{"type":25,"tag":95,"props":931,"children":932},{},[933,935,940],{"type":31,"value":934},"Hero image: ",{"type":25,"tag":39,"props":936,"children":938},{"className":937},[],[939],{"type":31,"value":498},{"type":31,"value":941}," (image below headline on mobile)",{"type":25,"tag":95,"props":943,"children":944},{},[945,947],{"type":31,"value":946},"Three Verbs: ",{"type":25,"tag":39,"props":948,"children":950},{"className":949},[],[951],{"type":31,"value":952},"grid-cols-1 md:grid-cols-2 lg:grid-cols-3",{"type":25,"tag":95,"props":954,"children":955},{},[956,958],{"type":31,"value":957},"Surface Area grid: ",{"type":25,"tag":39,"props":959,"children":961},{"className":960},[],[962],{"type":31,"value":963},"grid-cols-1 md:grid-cols-2",{"type":25,"tag":95,"props":965,"children":966},{},[967,969,975,977,983],{"type":31,"value":968},"Images\u002Fplaceholders: ",{"type":25,"tag":39,"props":970,"children":972},{"className":971},[],[973],{"type":31,"value":974},"w-full",{"type":31,"value":976}," with ",{"type":25,"tag":39,"props":978,"children":980},{"className":979},[],[981],{"type":31,"value":982},"max-w-",{"type":31,"value":984}," constraints",{"type":25,"tag":95,"props":986,"children":987},{},[988,990,995,997,1002],{"type":31,"value":989},"Typography: existing ",{"type":25,"tag":39,"props":991,"children":993},{"className":992},[],[994],{"type":31,"value":472},{"type":31,"value":996},"\u002F",{"type":25,"tag":39,"props":998,"children":1000},{"className":999},[],[1001],{"type":31,"value":618},{"type":31,"value":1003}," already have responsive sizing",{"type":25,"tag":95,"props":1005,"children":1006},{},[1007,1013],{"type":25,"tag":39,"props":1008,"children":1010},{"className":1009},[],[1011],{"type":31,"value":1012},"page-wrapper",{"type":31,"value":1014}," handles horizontal padding",{"type":25,"tag":188,"props":1016,"children":1018},{"id":1017},"step-5-typography-color-details",[1019],{"type":31,"value":1020},"Step 5: Typography & Color Details",{"type":25,"tag":33,"props":1022,"children":1023},{},[1024],{"type":31,"value":1025},"From the comp:",{"type":25,"tag":357,"props":1027,"children":1028},{},[1029,1051,1072,1087,1116,1131],{"type":25,"tag":95,"props":1030,"children":1031},{},[1032,1037,1038,1043,1045],{"type":25,"tag":99,"props":1033,"children":1034},{},[1035],{"type":31,"value":1036},"Hero headline:",{"type":31,"value":458},{"type":25,"tag":39,"props":1039,"children":1041},{"className":1040},[],[1042],{"type":31,"value":472},{"type":31,"value":1044}," (44px mobile \u002F 56px desktop), ",{"type":25,"tag":39,"props":1046,"children":1048},{"className":1047},[],[1049],{"type":31,"value":1050},"font-bold",{"type":25,"tag":95,"props":1052,"children":1053},{},[1054,1059,1060,1065,1067],{"type":25,"tag":99,"props":1055,"children":1056},{},[1057],{"type":31,"value":1058},"Section headlines:",{"type":31,"value":458},{"type":25,"tag":39,"props":1061,"children":1063},{"className":1062},[],[1064],{"type":31,"value":618},{"type":31,"value":1066}," with keywords in ",{"type":25,"tag":39,"props":1068,"children":1070},{"className":1069},[],[1071],{"type":31,"value":554},{"type":25,"tag":95,"props":1073,"children":1074},{},[1075,1080,1081],{"type":25,"tag":99,"props":1076,"children":1077},{},[1078],{"type":31,"value":1079},"Eyebrows:",{"type":31,"value":458},{"type":25,"tag":39,"props":1082,"children":1084},{"className":1083},[],[1085],{"type":31,"value":1086},"text-14 font-bold text-grape-600 uppercase tracking-wider",{"type":25,"tag":95,"props":1088,"children":1089},{},[1090,1095,1096,1101,1103,1109,1110],{"type":25,"tag":99,"props":1091,"children":1092},{},[1093],{"type":31,"value":1094},"Body text:",{"type":31,"value":458},{"type":25,"tag":39,"props":1097,"children":1099},{"className":1098},[],[1100],{"type":31,"value":480},{"type":31,"value":1102}," or ",{"type":25,"tag":39,"props":1104,"children":1106},{"className":1105},[],[1107],{"type":31,"value":1108},"text-16",{"type":31,"value":996},{"type":25,"tag":39,"props":1111,"children":1113},{"className":1112},[],[1114],{"type":31,"value":1115},"text-18",{"type":25,"tag":95,"props":1117,"children":1118},{},[1119,1124,1125],{"type":25,"tag":99,"props":1120,"children":1121},{},[1122],{"type":31,"value":1123},"Code\u002Fterminal:",{"type":31,"value":458},{"type":25,"tag":39,"props":1126,"children":1128},{"className":1127},[],[1129],{"type":31,"value":1130},"font-mono bg-grey-900 text-white rounded-lg p-4",{"type":25,"tag":95,"props":1132,"children":1133},{},[1134,1139,1141,1146,1147],{"type":25,"tag":99,"props":1135,"children":1136},{},[1137],{"type":31,"value":1138},"Stats numbers:",{"type":31,"value":1140}," Large ",{"type":25,"tag":39,"props":1142,"children":1144},{"className":1143},[],[1145],{"type":31,"value":1050},{"type":31,"value":976},{"type":25,"tag":39,"props":1148,"children":1150},{"className":1149},[],[1151],{"type":31,"value":554},{"type":25,"tag":61,"props":1153,"children":1154},{},[],{"type":25,"tag":26,"props":1156,"children":1158},{"id":1157},"files-modified-created",[1159],{"type":31,"value":17},{"type":25,"tag":1161,"props":1162,"children":1163},"table",{},[1164,1183],{"type":25,"tag":1165,"props":1166,"children":1167},"thead",{},[1168],{"type":25,"tag":1169,"props":1170,"children":1171},"tr",{},[1172,1178],{"type":25,"tag":1173,"props":1174,"children":1175},"th",{},[1176],{"type":31,"value":1177},"File",{"type":25,"tag":1173,"props":1179,"children":1180},{},[1181],{"type":31,"value":1182},"Action",{"type":25,"tag":1184,"props":1185,"children":1186},"tbody",{},[1187,1209,1229,1249,1269,1289,1309,1329],{"type":25,"tag":1169,"props":1188,"children":1189},{},[1190,1199],{"type":25,"tag":1191,"props":1192,"children":1193},"td",{},[1194],{"type":25,"tag":39,"props":1195,"children":1197},{"className":1196},[],[1198],{"type":31,"value":107},{"type":25,"tag":1191,"props":1200,"children":1201},{},[1202,1207],{"type":25,"tag":99,"props":1203,"children":1204},{},[1205],{"type":31,"value":1206},"Create",{"type":31,"value":1208}," — nav listing entry",{"type":25,"tag":1169,"props":1210,"children":1211},{},[1212,1220],{"type":25,"tag":1191,"props":1213,"children":1214},{},[1215],{"type":25,"tag":39,"props":1216,"children":1218},{"className":1217},[],[1219],{"type":31,"value":129},{"type":25,"tag":1191,"props":1221,"children":1222},{},[1223,1227],{"type":25,"tag":99,"props":1224,"children":1225},{},[1226],{"type":31,"value":1206},{"type":31,"value":1228}," — page composer",{"type":25,"tag":1169,"props":1230,"children":1231},{},[1232,1241],{"type":25,"tag":1191,"props":1233,"children":1234},{},[1235],{"type":25,"tag":39,"props":1236,"children":1238},{"className":1237},[],[1239],{"type":31,"value":1240},"app\u002Fcomponents\u002Fqcontrol\u002FQcontrolHero.vue",{"type":25,"tag":1191,"props":1242,"children":1243},{},[1244,1248],{"type":25,"tag":99,"props":1245,"children":1246},{},[1247],{"type":31,"value":1206},{"type":31,"value":355},{"type":25,"tag":1169,"props":1250,"children":1251},{},[1252,1261],{"type":25,"tag":1191,"props":1253,"children":1254},{},[1255],{"type":25,"tag":39,"props":1256,"children":1258},{"className":1257},[],[1259],{"type":31,"value":1260},"app\u002Fcomponents\u002Fqcontrol\u002FQcontrolGap.vue",{"type":25,"tag":1191,"props":1262,"children":1263},{},[1264,1268],{"type":25,"tag":99,"props":1265,"children":1266},{},[1267],{"type":31,"value":1206},{"type":31,"value":511},{"type":25,"tag":1169,"props":1270,"children":1271},{},[1272,1281],{"type":25,"tag":1191,"props":1273,"children":1274},{},[1275],{"type":25,"tag":39,"props":1276,"children":1278},{"className":1277},[],[1279],{"type":31,"value":1280},"app\u002Fcomponents\u002Fqcontrol\u002FQcontrolAgent.vue",{"type":25,"tag":1191,"props":1282,"children":1283},{},[1284,1288],{"type":25,"tag":99,"props":1285,"children":1286},{},[1287],{"type":31,"value":1206},{"type":31,"value":630},{"type":25,"tag":1169,"props":1290,"children":1291},{},[1292,1301],{"type":25,"tag":1191,"props":1293,"children":1294},{},[1295],{"type":25,"tag":39,"props":1296,"children":1298},{"className":1297},[],[1299],{"type":31,"value":1300},"app\u002Fcomponents\u002Fqcontrol\u002FQcontrolVerbs.vue",{"type":25,"tag":1191,"props":1302,"children":1303},{},[1304,1308],{"type":25,"tag":99,"props":1305,"children":1306},{},[1307],{"type":31,"value":1206},{"type":31,"value":685},{"type":25,"tag":1169,"props":1310,"children":1311},{},[1312,1321],{"type":25,"tag":1191,"props":1313,"children":1314},{},[1315],{"type":25,"tag":39,"props":1316,"children":1318},{"className":1317},[],[1319],{"type":31,"value":1320},"app\u002Fcomponents\u002Fqcontrol\u002FQcontrolSurface.vue",{"type":25,"tag":1191,"props":1322,"children":1323},{},[1324,1328],{"type":25,"tag":99,"props":1325,"children":1326},{},[1327],{"type":31,"value":1206},{"type":31,"value":806},{"type":25,"tag":1169,"props":1330,"children":1331},{},[1332,1341],{"type":25,"tag":1191,"props":1333,"children":1334},{},[1335],{"type":25,"tag":39,"props":1336,"children":1338},{"className":1337},[],[1339],{"type":31,"value":1340},"public\u002Fimages\u002F2026.Q2\u002F",{"type":25,"tag":1191,"props":1342,"children":1343},{},[1344,1349],{"type":25,"tag":99,"props":1345,"children":1346},{},[1347],{"type":31,"value":1348},"Create dir",{"type":31,"value":1350}," — for PNG assets later",{"type":25,"tag":33,"props":1352,"children":1353},{},[1354],{"type":31,"value":1355},"No existing files are modified. The nav picks up QControl automatically from the content collection.",{"type":25,"tag":61,"props":1357,"children":1358},{},[],{"type":25,"tag":26,"props":1360,"children":1362},{"id":1361},"build-order",[1363],{"type":31,"value":18},{"type":25,"tag":91,"props":1365,"children":1366},{},[1367,1384,1394,1404,1414,1424,1434,1439],{"type":25,"tag":95,"props":1368,"children":1369},{},[1370,1375,1377,1382],{"type":25,"tag":39,"props":1371,"children":1373},{"className":1372},[],[1374],{"type":31,"value":107},{"type":31,"value":1376}," + ",{"type":25,"tag":39,"props":1378,"children":1380},{"className":1379},[],[1381],{"type":31,"value":129},{"type":31,"value":1383}," — verify route works and product appears in nav",{"type":25,"tag":95,"props":1385,"children":1386},{},[1387,1392],{"type":25,"tag":39,"props":1388,"children":1390},{"className":1389},[],[1391],{"type":31,"value":353},{"type":31,"value":1393}," — hero section with placeholder, verify layout",{"type":25,"tag":95,"props":1395,"children":1396},{},[1397,1402],{"type":25,"tag":39,"props":1398,"children":1400},{"className":1399},[],[1401],{"type":31,"value":509},{"type":31,"value":1403}," — gap section",{"type":25,"tag":95,"props":1405,"children":1406},{},[1407,1412],{"type":25,"tag":39,"props":1408,"children":1410},{"className":1409},[],[1411],{"type":31,"value":628},{"type":31,"value":1413}," — agent section",{"type":25,"tag":95,"props":1415,"children":1416},{},[1417,1422],{"type":25,"tag":39,"props":1418,"children":1420},{"className":1419},[],[1421],{"type":31,"value":683},{"type":31,"value":1423}," — three verbs section (most complex layout)",{"type":25,"tag":95,"props":1425,"children":1426},{},[1427,1432],{"type":25,"tag":39,"props":1428,"children":1430},{"className":1429},[],[1431],{"type":31,"value":804},{"type":31,"value":1433}," — surface area section",{"type":25,"tag":95,"props":1435,"children":1436},{},[1437],{"type":31,"value":1438},"Responsive pass across all sections",{"type":25,"tag":95,"props":1440,"children":1441},{},[1442],{"type":31,"value":1443},"Swap placeholders for real PNGs when available",{"type":25,"tag":61,"props":1445,"children":1446},{},[],{"type":25,"tag":26,"props":1448,"children":1450},{"id":1449},"verification",[1451],{"type":31,"value":19},{"type":25,"tag":91,"props":1453,"children":1454},{},[1455,1471,1476,1489,1494,1499,1510,1523],{"type":25,"tag":95,"props":1456,"children":1457},{},[1458,1464,1466],{"type":25,"tag":39,"props":1459,"children":1461},{"className":1460},[],[1462],{"type":31,"value":1463},"npm run dev",{"type":31,"value":1465}," — page renders at ",{"type":25,"tag":39,"props":1467,"children":1469},{"className":1468},[],[1470],{"type":31,"value":52},{"type":25,"tag":95,"props":1472,"children":1473},{},[1474],{"type":31,"value":1475},"\"QControl\" appears in the products dropdown nav",{"type":25,"tag":95,"props":1477,"children":1478},{},[1479,1481,1487],{"type":31,"value":1480},"Products index page (",{"type":25,"tag":39,"props":1482,"children":1484},{"className":1483},[],[1485],{"type":31,"value":1486},"\u002Fproducts",{"type":31,"value":1488},") lists QControl",{"type":25,"tag":95,"props":1490,"children":1491},{},[1492],{"type":31,"value":1493},"All 5 sections render with placeholder boxes",{"type":25,"tag":95,"props":1495,"children":1496},{},[1497],{"type":31,"value":1498},"Responsive: check 320px, 768px, 1024px, 1440px",{"type":25,"tag":95,"props":1500,"children":1501},{},[1502,1508],{"type":25,"tag":39,"props":1503,"children":1505},{"className":1504},[],[1506],{"type":31,"value":1507},"npm run generate",{"type":31,"value":1509}," — static build succeeds",{"type":25,"tag":95,"props":1511,"children":1512},{},[1513,1515,1521],{"type":31,"value":1514},"Other product pages (",{"type":25,"tag":39,"props":1516,"children":1518},{"className":1517},[],[1519],{"type":31,"value":1520},"\u002Fproducts\u002Fqtap",{"type":31,"value":1522},", etc.) still work",{"type":25,"tag":95,"props":1524,"children":1525},{},[1526],{"type":31,"value":1527},"Blog, homepage, and other routes unaffected",{"type":25,"tag":61,"props":1529,"children":1530},{},[],{"type":25,"tag":26,"props":1532,"children":1534},{"id":1533},"reference-files",[1535],{"type":31,"value":20},{"type":25,"tag":33,"props":1537,"children":1538},{},[1539],{"type":31,"value":1540},"These existing files should be consulted during implementation:",{"type":25,"tag":357,"props":1542,"children":1543},{},[1544,1558,1575,1591,1608,1625,1642,1657,1673,1690],{"type":25,"tag":95,"props":1545,"children":1546},{},[1547,1552,1553],{"type":25,"tag":99,"props":1548,"children":1549},{},[1550],{"type":31,"value":1551},"Design comp:",{"type":31,"value":458},{"type":25,"tag":39,"props":1554,"children":1556},{"className":1555},[],[1557],{"type":31,"value":44},{"type":25,"tag":95,"props":1559,"children":1560},{},[1561,1566,1567,1573],{"type":25,"tag":99,"props":1562,"children":1563},{},[1564],{"type":31,"value":1565},"Existing product pattern:",{"type":31,"value":458},{"type":25,"tag":39,"props":1568,"children":1570},{"className":1569},[],[1571],{"type":31,"value":1572},"content\u002Fproducts\u002Fqtap.md",{"type":31,"value":1574}," (frontmatter structure)",{"type":25,"tag":95,"props":1576,"children":1577},{},[1578,1583,1584,1589],{"type":25,"tag":99,"props":1579,"children":1580},{},[1581],{"type":31,"value":1582},"Product page renderer:",{"type":31,"value":458},{"type":25,"tag":39,"props":1585,"children":1587},{"className":1586},[],[1588],{"type":31,"value":87},{"type":31,"value":1590}," (for understanding what qcontrol.vue overrides)",{"type":25,"tag":95,"props":1592,"children":1593},{},[1594,1599,1600,1606],{"type":25,"tag":99,"props":1595,"children":1596},{},[1597],{"type":31,"value":1598},"Nav component:",{"type":31,"value":458},{"type":25,"tag":39,"props":1601,"children":1603},{"className":1602},[],[1604],{"type":31,"value":1605},"app\u002Fcomponents\u002FAppNav.vue",{"type":31,"value":1607}," (queries products collection — no changes needed)",{"type":25,"tag":95,"props":1609,"children":1610},{},[1611,1616,1617,1623],{"type":25,"tag":99,"props":1612,"children":1613},{},[1614],{"type":31,"value":1615},"Tailwind config:",{"type":31,"value":458},{"type":25,"tag":39,"props":1618,"children":1620},{"className":1619},[],[1621],{"type":31,"value":1622},"tailwind.config.js",{"type":31,"value":1624}," (grape colors, typography utilities, custom classes)",{"type":25,"tag":95,"props":1626,"children":1627},{},[1628,1633,1634,1640],{"type":25,"tag":99,"props":1629,"children":1630},{},[1631],{"type":31,"value":1632},"Global CSS:",{"type":31,"value":458},{"type":25,"tag":39,"props":1635,"children":1637},{"className":1636},[],[1638],{"type":31,"value":1639},"app\u002Fassets\u002Fcss\u002Fmain.css",{"type":31,"value":1641}," (btn-primary, section-padding, text-hero, etc.)",{"type":25,"tag":95,"props":1643,"children":1644},{},[1645,1650,1651],{"type":25,"tag":99,"props":1646,"children":1647},{},[1648],{"type":31,"value":1649},"SEO composable:",{"type":31,"value":458},{"type":25,"tag":39,"props":1652,"children":1654},{"className":1653},[],[1655],{"type":31,"value":1656},"app\u002Fcomposables\u002FuseSeo.ts",{"type":25,"tag":95,"props":1658,"children":1659},{},[1660,1664,1665,1671],{"type":25,"tag":99,"props":1661,"children":1662},{},[1663],{"type":31,"value":367},{"type":31,"value":458},{"type":25,"tag":39,"props":1666,"children":1668},{"className":1667},[],[1669],{"type":31,"value":1670},"app\u002Flayouts\u002Fdefault.vue",{"type":31,"value":1672}," (AppNav + AppFooterNew + CookieConsent)",{"type":25,"tag":95,"props":1674,"children":1675},{},[1676,1681,1682,1688],{"type":25,"tag":99,"props":1677,"children":1678},{},[1679],{"type":31,"value":1680},"Content schema:",{"type":31,"value":458},{"type":25,"tag":39,"props":1683,"children":1685},{"className":1684},[],[1686],{"type":31,"value":1687},"content.config.ts",{"type":31,"value":1689}," (products collection schema)",{"type":25,"tag":95,"props":1691,"children":1692},{},[1693,1698,1699,1705],{"type":25,"tag":99,"props":1694,"children":1695},{},[1696],{"type":31,"value":1697},"Existing hero pattern:",{"type":31,"value":458},{"type":25,"tag":39,"props":1700,"children":1702},{"className":1701},[],[1703],{"type":31,"value":1704},"app\u002Fcomponents\u002FHowItWorksHero.vue",{"type":31,"value":1706}," (layout reference)",{"type":25,"tag":1708,"props":1709,"children":1710},"style",{},[1711],{"type":31,"value":176},1794599425413]