"use strict";(self.webpackChunknewoaks_help=self.webpackChunknewoaks_help||[]).push([[8836],{2411:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>l,contentTitle:()=>c,default:()=>u,frontMatter:()=>o,metadata:()=>i,toc:()=>a});const i=JSON.parse('{"id":"getting-started/selectelements","title":"Select Elements","description":"Select Specific DIV or Element to Modify.","source":"@site/userGuide/getting-started/007.selectelements.md","sourceDirName":"getting-started","slug":"/getting-started/selectelements","permalink":"/guides/user/getting-started/selectelements","draft":false,"unlisted":false,"tags":[],"version":"current","sidebarPosition":7,"frontMatter":{"sidebar_position":7},"sidebar":"sidebar","previous":{"title":"Analytics Panel","permalink":"/guides/user/getting-started/analytics-panel"},"next":{"title":"Built-in Mini CRM","permalink":"/guides/user/getting-started/buildin-min-crm"}}');var s=n(4848),r=n(8453);n(4405),n(5600);const o={sidebar_position:7},c="Select Elements",l={},a=[];function d(e){const t={h1:"h1",header:"header",p:"p",strong:"strong",...(0,r.R)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.header,{children:(0,s.jsx)(t.h1,{id:"select-elements",children:"Select Elements"})}),"\n",(0,s.jsx)(t.p,{children:(0,s.jsx)(t.strong,{children:"Select Specific DIV or Element to Modify."})}),"\n",(0,s.jsxs)(t.p,{children:["You can fine-tune the interface efficiently without using too many tokens by utilizing the ",(0,s.jsx)(t.strong,{children:"Select"})," function. To do this, click the ",(0,s.jsx)(t.strong,{children:"Select"})," button in the top-right corner of the preview panel."]}),"\n",(0,s.jsxs)(t.p,{children:["Once the ",(0,s.jsx)(t.strong,{children:"Select"})," function is activated, hovering your mouse over the preview panel will highlight each element with its name and boundary box. After selecting an element, the AI will lock onto it. Simply describe the changes or updates you want to make, and the AI will take care of the rest."]})]})}function u(e={}){const{wrapper:t}={...(0,r.R)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(d,{...e})}):d(e)}},4405:(e,t,n)=>{n.d(t,{A:()=>o});n(6540);var i=n(9136),s=n(4848);function r(e){let{children:t,fallback:n}=e;return(0,i.A)()?(0,s.jsx)(s.Fragment,{children:t?.()}):n??null}function o(e){let{children:t}=e;return(0,s.jsx)(r,{children:()=>{const e=function(){return"undefined"==typeof window?"":window.location.hostname}();if("function"==typeof t){const n=t(e);return(0,s.jsx)("div",{className:"markdown markdown--section",children:n})}return(0,s.jsx)("code",{children:e})}})}},5600:(e,t,n)=>{n(6540),n(4848)},8453:(e,t,n)=>{n.d(t,{R:()=>o,x:()=>c});var i=n(6540);const s={},r=i.createContext(s);function o(e){const t=i.useContext(r);return i.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function c(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:o(e.components),i.createElement(r.Provider,{value:t},e.children)}}}]);