[{"data":1,"prerenderedAt":967},["ShallowReactive",2],{"navigation_docs":3,"-reference-pick-object":113,"-reference-pick-object-surround":962},[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":99,"body":115,"description":955,"extension":956,"links":957,"meta":958,"navigation":959,"path":100,"seo":960,"stem":101,"__hash__":961},"docs\u002F3.reference\u002F4.pick-object.md",{"type":116,"value":117,"toc":946},"minimark",[118,123,217,225,229,524,526,539,541,548,746,758,760,861,893,896,898,909,916,919,923,943],[119,120,122],"h2",{"id":121},"the-file","The file",[124,125,131],"pre",{"className":126,"code":127,"filename":128,"language":129,"meta":130,"style":130},"language-json shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","{\n  \"version\": 1,\n  \"updatedAt\": \"2026-08-30T15:15:53.230Z\",\n  \"picks\": [ \u002F* … *\u002F ]\n}\n",".quello\u002Fpicks.json","json","",[132,133,134,143,166,189,211],"code",{"__ignoreMap":130},[135,136,139],"span",{"class":137,"line":138},"line",1,[135,140,142],{"class":141},"sMK4o","{\n",[135,144,146,149,153,156,159,163],{"class":137,"line":145},2,[135,147,148],{"class":141},"  \"",[135,150,152],{"class":151},"spNyl","version",[135,154,155],{"class":141},"\"",[135,157,158],{"class":141},":",[135,160,162],{"class":161},"sbssI"," 1",[135,164,165],{"class":141},",\n",[135,167,169,171,174,176,178,181,185,187],{"class":137,"line":168},3,[135,170,148],{"class":141},[135,172,173],{"class":151},"updatedAt",[135,175,155],{"class":141},[135,177,158],{"class":141},[135,179,180],{"class":141}," \"",[135,182,184],{"class":183},"sfazB","2026-08-30T15:15:53.230Z",[135,186,155],{"class":141},[135,188,165],{"class":141},[135,190,192,194,197,199,201,204,208],{"class":137,"line":191},4,[135,193,148],{"class":141},[135,195,196],{"class":151},"picks",[135,198,155],{"class":141},[135,200,158],{"class":141},[135,202,203],{"class":141}," [",[135,205,207],{"class":206},"sHwdD"," \u002F* … *\u002F",[135,209,210],{"class":141}," ]\n",[135,212,214],{"class":137,"line":213},5,[135,215,216],{"class":141},"}\n",[218,219,220,221,224],"p",{},"Rewritten on every change, pretty-printed, picks sorted by ",[132,222,223],{},"id",". It is safe to delete: the runtime\nrecreates it on the next pick.",[119,226,228],{"id":227},"a-pick","A pick",[230,231,232,247],"table",{},[233,234,235],"thead",{},[236,237,238,242,245],"tr",{},[239,240,241],"th",{},"Field",[239,243,244],{},"Type",[239,246],{},[248,249,250,272,290,309,323,340,354,369,384,401,421,460,474,493,510],"tbody",{},[236,251,252,257,262],{},[253,254,255],"td",{},[132,256,223],{},[253,258,259],{},[132,260,261],{},"number",[253,263,264,265,268,269],{},"progressive, 1-based. The ",[132,266,267],{},"\u003Cn>"," in ",[132,270,271],{},"PICK \u003Cn>",[236,273,274,279,284],{},[253,275,276],{},[132,277,278],{},"label",[253,280,281],{},[132,282,283],{},"string",[253,285,286,289],{},[132,287,288],{},"\"PICK 2\""," — the same number, spelled the way you say it",[236,291,292,297,302],{},[253,293,294],{},[132,295,296],{},"note",[253,298,299],{},[132,300,301],{},"string?",[253,303,304,308],{},[305,306,307],"strong",{},"your instruction for the agent",". Absent when you wrote none",[236,310,311,316,320],{},[253,312,313],{},[132,314,315],{},"selector",[253,317,318],{},[132,319,283],{},[253,321,322],{},"unique CSS selector, resolving to exactly this element",[236,324,325,330,334],{},[253,326,327],{},[132,328,329],{},"domPath",[253,331,332],{},[132,333,283],{},[253,335,336,337],{},"readable ancestor chain, ",[132,338,339],{},"html > body > div#app > main > button.cta",[236,341,342,347,351],{},[253,343,344],{},[132,345,346],{},"tag",[253,348,349],{},[132,350,283],{},[253,352,353],{},"lowercase tag name",[236,355,356,361,366],{},[253,357,358],{},[132,359,360],{},"classes",[253,362,363],{},[132,364,365],{},"string[]",[253,367,368],{},"stable classes, hashed and framework-generated ones filtered out",[236,370,371,376,381],{},[253,372,373],{},[132,374,375],{},"attributes",[253,377,378],{},[132,379,380],{},"object",[253,382,383],{},"every attribute as written, values truncated at 160 characters",[236,385,386,391,395],{},[253,387,388],{},[132,389,390],{},"text",[253,392,393],{},[132,394,283],{},[253,396,397,400],{},[132,398,399],{},"textContent",", whitespace collapsed and truncated",[236,402,403,408,412],{},[253,404,405],{},[132,406,407],{},"html",[253,409,410],{},[132,411,301],{},[253,413,414,417,418],{},[132,415,416],{},"outerHTML",", subject to the HTML setting. Absent when that is ",[132,419,420],{},"none",[236,422,423,428,432],{},[253,424,425],{},[132,426,427],{},"rect",[253,429,430],{},[132,431,380],{},[253,433,434,437,438,437,441,437,444,437,447,437,450,437,453,437,456,459],{},[132,435,436],{},"x",", ",[132,439,440],{},"y",[132,442,443],{},"width",[132,445,446],{},"height",[132,448,449],{},"top",[132,451,452],{},"left",[132,454,455],{},"right",[132,457,458],{},"bottom",", rounded",[236,461,462,467,471],{},[253,463,464],{},[132,465,466],{},"style",[253,468,469],{},[132,470,380],{},[253,472,473],{},"computed presentation — see below",[236,475,476,481,486],{},[253,477,478],{},[132,479,480],{},"framework",[253,482,483],{},[132,484,485],{},"object | null",[253,487,488,489,492],{},"component metadata, or ",[132,490,491],{},"null"," when nothing owns the element",[236,494,495,500,504],{},[253,496,497],{},[132,498,499],{},"page",[253,501,502],{},[132,503,380],{},[253,505,506,509],{},[132,507,508],{},"{ url, title }"," of the page the pick was made on",[236,511,512,517,521],{},[253,513,514],{},[132,515,516],{},"pickedAt",[253,518,519],{},[132,520,283],{},[253,522,523],{},"ISO-8601",[119,525,315],{"id":315},[218,527,528,529,437,532,165,535,538],{},"Prefers an id, then a tag plus non-generated classes, and only walks up ancestors until the selector\nis unique. Hashed and framework-generated classes — ",[132,530,531],{},"svelte-1a2b3c",[132,533,534],{},"css-1x2y3z",[132,536,537],{},"Button_root_a1b2c3"," — are skipped, so selectors survive a rebuild.",[119,540,466],{"id":466},[218,542,543,544,547],{},"Read from ",[132,545,546],{},"getComputedStyle",", so it is what the element actually renders as rather than what a\nstylesheet asked for:",[124,549,551],{"className":126,"code":550,"language":129,"meta":130,"style":130},"{\n  \"display\": \"block\",\n  \"font\": \"13.3333px\u002Fnormal\",\n  \"fontWeight\": \"600\",\n  \"color\": \"rgb(23, 25, 28)\",\n  \"background\": \"rgb(255, 176, 32)\",\n  \"padding\": \"10px 16px\",\n  \"margin\": \"0px\",\n  \"gap\": \"normal\",\n  \"borderRadius\": \"8px\"\n}\n",[132,552,553,557,577,597,617,637,658,679,700,721,741],{"__ignoreMap":130},[135,554,555],{"class":137,"line":138},[135,556,142],{"class":141},[135,558,559,561,564,566,568,570,573,575],{"class":137,"line":145},[135,560,148],{"class":141},[135,562,563],{"class":151},"display",[135,565,155],{"class":141},[135,567,158],{"class":141},[135,569,180],{"class":141},[135,571,572],{"class":183},"block",[135,574,155],{"class":141},[135,576,165],{"class":141},[135,578,579,581,584,586,588,590,593,595],{"class":137,"line":168},[135,580,148],{"class":141},[135,582,583],{"class":151},"font",[135,585,155],{"class":141},[135,587,158],{"class":141},[135,589,180],{"class":141},[135,591,592],{"class":183},"13.3333px\u002Fnormal",[135,594,155],{"class":141},[135,596,165],{"class":141},[135,598,599,601,604,606,608,610,613,615],{"class":137,"line":191},[135,600,148],{"class":141},[135,602,603],{"class":151},"fontWeight",[135,605,155],{"class":141},[135,607,158],{"class":141},[135,609,180],{"class":141},[135,611,612],{"class":183},"600",[135,614,155],{"class":141},[135,616,165],{"class":141},[135,618,619,621,624,626,628,630,633,635],{"class":137,"line":213},[135,620,148],{"class":141},[135,622,623],{"class":151},"color",[135,625,155],{"class":141},[135,627,158],{"class":141},[135,629,180],{"class":141},[135,631,632],{"class":183},"rgb(23, 25, 28)",[135,634,155],{"class":141},[135,636,165],{"class":141},[135,638,640,642,645,647,649,651,654,656],{"class":137,"line":639},6,[135,641,148],{"class":141},[135,643,644],{"class":151},"background",[135,646,155],{"class":141},[135,648,158],{"class":141},[135,650,180],{"class":141},[135,652,653],{"class":183},"rgb(255, 176, 32)",[135,655,155],{"class":141},[135,657,165],{"class":141},[135,659,661,663,666,668,670,672,675,677],{"class":137,"line":660},7,[135,662,148],{"class":141},[135,664,665],{"class":151},"padding",[135,667,155],{"class":141},[135,669,158],{"class":141},[135,671,180],{"class":141},[135,673,674],{"class":183},"10px 16px",[135,676,155],{"class":141},[135,678,165],{"class":141},[135,680,682,684,687,689,691,693,696,698],{"class":137,"line":681},8,[135,683,148],{"class":141},[135,685,686],{"class":151},"margin",[135,688,155],{"class":141},[135,690,158],{"class":141},[135,692,180],{"class":141},[135,694,695],{"class":183},"0px",[135,697,155],{"class":141},[135,699,165],{"class":141},[135,701,703,705,708,710,712,714,717,719],{"class":137,"line":702},9,[135,704,148],{"class":141},[135,706,707],{"class":151},"gap",[135,709,155],{"class":141},[135,711,158],{"class":141},[135,713,180],{"class":141},[135,715,716],{"class":183},"normal",[135,718,155],{"class":141},[135,720,165],{"class":141},[135,722,724,726,729,731,733,735,738],{"class":137,"line":723},10,[135,725,148],{"class":141},[135,727,728],{"class":151},"borderRadius",[135,730,155],{"class":141},[135,732,158],{"class":141},[135,734,180],{"class":141},[135,736,737],{"class":183},"8px",[135,739,740],{"class":141},"\"\n",[135,742,744],{"class":137,"line":743},11,[135,745,216],{"class":141},[218,747,748,749,753,754,757],{},"Enough to act on ",[750,751,752],"em",{},"\"make this bigger\""," or ",[750,755,756],{},"\"why is this grey?\""," without anyone describing the element\nin prose.",[119,759,480],{"id":480},[124,761,763],{"className":126,"code":762,"language":129,"meta":130,"style":130},"{\n  \"framework\": \"vue\",\n  \"component\": \"CardItem\",\n  \"file\": \"\u002Fabs\u002Fpath\u002Fsrc\u002Fcomponents\u002FCardItem.vue\",\n  \"line\": 12,\n  \"column\": 4\n}\n",[132,764,765,769,788,808,828,843,857],{"__ignoreMap":130},[135,766,767],{"class":137,"line":138},[135,768,142],{"class":141},[135,770,771,773,775,777,779,781,784,786],{"class":137,"line":145},[135,772,148],{"class":141},[135,774,480],{"class":151},[135,776,155],{"class":141},[135,778,158],{"class":141},[135,780,180],{"class":141},[135,782,783],{"class":183},"vue",[135,785,155],{"class":141},[135,787,165],{"class":141},[135,789,790,792,795,797,799,801,804,806],{"class":137,"line":168},[135,791,148],{"class":141},[135,793,794],{"class":151},"component",[135,796,155],{"class":141},[135,798,158],{"class":141},[135,800,180],{"class":141},[135,802,803],{"class":183},"CardItem",[135,805,155],{"class":141},[135,807,165],{"class":141},[135,809,810,812,815,817,819,821,824,826],{"class":137,"line":191},[135,811,148],{"class":141},[135,813,814],{"class":151},"file",[135,816,155],{"class":141},[135,818,158],{"class":141},[135,820,180],{"class":141},[135,822,823],{"class":183},"\u002Fabs\u002Fpath\u002Fsrc\u002Fcomponents\u002FCardItem.vue",[135,825,155],{"class":141},[135,827,165],{"class":141},[135,829,830,832,834,836,838,841],{"class":137,"line":213},[135,831,148],{"class":141},[135,833,137],{"class":151},[135,835,155],{"class":141},[135,837,158],{"class":141},[135,839,840],{"class":161}," 12",[135,842,165],{"class":141},[135,844,845,847,850,852,854],{"class":137,"line":639},[135,846,148],{"class":141},[135,848,849],{"class":151},"column",[135,851,155],{"class":141},[135,853,158],{"class":141},[135,855,856],{"class":161}," 4\n",[135,858,859],{"class":137,"line":660},[135,860,216],{"class":141},[218,862,863,865,866,437,868,437,871,437,874,877,878,437,880,437,882,884,885,887,888,892],{},[132,864,480],{}," is one of ",[132,867,783],{},[132,869,870],{},"react",[132,872,873],{},"svelte",[132,875,876],{},"angular",". ",[132,879,794],{},[132,881,814],{},[132,883,137],{}," and ",[132,886,849],{},"\nare present only where that framework exposes them — see\n",[889,890,891],"a",{"href":85},"compatibility",".",[218,894,895],{},"Best effort, and development-only: these all come from internals that a production build strips.",[119,897,407],{"id":407},[218,899,900,901,904,905,908],{},"With ",[132,902,903],{},"htmlMode: 'truncated'",", the ",[305,906,907],{},"middle"," is elided rather than the tail, and the result never\nexceeds the budget:",[124,910,914],{"className":911,"code":913,"language":390},[912],"language-text","\u003Csection class=\"card-list\">\u003Carticle class=\"card\"> … .json by the dev server.\u003C\u002Fp>\u003C\u002Fsection>\n",[132,915,913],{"__ignoreMap":130},[218,917,918],{},"Markup carries its identity at both ends — the opening tag with its attributes, the closing tags\nthat show where the element sits — while the bulk in between is the least identifying part.",[119,920,922],{"id":921},"what-is-re-read-and-when","What is re-read, and when",[218,924,925,437,927,884,929,931,932,935,936,165,938,884,940,942],{},[132,926,427],{},[132,928,466],{},[132,930,407],{}," describe the element ",[305,933,934],{},"as it is now",", not as it was when you picked it.\nAfter a reload or a route change, a pick that re-attaches to its element has these re-read. ",[132,937,223],{},[132,939,296],{},[132,941,516],{}," are yours and are never overwritten.",[466,944,945],{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":130,"searchDepth":145,"depth":145,"links":947},[948,949,950,951,952,953,954],{"id":121,"depth":145,"text":122},{"id":227,"depth":145,"text":228},{"id":315,"depth":145,"text":315},{"id":466,"depth":145,"text":466},{"id":480,"depth":145,"text":480},{"id":407,"depth":145,"text":407},{"id":921,"depth":145,"text":922},"Every field in .quello\u002Fpicks.json, and why it is there.","md",null,{},{"icon":102},{"title":99,"description":955},"eSiJjOISoEGeKNe5kcGXuuyqFC0pcJpvxRUGuiU0o20",[963,965],{"title":94,"path":95,"stem":96,"description":964,"icon":97,"children":-1},"npx quello-cli — for projects with no bundler to hook into.",{"title":104,"path":105,"stem":106,"description":966,"icon":107,"children":-1},"The toolbar is missing, picks are not saving, and other common cases.",1788454294693]