[{"data":1,"prerenderedAt":626},["ShallowReactive",2],{"navigation_docs":3,"-getting-started-usage":113,"-getting-started-usage-surround":621},[4,31,77,108],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":30},"Getting started","i-lucide-rocket","\u002Fgetting-started","1.getting-started",[10,15,20,25],{"title":11,"path":12,"stem":13,"icon":14},"Introduction","\u002Fgetting-started\u002Fintroduction","1.getting-started\u002F1.introduction","i-lucide-info",{"title":16,"path":17,"stem":18,"icon":19},"Installation","\u002Fgetting-started\u002Finstallation","1.getting-started\u002F2.installation","i-lucide-download",{"title":21,"path":22,"stem":23,"icon":24},"Using the picker","\u002Fgetting-started\u002Fusage","1.getting-started\u002F3.usage","i-lucide-mouse-pointer-click",{"title":26,"path":27,"stem":28,"icon":29},"Resolving picks","\u002Fgetting-started\u002Fresolve-the-picks","1.getting-started\u002F4.resolve-the-picks","i-lucide-bot",false,{"title":32,"icon":33,"path":34,"stem":35,"children":36,"page":30},"Guides","i-lucide-book-open","\u002Fguides","2.guides",[37,42,47,52,57,62,67,72],{"title":38,"path":39,"stem":40,"icon":41},"Vite","\u002Fguides\u002Fvite","2.guides\u002F1.vite","i-simple-icons-vite",{"title":43,"path":44,"stem":45,"icon":46},"Nuxt","\u002Fguides\u002Fnuxt","2.guides\u002F2.nuxt","i-simple-icons-nuxtdotjs",{"title":48,"path":49,"stem":50,"icon":51},"SvelteKit","\u002Fguides\u002Fsveltekit","2.guides\u002F3.sveltekit","i-simple-icons-svelte",{"title":53,"path":54,"stem":55,"icon":56},"Astro","\u002Fguides\u002Fastro","2.guides\u002F4.astro","i-simple-icons-astro",{"title":58,"path":59,"stem":60,"icon":61},"Next.js","\u002Fguides\u002Fnext","2.guides\u002F5.next","i-simple-icons-nextdotjs",{"title":63,"path":64,"stem":65,"icon":66},"webpack","\u002Fguides\u002Fwebpack","2.guides\u002F6.webpack","i-simple-icons-webpack",{"title":68,"path":69,"stem":70,"icon":71},"Angular","\u002Fguides\u002Fangular","2.guides\u002F7.angular","i-simple-icons-angular",{"title":73,"path":74,"stem":75,"icon":76},"Plain HTML & more","\u002Fguides\u002Fvanilla","2.guides\u002F8.vanilla","i-lucide-file-code",{"title":78,"icon":79,"path":80,"stem":81,"children":82,"page":30},"Reference","i-lucide-list","\u002Freference","3.reference",[83,88,93,98,103],{"title":84,"path":85,"stem":86,"icon":87},"Compatibility","\u002Freference\u002Fcompatibility","3.reference\u002F1.compatibility","i-lucide-table",{"title":89,"path":90,"stem":91,"icon":92},"Plugin options","\u002Freference\u002Fplugin-options","3.reference\u002F2.plugin-options","i-lucide-settings-2",{"title":94,"path":95,"stem":96,"icon":97},"CLI","\u002Freference\u002Fcli","3.reference\u002F3.cli","i-lucide-terminal",{"title":99,"path":100,"stem":101,"icon":102},"The pick object","\u002Freference\u002Fpick-object","3.reference\u002F4.pick-object","i-lucide-braces",{"title":104,"path":105,"stem":106,"icon":107},"FAQ & troubleshooting","\u002Freference\u002Ffaq","3.reference\u002F5.faq","i-lucide-help-circle",{"title":109,"path":110,"stem":111,"icon":112},"Sponsor","\u002Fsponsor","4.sponsor","i-lucide-heart",{"id":114,"title":21,"body":115,"description":614,"extension":615,"links":616,"meta":617,"navigation":618,"path":22,"seo":619,"stem":23,"__hash__":620},"docs\u002F1.getting-started\u002F3.usage.md",{"type":116,"value":117,"toc":599},"minimark",[118,123,183,187,196,217,221,231,277,281,284,336,343,347,354,368,379,382,396,401,404,460,467,471,474,477,480,484,503,507,518,521,592],[119,120,122],"h2",{"id":121},"picking","Picking",[124,125,126,137],"table",{},[127,128,129],"thead",{},[130,131,132,135],"tr",{},[133,134],"th",{},[133,136],{},[138,139,140,152,163,173],"tbody",{},[130,141,142,149],{},[143,144,145],"td",{},[146,147,148],"code",{},"Alt+Q",[143,150,151],{},"toggle picker mode — or click the wordmark in the toolbar",[130,153,154,160],{},[143,155,156],{},[157,158,159],"strong",{},"Hover",[143,161,162],{},"outlines the element under the cursor and names its component",[130,164,165,170],{},[143,166,167],{},[157,168,169],{},"Click",[143,171,172],{},"assigns the next number and pins a badge to the element",[130,174,175,180],{},[143,176,177],{},[146,178,179],{},"Esc",[143,181,182],{},"closes whatever is open, then leaves picker mode",[184,185,186],"p",{},"While picker mode is on, clicks are intercepted: clicking a link picks it instead of navigating.",[184,188,189,190,195],{},"Picks survive a page reload — on load, each stored selector is re-resolved — and they survive\nclient-side route changes, which is covered ",[191,192,194],"a",{"href":193},"#across-pages","below",".",[184,197,198,199,202,203,206,207,210,211,195],{},"The shortcut is a whole combination and nothing is implied, so ",[146,200,201],{},"ctrl+shift+p"," or ",[146,204,205],{},"f2"," work as well\nas ",[146,208,209],{},"alt+q",". See ",[191,212,214],{"href":213},"\u002Freference\u002Fplugin-options#shortcut",[146,215,216],{},"shortcut",[119,218,220],{"id":219},"the-toolbar","The toolbar",[222,223,228],"pre",{"className":224,"code":226,"language":227},[225],"language-text","[⠿] [quello] [3 picks ⌄] [⚙] [–]\n","text",[146,229,226],{"__ignoreMap":230},"",[232,233,234,241,251,261,271],"ul",{},[235,236,237,240],"li",{},[157,238,239],{},"⠿"," drags the toolbar anywhere; it remembers where you left it",[235,242,243,246,247,250],{},[157,244,245],{},"quello"," toggles picker mode, and reads ",[146,248,249],{},"picking…"," while it is on",[235,252,253,256,257],{},[157,254,255],{},"3 picks"," opens the ",[191,258,260],{"href":259},"#the-pick-list","pick list",[235,262,263,266,267],{},[157,264,265],{},"⚙"," opens ",[191,268,270],{"href":269},"#settings","settings",[235,272,273,276],{},[157,274,275],{},"–"," collapses everything to a single puck, which is itself draggable; click it to expand",[119,278,280],{"id":279},"the-pick-list","The pick list",[184,282,283],{},"The counter opens a dropdown with every pick, on every page. Each row shows the component (or the\ntag), the page it belongs to, the selector and a snippet of text, plus its note if it has one.",[124,285,286,294],{},[127,287,288],{},[130,289,290,292],{},[133,291],{},[133,293],{},[138,295,296,306,316,326],{},[130,297,298,303],{},[143,299,300],{},[157,301,302],{},"⤓ \u002F ↗",[143,304,305],{},"scroll to the element — on another page, go there first",[130,307,308,313],{},[143,309,310],{},[157,311,312],{},"✎",[143,314,315],{},"open the note editor; amber when the pick already has a note",[130,317,318,323],{},[143,319,320],{},[157,321,322],{},"⧉",[143,324,325],{},"copy that one pick as JSON",[130,327,328,333],{},[143,329,330],{},[157,331,332],{},"×",[143,334,335],{},"remove it",[184,337,338,339,342],{},"Hovering a row outlines its element on the page. ",[157,340,341],{},"Clear all"," sits at the foot of the list.",[119,344,346],{"id":345},"notes","Notes",[184,348,349,350,353],{},"A pick can carry a ",[146,351,352],{},"note",": free text you write for the agent.",[184,355,356,357,360,361,364,365,367],{},"Click a badge to open the editor. ",[146,358,359],{},"Enter"," saves, ",[146,362,363],{},"Shift+Enter"," adds a line, ",[146,366,179],{}," closes keeping\nwhat you typed. An empty note removes the field entirely. A badge with a note is ringed in amber.",[184,369,370,371,374,375,378],{},"This is what makes ",[157,372,373],{},"\"resolve the picks\""," work: the agent reads the notes and carries each one out\nagainst the element it is attached to. Turn on ",[157,376,377],{},"Ask on every pick"," in settings to have the editor\nopen by itself as soon as you select something.",[119,380,381],{"id":270},"Settings",[184,383,384,385,387,388,391,392,395],{},"The ",[157,386,265],{}," panel has four tabs. Everything in it is a working preference, kept per-developer in\n",[146,389,390],{},"localStorage"," — anything that belongs to the project is a ",[191,393,394],{"href":90},"plugin\noption"," instead.",[397,398,400],"h3",{"id":399},"html","HTML",[184,402,403],{},"How much of the element's markup each pick carries.",[124,405,406,418],{},[127,407,408],{},[130,409,410,413],{},[133,411,412],{},"Mode",[133,414,415,417],{},[146,416,399],{}," field",[138,419,420,430,448],{},[130,421,422,427],{},[143,423,424],{},[157,425,426],{},"None",[143,428,429],{},"absent entirely",[130,431,432,442],{},[143,433,434,437,438],{},[157,435,436],{},"Truncated"," ",[439,440,441],"em",{},"(default)",[143,443,444,447],{},[146,445,446],{},"outerHTML"," cut to a budget, middle elided",[130,449,450,455],{},[143,451,452],{},[157,453,454],{},"Full",[143,456,457,458],{},"the complete ",[146,459,446],{},[184,461,462,463,466],{},"Truncation removes the ",[157,464,465],{},"middle",", not the tail: markup carries its identity at both ends — the\nopening tag with its attributes, the closing tags that show where it sits — while the bulk in\nbetween is the least identifying part.",[397,468,470],{"id":469},"clipboard","Clipboard",[184,472,473],{},"Mirror each pick to the clipboard as you make it: the last pick alone, or the whole list. Both use\nthe same JSON shape as the file, so a paste is something the agent already knows how to read.",[397,475,346],{"id":476},"notes-1",[184,478,479],{},"Whether the note editor opens automatically on every pick.",[397,481,483],{"id":482},"theme","Theme",[184,485,486,489,490,493,494,497,498,195],{},[157,487,488],{},"Fill"," (solid) or ",[157,491,492],{},"Glass"," (frosted, translucent) for quello's own toolbar and panels. This is\nthe tool's appearance — the outlines drawn on ",[439,495,496],{},"your"," page are the plugin's\n",[191,499,501],{"href":500},"\u002Freference\u002Fplugin-options#theme",[146,502,482],{},[119,504,506],{"id":505},"across-pages-across-pages","Across pages {#across-pages}",[184,508,509,510,513,514,517],{},"Picks outlive route changes. Each remembers the page it was made on, and the runtime watches the URL\n— through ",[146,511,512],{},"popstate",", ",[146,515,516],{},"hashchange"," and a short poll, since client-side routers change the URL\nwithout firing anything you can subscribe to.",[184,519,520],{},"So the list is global and the badges are local:",[124,522,523,535],{},[127,524,525],{},[130,526,527,529,532],{},[133,528],{},[133,530,531],{},"Counter",[133,533,534],{},"Badges",[138,536,537,557,573],{},[130,538,539,549,554],{},[143,540,541,542,545,546],{},"Two picks on ",[146,543,544],{},"\u002F",", then navigate to ",[146,547,548],{},"\u002Fgallery",[143,550,551],{},[146,552,553],{},"2 picks",[143,555,556],{},"none",[130,558,559,564,568],{},[143,560,561,562],{},"Pick something in ",[146,563,548],{},[143,565,566],{},[146,567,255],{},[143,569,570],{},[146,571,572],{},"3",[130,574,575,580,584],{},[143,576,577,578],{},"Back to ",[146,579,544],{},[143,581,582],{},[146,583,255],{},[143,585,586,513,589],{},[146,587,588],{},"1",[146,590,591],{},"2",[184,593,594,595,598],{},"The hash is deliberately not part of a page's identity: jumping to ",[146,596,597],{},"#section"," is not landing on\nanother page, so in-page anchors leave badges alone.",{"title":230,"searchDepth":600,"depth":600,"links":601},2,[602,603,604,605,606,613],{"id":121,"depth":600,"text":122},{"id":219,"depth":600,"text":220},{"id":279,"depth":600,"text":280},{"id":345,"depth":600,"text":346},{"id":270,"depth":600,"text":381,"children":607},[608,610,611,612],{"id":399,"depth":609,"text":400},3,{"id":469,"depth":609,"text":470},{"id":476,"depth":609,"text":346},{"id":482,"depth":609,"text":483},{"id":505,"depth":600,"text":506},"Picking, the toolbar, the pick list, notes and settings.","md",null,{},{"icon":24},{"title":21,"description":614},"cjpLhx5uJCiIhrqDArlOsPV3u3eSdjqk28pYPFuR2fc",[622,624],{"title":16,"path":17,"stem":18,"description":623,"icon":19,"children":-1},"Pick the route that matches your setup — a Vite plugin, a webpack plugin, or the CLI.",{"title":26,"path":27,"stem":28,"description":625,"icon":29,"children":-1},"The loop — pick, annotate, hand the whole lot to your agent.",1788454295591]