openmagic 0.40.0 → 0.41.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cli.js +69 -44
- package/dist/cli.js.map +1 -1
- package/dist/toolbar/index.global.js +23 -20
- package/dist/toolbar/index.global.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,11 +1,14 @@
|
|
|
1
1
|
#!/usr/bin/env node
|
|
2
|
-
"use strict";var OpenMagicToolbar=(()=>{var
|
|
2
|
+
"use strict";var OpenMagicToolbar=(()=>{var ze=`
|
|
3
3
|
:host {
|
|
4
4
|
all: initial;
|
|
5
|
+
direction: ltr;
|
|
6
|
+
unicode-bidi: isolate;
|
|
5
7
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
|
|
6
8
|
font-size: 14px;
|
|
7
9
|
color: #e0e0e0;
|
|
8
10
|
line-height: 1.5;
|
|
11
|
+
text-align: left;
|
|
9
12
|
}
|
|
10
13
|
|
|
11
14
|
* { box-sizing: border-box; margin: 0; padding: 0; }
|
|
@@ -390,25 +393,25 @@
|
|
|
390
393
|
.om-msg:hover .om-copy-btn { opacity: 1; }
|
|
391
394
|
.om-copy-btn:hover { color: #ccc; background: rgba(0,0,0,0.5); }
|
|
392
395
|
.om-msg { position: relative; }
|
|
393
|
-
`;var X=null,U=new Map,le=[],
|
|
396
|
+
`;var X=null,U=new Map,le=[],Ee=[],ae=!1,Be=!1,Se=null,Me=0;function Le(){return Math.random().toString(36).slice(2)+Date.now().toString(36)}function Ce(t,e){return Be=!0,new Promise((s,n)=>{let a=!1,i=setTimeout(()=>{a||(a=!0,n(new Error("Handshake timeout")),X?.close())},1e4);try{let r=window.location.hostname||"127.0.0.1",m=window.location.protocol==="https:"?"wss:":"ws:";X=new WebSocket(`${m}//${r}:${t}/__openmagic__/ws`),X.onopen=()=>{let c=Le();X.send(JSON.stringify({id:c,type:"handshake",payload:{token:e}})),U.set(c,u=>{if(u.type==="handshake.ok"){clearTimeout(i),ae=!0,Me=0;for(let p of Ee)X?.send(p);Ee=[],a||(a=!0,s())}else u.type==="error"&&(clearTimeout(i),a||(a=!0,n(new Error(u.payload?.message||"Handshake failed"))))})},X.onmessage=c=>{try{let u=JSON.parse(c.data);u.id&&U.has(u.id)&&(U.get(u.id)(u),(u.type==="llm.done"||u.type==="llm.error"||!u.type.startsWith("llm."))&&U.delete(u.id));for(let p of le)p(u)}catch{}},X.onclose=()=>{let c=ae;if(ae=!1,U.forEach((u,p)=>{u({type:"error",id:p,payload:{message:"Connection lost"}})}),U.clear(),!c&&!a){clearTimeout(i),a=!0,n(new Error("WebSocket closed before handshake"));return}if(c&&Be&&!Se){let u=Math.min(2e3*Math.pow(1.5,Me),3e4);Me++,Se=setTimeout(()=>{Se=null,Ce(t,e).then(()=>{for(let p of le)p({type:"reconnected",payload:{}})}).catch(()=>{})},u)}},X.onerror=()=>{!ae&&!a&&(clearTimeout(i),a=!0,n(new Error("WebSocket connection failed")))}}catch(r){clearTimeout(i),a||(a=!0,n(r))}})}function Fe(t){let e=JSON.stringify(t);X&&X.readyState===WebSocket.OPEN&&ae?X.send(e):Ee.push(e)}function N(t,e){return new Promise((s,n)=>{let a=Le(),i=setTimeout(()=>{U.delete(a),n(new Error("Request timeout"))},3e4);U.set(a,r=>{clearTimeout(i),r.type==="error"?n(new Error(r.payload?.message||"Unknown error")):s(r)}),Fe({id:a,type:t,payload:e})})}function We(t,e,s){return new Promise((n,a)=>{let i=Le(),r=3e5,m=setTimeout(c,r);function c(){U.delete(i),a(new Error("Stream timeout"))}function u(){clearTimeout(m),m=setTimeout(c,r)}U.set(i,p=>{p.type==="llm.chunk"?(u(),s(p.payload?.delta||"")):p.type==="llm.done"?(clearTimeout(m),U.delete(i),n(p.payload)):(p.type==="llm.error"||p.type==="error")&&(clearTimeout(m),U.delete(i),a(new Error(p.payload?.message||"Stream error")))}),Fe({id:i,type:t,payload:e})})}function Ue(t){return le.push(t),()=>{le=le.filter(e=>e!==t)}}function Te(){return ae}var Ke=["display","position","width","height","margin","padding","color","background-color","background","font-size","font-weight","font-family","border","border-radius","box-shadow","flex-direction","justify-content","align-items","gap","grid-template-columns","grid-template-rows","overflow","opacity","z-index","text-align","line-height","letter-spacing"];function Ge(t){let e=window.getComputedStyle(t),s={};for(let k of Ke)s[k]=e.getPropertyValue(k);let n=t.getBoundingClientRect(),a={};if(t.parentElement&&t.parentElement!==document.body){let k=window.getComputedStyle(t.parentElement);for(let L of Ke)a[L]=k.getPropertyValue(L)}let i=[];if(t.parentElement){let k=Array.from(t.parentElement.children),L=k.indexOf(t),v=Math.max(0,L-3),T=Math.min(k.length,L+4);v>0&&i.push(`... ${v} elements before ...`);for(let P=v;P<T;P++){let H=k[P],O=H.tagName.toLowerCase(),I=(H.className||"").toString().slice(0,60);H===t?i.push(`[SELECTED] <${O} class="${I}">`):i.push(`<${O} class="${I}">`)}T<k.length&&i.push(`... ${k.length-T} elements after ...`)}let r=[],m=Array.from(t.children).slice(0,12);for(let k=0;k<m.length;k++){let L=m[k],v=L.getBoundingClientRect(),T=window.getComputedStyle(L),P=null;if(k<m.length-1){let H=m[k+1].getBoundingClientRect();P={vertical:Math.round(H.top-v.bottom),horizontal:Math.round(Math.abs(H.left-v.right))}}r.push({tag:L.tagName.toLowerCase(),className:(L.className||"").toString().slice(0,80),rect:{x:Math.round(v.x),y:Math.round(v.y),width:Math.round(v.width),height:Math.round(v.height)},gapToNext:P,margin:T.margin,padding:T.padding})}let c=bt(t),u=vt(t,c),p={};for(let k of Array.from(t.attributes))(k.name.startsWith("aria-")||k.name==="role"||k.name==="tabindex")&&(p[k.name]=k.value);let x=[];for(let k of Array.from(t.attributes))k.name.startsWith("on")&&x.push(k.name);let S=xt(t),l=document.documentElement,f=window.getComputedStyle(l),g={};for(let k of Object.keys(l.dataset))g[k]=l.dataset[k]||"";let h={darkMode:l.classList.contains("dark")||l.dataset.theme==="dark"||l.dataset.mode==="dark"||window.matchMedia("(prefers-color-scheme: dark)").matches,colorScheme:f.colorScheme||"",htmlDataAttributes:g},d={};try{for(let L of c){let v=L.matchAll(/var\((--[a-zA-Z0-9_-]+)/g);for(let T of v){let P=T[1];d[P]||(d[P]=e.getPropertyValue(P).trim()||"(unset)")}}let k=(t.getAttribute("style")||"").matchAll(/var\((--[a-zA-Z0-9_-]+)/g);for(let L of k)d[L[1]]||(d[L[1]]=e.getPropertyValue(L[1]).trim()||"(unset)")}catch{}let E=e.zIndex,M=e.position!=="static"&&E!=="auto"||e.opacity!=="1"||e.transform!=="none"||e.filter!=="none",j=t.parentElement?window.getComputedStyle(t.parentElement).zIndex:"auto",D={zIndex:E,createsContext:M,parentZIndex:j},ne=n.top<window.innerHeight&&n.bottom>0&&n.left<window.innerWidth&&n.right>0,y=!0;try{y=t.checkVisibility?.({checkOpacity:!0,checkVisibilityCSS:!0})??!0}catch{y=e.display!=="none"&&e.visibility!=="hidden"}let w=t.scrollHeight>t.clientHeight||t.scrollWidth>t.clientWidth,$={isVisible:y,isInViewport:ne,scrollTop:t.scrollTop,scrollLeft:t.scrollLeft,isScrollable:w},R=[],C=["(max-width: 639px)","(min-width: 640px)","(min-width: 768px)","(min-width: 1024px)","(min-width: 1280px)","(min-width: 1536px)","(prefers-color-scheme: dark)","(prefers-reduced-motion: reduce)"];for(let k of C)try{window.matchMedia(k).matches&&R.push(k)}catch{}let F="",W="";try{F=window.getComputedStyle(t,"::before").content||""}catch{}try{W=window.getComputedStyle(t,"::after").content||""}catch{}let V={before:F,after:W},re=null;return(t instanceof HTMLInputElement||t instanceof HTMLSelectElement||t instanceof HTMLTextAreaElement||t instanceof HTMLButtonElement)&&(re={disabled:t.disabled||!1,readOnly:t.readOnly||!1,invalid:t.checkValidity?!t.checkValidity():!1}),{tagName:t.tagName.toLowerCase(),id:t.id||"",className:t.className||"",textContent:(t.textContent||"").trim().slice(0,200),outerHTML:ft(t),cssSelector:gt(t),xpath:yt(t),computedStyles:s,ancestry:ut(t),componentHint:ht(t),rect:{x:n.x,y:n.y,width:n.width,height:n.height},parentStyles:a,siblings:i,childrenLayout:r,matchedCssRules:c,resolvedClasses:u,viewport:{width:window.innerWidth,height:window.innerHeight},ariaAttributes:p,eventHandlers:x,reactProps:S,themeState:h,cssVariables:d,stackingContext:D,visibilityState:$,activeBreakpoints:R,pseudoElements:V,formState:re}}function ut(t,e=5){let s=[],n=t.parentElement;for(;n&&n!==document.body&&s.length<e;){let a=n.tagName.toLowerCase(),i=(typeof n.className=="string"?n.className:"").split(/\s+/).filter(r=>r.length>1&&!r.startsWith("_")).slice(0,3).join(".");s.push(i?`${a}.${i}`:a),n=n.parentElement}return s}function ht(t){let e=t;for(;e&&e!==document.body;){let s=e.getAttribute("data-component")||e.getAttribute("data-testid")||e.getAttribute("data-cy");if(s)return s;let n=Object.keys(e);for(let a of n)if(a.startsWith("__reactFiber")||a.startsWith("__reactInternalInstance"))try{let i=e[a],r=i?.type?.name||i?.type?.displayName||i?.return?.type?.name||i?.return?.type?.displayName;if(r&&r!=="div"&&r!=="span"&&r.length>1)return r}catch{}e=e.parentElement}return""}function ft(t){let e=t.cloneNode(!0);e.querySelectorAll("script, style, svg").forEach(a=>a.remove());let n=e.outerHTML;if(n.length>2e3){let a=t.tagName.toLowerCase(),i=Array.from(t.attributes).map(m=>`${m.name}="${m.value}"`).join(" "),r=Array.from(t.children).slice(0,5).map(m=>`<${m.tagName.toLowerCase()} .../>`).join(`
|
|
394
397
|
`);n=`<${a} ${i}>
|
|
395
398
|
${r}
|
|
396
399
|
${t.children.length>5?`<!-- +${t.children.length-5} more children -->`:""}
|
|
397
|
-
</${a}>`}return n}function gt(t){if(t.id)return`#${CSS.escape(t.id)}`;let e=[],s=t;for(;s&&s!==document.body;){let n=s.tagName.toLowerCase();if(s.id){e.unshift(`#${CSS.escape(s.id)}`);break}if(s.className&&typeof s.className=="string"){let i=s.className.trim().split(/\s+/).filter(r=>!r.startsWith("__")&&r.length<30).slice(0,2).map(r=>CSS.escape(r));i.length>0&&(n+="."+i.join("."))}let a=s.parentElement;if(a){let i=Array.from(a.children).filter(r=>r.tagName===s.tagName);if(i.length>1){let r=i.indexOf(s)+1;n+=`:nth-of-type(${r})`}}e.unshift(n),s=s.parentElement}return e.join(" > ")}function yt(t){let e=[],s=t;for(;s&&s!==document;){if(s.nodeType===Node.ELEMENT_NODE){let n=s,a=1,i=n.previousElementSibling;for(;i;)i.tagName===n.tagName&&a++,i=i.previousElementSibling;e.unshift(`${n.tagName.toLowerCase()}[${a}]`)}s=s.parentNode}return"/"+e.join("/")}function bt(t){let e=[];try{for(let s of Array.from(document.styleSheets))try{let n=s.cssRules||s.rules;if(!n)continue;for(let a of Array.from(n))if(a instanceof CSSStyleRule)try{if(t.matches(a.selectorText)){let i=a.cssText;i.length>10&&i.length<500&&e.push(i)}}catch{}}catch{}}catch{}return e.slice(0,15)}function xt(t){try{let e=Object.keys(t);for(let s of e)if(s.startsWith("__reactFiber")||s.startsWith("__reactInternalInstance")){let n=t[s];if(!n?.memoizedProps)continue;let a=n.memoizedProps,i={},r=0;for(let[m,c]of Object.entries(a)){if(r>=10)break;if(m==="children")continue;let u=typeof c;u==="string"||u==="number"||u==="boolean"||c===null?(i[m]=c,r++):u==="function"?(i[m]="[function]",r++):Array.isArray(c)&&(i[m]=`[Array(${c.length})]`,r++)}return Object.keys(i).length>0?i:null}}catch{}return null}function vt(t,e){let s=[],n=(t.className||"").toString().trim().split(/\s+/).filter(Boolean);for(let a of n){let i=CSS.escape(a);for(let r of e)if(r.includes(`.${i}`)&&r.length<200){s.push({className:a,css:r});break}if(s.length>=20)break}return s}var K=null;function
|
|
400
|
+
</${a}>`}return n}function gt(t){if(t.id)return`#${CSS.escape(t.id)}`;let e=[],s=t;for(;s&&s!==document.body;){let n=s.tagName.toLowerCase();if(s.id){e.unshift(`#${CSS.escape(s.id)}`);break}if(s.className&&typeof s.className=="string"){let i=s.className.trim().split(/\s+/).filter(r=>!r.startsWith("__")&&r.length<30).slice(0,2).map(r=>CSS.escape(r));i.length>0&&(n+="."+i.join("."))}let a=s.parentElement;if(a){let i=Array.from(a.children).filter(r=>r.tagName===s.tagName);if(i.length>1){let r=i.indexOf(s)+1;n+=`:nth-of-type(${r})`}}e.unshift(n),s=s.parentElement}return e.join(" > ")}function yt(t){let e=[],s=t;for(;s&&s!==document;){if(s.nodeType===Node.ELEMENT_NODE){let n=s,a=1,i=n.previousElementSibling;for(;i;)i.tagName===n.tagName&&a++,i=i.previousElementSibling;e.unshift(`${n.tagName.toLowerCase()}[${a}]`)}s=s.parentNode}return"/"+e.join("/")}function bt(t){let e=[];try{for(let s of Array.from(document.styleSheets))try{let n=s.cssRules||s.rules;if(!n)continue;for(let a of Array.from(n))if(a instanceof CSSStyleRule)try{if(t.matches(a.selectorText)){let i=a.cssText;i.length>10&&i.length<500&&e.push(i)}}catch{}}catch{}}catch{}return e.slice(0,15)}function xt(t){try{let e=Object.keys(t);for(let s of e)if(s.startsWith("__reactFiber")||s.startsWith("__reactInternalInstance")){let n=t[s];if(!n?.memoizedProps)continue;let a=n.memoizedProps,i={},r=0;for(let[m,c]of Object.entries(a)){if(r>=10)break;if(m==="children")continue;let u=typeof c;u==="string"||u==="number"||u==="boolean"||c===null?(i[m]=c,r++):u==="function"?(i[m]="[function]",r++):Array.isArray(c)&&(i[m]=`[Array(${c.length})]`,r++)}return Object.keys(i).length>0?i:null}}catch{}return null}function vt(t,e){let s=[],n=(t.className||"").toString().trim().split(/\s+/).filter(Boolean);for(let a of n){let i=CSS.escape(a);for(let r of e)if(r.includes(`.${i}`)&&r.length<200){s.push({className:a,css:r});break}if(s.length>=20)break}return s}var K=null;function Ve(t){K||(K=document.createElement("div"),K.style.cssText=`
|
|
398
401
|
position: fixed;
|
|
399
402
|
pointer-events: none;
|
|
400
403
|
z-index: 2147483646;
|
|
401
404
|
border: 2px solid #6c5ce7;
|
|
402
405
|
background: rgba(108, 92, 231, 0.1);
|
|
403
406
|
transition: all 0.1s ease;
|
|
404
|
-
`,K.dataset.openmagic="highlight",document.body.appendChild(K)),K.style.left=`${t.x}px`,K.style.top=`${t.y}px`,K.style.width=`${t.width}px`,K.style.height=`${t.height}px`,K.style.display="block"}function
|
|
407
|
+
`,K.dataset.openmagic="highlight",document.body.appendChild(K)),K.style.left=`${t.x}px`,K.style.top=`${t.y}px`,K.style.width=`${t.width}px`,K.style.height=`${t.height}px`,K.style.display="block"}function Xe(){K&&(K.style.display="none")}async function Je(t){try{let e=t||document.body,s=await wt(e);if(s)return{data:s}}catch{}try{let e=await kt(t);if(e)return{data:e}}catch(e){return{data:null,error:`Screenshot failed: ${e.message||"unknown error"}. Try using the image attachment button instead.`}}return{data:null,error:"Screenshot capture not available on this page. Try pasting or dragging an image instead."}}async function wt(t){let e=t.getBoundingClientRect(),s=Math.min(e.width||window.innerWidth,1920),n=Math.min(e.height||window.innerHeight,1080),a=Ze(t,0,4);if(!a)return null;let i=`
|
|
405
408
|
<svg xmlns="http://www.w3.org/2000/svg" width="${s}" height="${n}">
|
|
406
409
|
<foreignObject width="100%" height="100%">
|
|
407
410
|
<div xmlns="http://www.w3.org/1999/xhtml" style="width:${s}px;height:${n}px;overflow:hidden;">
|
|
408
411
|
${a.outerHTML}
|
|
409
412
|
</div>
|
|
410
413
|
</foreignObject>
|
|
411
|
-
</svg>`,r=new Blob([i],{type:"image/svg+xml;charset=utf-8"}),m=URL.createObjectURL(r);return new Promise(c=>{let u=new Image,p=document.createElement("canvas"),x=Math.min(window.devicePixelRatio||1,2);p.width=s*x,p.height=n*x,u.onload=()=>{URL.revokeObjectURL(m);let S=p.getContext("2d");if(!S){c(null);return}S.scale(x,x),S.drawImage(u,0,0);try{if(p.width>1280){let f=1280/p.width,g=document.createElement("canvas");g.width=1280,g.height=Math.round(p.height*f);let h=g.getContext("2d");if(h){h.drawImage(p,0,0,g.width,g.height),c(g.toDataURL("image/jpeg",.8));return}}c(p.toDataURL("image/jpeg",.8))}catch{c(null)}},u.onerror=()=>{URL.revokeObjectURL(m),c(null)},setTimeout(()=>{URL.revokeObjectURL(m),c(null)},5e3),u.src=m})}async function kt(t){let e=t||document.documentElement,s=e.getBoundingClientRect(),n=document.createElement("canvas");n.width=400,n.height=300;let a=n.getContext("2d");return a?(a.fillStyle="#1a1a2e",a.fillRect(0,0,400,300),a.fillStyle="#e0e0e0",a.font="14px system-ui",a.fillText(`Element: <${e.tagName.toLowerCase()}>`,20,30),a.fillStyle="#888",a.font="12px system-ui",a.fillText(`Size: ${Math.round(s.width)}x${Math.round(s.height)}`,20,55),a.fillText(`Classes: ${(e.className||"").toString().slice(0,40)}`,20,75),a.fillText(`Page: ${window.location.pathname}`,20,95),a.fillStyle="#6c5ce7",a.font="11px system-ui",a.fillText("(Full screenshot unavailable \u2014 context sent as metadata)",20,130),n.toDataURL("image/png")):null}function Je(t,e,s){if(e>s)return null;try{let n=t.cloneNode(!1);if(n.tagName==="SCRIPT"||n.tagName==="STYLE"||n.tagName==="SVG"||n.tagName==="CANVAS"||n.tagName==="VIDEO"||n.tagName==="IFRAME")return null;let a=window.getComputedStyle(t),i=["display","position","width","height","margin","padding","color","background-color","background","font-size","font-weight","font-family","border","border-radius","flex-direction","justify-content","align-items","gap","grid-template-columns","text-align","overflow"],r="";for(let m of i){let c=a.getPropertyValue(m);c&&c!=="normal"&&c!=="none"&&c!=="auto"&&c!=="0px"&&(r+=`${m}:${c};`)}n.setAttribute("style",r);for(let m=0;m<t.children.length&&m<20;m++){let c=Je(t.children[m],e+1,s);c&&n.appendChild(c)}return n}catch{return null}}var ue=[];var Ze=!1;function Qe(){if(Ze)return;Ze=!0;let t=window.fetch;window.fetch=async function(...n){let a=new Request(...n),i={method:a.method,url:a.url,timestamp:Date.now()};try{let r=await t.apply(this,n);return i.status=r.status,i.duration=Date.now()-i.timestamp,Te(i),r}catch(r){throw i.status=0,i.duration=Date.now()-i.timestamp,Te(i),r}};let e=XMLHttpRequest.prototype.open,s=XMLHttpRequest.prototype.send;XMLHttpRequest.prototype.open=function(n,a,...i){return this.__om_method=n,this.__om_url=a,this.__om_start=Date.now(),e.apply(this,[n,a,...i])},XMLHttpRequest.prototype.send=function(...n){return this.addEventListener("loadend",()=>{Te({method:this.__om_method||"GET",url:this.__om_url||"",status:this.status,duration:Date.now()-(this.__om_start||Date.now()),timestamp:this.__om_start||Date.now()})}),s.apply(this,n)}}function Te(t){t.url.includes("__openmagic__")||(ue.push(t),ue.length>50&&ue.shift())}function fe(){return[...ue]}var he=[],$t=100,Ye=!1;function et(){if(Ye)return;Ye=!0;let t=["log","warn","error","info","debug"];for(let e of t){let s=console[e];console[e]=function(...n){he.push({level:e,args:n.map(a=>{try{return typeof a=="object"?JSON.stringify(a).slice(0,500):String(a)}catch{return String(a)}}),timestamp:Date.now()}),he.length>$t&&he.shift(),s.apply(console,n)}}}function ge(){return[...he]}function tt(t,e){return{selectedElement:t?{tagName:t.tagName,id:t.id,className:t.className,textContent:t.textContent,outerHTML:t.outerHTML,cssSelector:t.cssSelector,computedStyles:t.computedStyles}:void 0,screenshot:e||void 0,networkLogs:fe().map(s=>({method:s.method,url:s.url,status:s.status,duration:s.duration,timestamp:s.timestamp})),consoleLogs:ge().map(s=>({level:s.level,args:s.args,timestamp:s.timestamp}))}}var _={sparkle:'<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.582a.5.5 0 0 1 0 .962L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"/></svg>',crosshair:'<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><line x1="22" y1="12" x2="18" y2="12"/><line x1="6" y1="12" x2="2" y2="12"/><line x1="12" y1="6" x2="12" y2="2"/><line x1="12" y1="22" x2="12" y2="18"/></svg>',camera:'<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z"/><circle cx="12" cy="13" r="3"/></svg>',chat:'<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>',settings:'<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"/><circle cx="12" cy="12" r="3"/></svg>',send:'<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="22" y1="2" x2="11" y2="13"/><polygon points="22 2 15 22 11 13 2 9 22 2"/></svg>',x:'<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>',externalLink:'<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/></svg>',check:'<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>',copy:'<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>',grip:'<svg width="7" height="14" viewBox="0 0 8 14" fill="currentColor"><circle cx="2" cy="2" r="1.2"/><circle cx="6" cy="2" r="1.2"/><circle cx="2" cy="7" r="1.2"/><circle cx="6" cy="7" r="1.2"/><circle cx="2" cy="12" r="1.2"/><circle cx="6" cy="12" r="1.2"/></svg>',network:'<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 20h9"/><path d="M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z"/></svg>',activity:'<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/></svg>',bug:'<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="m8 2 1.88 1.88M14.12 3.88 16 2M9 7.13v-1a3.003 3.003 0 1 1 6 0v1"/><path d="M12 20c-3.3 0-6-2.7-6-6v-3a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v3c0 3.3-2.7 6-6 6"/><path d="M12 20v-9"/><path d="M6.53 9C4.6 8.8 3 7.1 3 5"/><path d="M6 13H2"/><path d="M3 21c0-2.1 1.7-3.9 3.8-4"/><path d="M20.97 5c0 2.1-1.6 3.8-3.5 4"/><path d="M22 13h-4"/><path d="M17.2 17c2.1.1 3.8 1.9 3.8 4"/></svg>',paperclip:'<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48"/></svg>',image:'<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"/><circle cx="9" cy="9" r="2"/><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"/></svg>',trash:'<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="3 6 5 6 21 6"/><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/></svg>',minus:'<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="5" y1="12" x2="19" y2="12"/></svg>'},Q={"claude-code":{name:"Claude Code (CLI)",keyPlaceholder:"not required",local:!0,models:[{id:"claude-code",name:"Claude Code"}]},"codex-cli":{name:"Codex CLI",keyPlaceholder:"not required",local:!0,models:[{id:"codex-cli",name:"Codex CLI"}]},"gemini-cli":{name:"Gemini CLI",keyPlaceholder:"not required",local:!0,models:[{id:"gemini-cli",name:"Gemini CLI"}]},openai:{name:"OpenAI",keyUrl:"https://platform.openai.com/api-keys",keyPlaceholder:"sk-...",models:[{id:"gpt-5.4",name:"GPT-5.4"},{id:"gpt-5.4-mini",name:"GPT-5.4 Mini"},{id:"gpt-5.2",name:"GPT-5.2 Thinking"},{id:"o3",name:"o3"},{id:"o4-mini",name:"o4-mini"},{id:"gpt-4.1",name:"GPT-4.1"},{id:"gpt-4.1-mini",name:"GPT-4.1 Mini"}]},anthropic:{name:"Anthropic",keyUrl:"https://console.anthropic.com/settings/keys",keyPlaceholder:"sk-ant-...",models:[{id:"claude-opus-4-6",name:"Claude Opus 4.6"},{id:"claude-sonnet-4-6",name:"Claude Sonnet 4.6"},{id:"claude-haiku-4-5-20251001",name:"Claude Haiku 4.5"}]},google:{name:"Google Gemini",keyUrl:"https://aistudio.google.com/apikey",keyPlaceholder:"AIza...",models:[{id:"gemini-3.1-pro-preview",name:"Gemini 3.1 Pro"},{id:"gemini-3-flash-preview",name:"Gemini 3 Flash"},{id:"gemini-2.5-pro",name:"Gemini 2.5 Pro"},{id:"gemini-2.5-flash",name:"Gemini 2.5 Flash"}]},xai:{name:"xAI (Grok)",keyUrl:"https://console.x.ai/team/default/api-keys",keyPlaceholder:"xai-...",models:[{id:"grok-4.20-0309-reasoning",name:"Grok 4.20 Reasoning"},{id:"grok-4-1-fast-non-reasoning",name:"Grok 4.1 Fast"}]},deepseek:{name:"DeepSeek",keyUrl:"https://platform.deepseek.com/api_keys",keyPlaceholder:"sk-...",models:[{id:"deepseek-chat",name:"DeepSeek V3.2"},{id:"deepseek-reasoner",name:"DeepSeek R1"}]},mistral:{name:"Mistral",keyUrl:"https://console.mistral.ai/api-keys",keyPlaceholder:"...",models:[{id:"mistral-large-3-25-12",name:"Mistral Large 3"},{id:"codestral-2508",name:"Codestral"},{id:"devstral-2-25-12",name:"Devstral 2"}]},groq:{name:"Groq",keyUrl:"https://console.groq.com/keys",keyPlaceholder:"gsk_...",models:[{id:"meta-llama/llama-4-scout-17b-16e-instruct",name:"Llama 4 Scout"},{id:"llama-3.3-70b-versatile",name:"Llama 3.3 70B"}]},minimax:{name:"MiniMax",keyUrl:"https://platform.minimax.chat/user-center/basic-information/interface-key",keyPlaceholder:"MiniMax key...",models:[{id:"MiniMax-M2.7",name:"MiniMax M2.7"},{id:"MiniMax-M2.5",name:"MiniMax M2.5"}]},moonshot:{name:"Kimi (Moonshot)",keyUrl:"https://platform.moonshot.cn/console/api-keys",keyPlaceholder:"Moonshot key...",models:[{id:"kimi-k2.5",name:"Kimi K2.5"},{id:"kimi-k2-thinking",name:"Kimi K2 Thinking"}]},qwen:{name:"Qwen (Alibaba)",keyUrl:"https://dashscope.console.aliyun.com/apiKey",keyPlaceholder:"DashScope key...",models:[{id:"qwen3.5-plus",name:"Qwen 3.5 Plus"},{id:"qwen-max",name:"Qwen Max"}]},zhipu:{name:"Zhipu AI (GLM)",keyUrl:"https://open.bigmodel.cn/usercenter/apikeys",keyPlaceholder:"Zhipu key...",models:[{id:"glm-5",name:"GLM-5"},{id:"glm-4.7",name:"GLM-4.7"}]},doubao:{name:"Doubao (ByteDance)",keyUrl:"https://console.volcengine.com/ark/region:ark+cn-beijing/apiKey",keyPlaceholder:"Volcano key...",models:[{id:"doubao-seed-2-0-pro",name:"Doubao Seed 2.0 Pro"},{id:"doubao-seed-2-0-code",name:"Doubao Seed 2.0 Code"}]},ollama:{name:"Ollama (Local)",keyPlaceholder:"not required",local:!0,models:[]},openrouter:{name:"OpenRouter",keyUrl:"https://openrouter.ai/settings/keys",keyPlaceholder:"sk-or-...",models:[]}};function be(t){let e=new TextEncoder().encode(t),s="";for(let n=0;n<e.length;n+=32768)s+=String.fromCharCode(...e.subarray(n,n+32768));return btoa(s)}function se(t){let e=atob(t),s=new Uint8Array(e.length);for(let n=0;n<e.length;n++)s[n]=e.charCodeAt(n);return new TextDecoder().decode(s)}var Ne="0.40.0",o={connected:!1,panelOpen:!1,activePanel:"",selecting:!1,selectedElement:null,screenshot:null,messages:[],streaming:!1,streamContent:"",provider:"",model:"",hasApiKey:!1,configuredProviders:{},detectedClis:[],roots:[],updateAvailable:!1,latestVersion:"",saveStatus:"",networkCapture:!1,attachments:[],groundedFiles:[],minimized:!1},A,B,ee,lt,Oe,J;function ct(){try{let t=o.messages;t.length>50&&(t=[...t.slice(0,5),...t.slice(-45)]);let e=t.map(s=>{if(s.content.startsWith("__DIFF__")&&s.content.length>500)try{let n=JSON.parse(se(s.content.slice(8)));return{...s,content:`Applied ${n.type||"edit"} to ${n.file||"file"}`}}catch{return s}return s});sessionStorage.setItem("__om_state__",JSON.stringify({messages:e,provider:o.provider,model:o.model,panelOpen:o.panelOpen,activePanel:o.activePanel}))}catch{}}function St(){try{let t=JSON.parse(sessionStorage.getItem("__om_state__")||"{}");t.messages?.length&&(o.messages=t.messages),t.provider&&(o.provider=t.provider),t.model&&(o.model=t.model),t.panelOpen&&(o.panelOpen=t.panelOpen,o.activePanel=t.activePanel||"")}catch{}}function nt(){if(document.querySelector("openmagic-toolbar"))return;St();let t=document.createElement("openmagic-toolbar");t.dataset.openmagic="true",A=t.attachShadow({mode:"closed"});let e=document.createElement("style");e.textContent=qe,A.appendChild(e);let s=document.createElement("div");A.appendChild(s),s.innerHTML=Mt(),B=s.querySelector(".om-toolbar"),ee=s.querySelector(".om-prompt-input"),lt=s.querySelector(".om-prompt-context"),Oe=s.querySelector(".om-panel"),J=s.querySelector(".om-panel-body"),document.body.appendChild(t),Et(s),It();try{let r=JSON.parse(localStorage.getItem("__om_pos__")||"");r?.left&&r?.top&&(B.style.left=r.left,B.style.top=r.top,B.style.right="auto",B.style.bottom="auto")}catch{}Qe(),et(),qt();let a=document.querySelector("script[data-openmagic-token]")?.dataset.openmagicToken||window.__OPENMAGIC_TOKEN__,i=parseInt(window.location.port,10)||(window.location.protocol==="https:"?443:80);a&&Le(i,a).then(()=>(o.connected=!0,xe(),N("config.get"))).then(r=>{o.detectedClis=r.payload?.detectedClis||[];let m=r.payload?.provider||"",c=r.payload?.model||"";o.provider=o.provider||m,o.model=o.model||c,o.configuredProviders=r.payload?.apiKeys||{};for(let p of o.detectedClis)p.installed&&p.authenticated&&(o.configuredProviders[p.id]=!0);let u=Q[o.provider];o.hasApiKey=!!(o.configuredProviders[o.provider]||u?.local),o.roots=r.payload?.roots||[],o.panelOpen&&o.activePanel?te(o.activePanel):(!o.provider||!o.hasApiKey&&!Object.values(o.configuredProviders).some(Boolean)&&!u?.local)&&te("settings"),me(),pt()}).catch(()=>{o.connected=!1,xe()})}function Mt(){return`
|
|
414
|
+
</svg>`,r=new Blob([i],{type:"image/svg+xml;charset=utf-8"}),m=URL.createObjectURL(r);return new Promise(c=>{let u=new Image,p=document.createElement("canvas"),x=Math.min(window.devicePixelRatio||1,2);p.width=s*x,p.height=n*x,u.onload=()=>{URL.revokeObjectURL(m);let S=p.getContext("2d");if(!S){c(null);return}S.scale(x,x),S.drawImage(u,0,0);try{if(p.width>1280){let f=1280/p.width,g=document.createElement("canvas");g.width=1280,g.height=Math.round(p.height*f);let h=g.getContext("2d");if(h){h.drawImage(p,0,0,g.width,g.height),c(g.toDataURL("image/jpeg",.8));return}}c(p.toDataURL("image/jpeg",.8))}catch{c(null)}},u.onerror=()=>{URL.revokeObjectURL(m),c(null)},setTimeout(()=>{URL.revokeObjectURL(m),c(null)},5e3),u.src=m})}async function kt(t){let e=t||document.documentElement,s=e.getBoundingClientRect(),n=document.createElement("canvas");n.width=400,n.height=300;let a=n.getContext("2d");return a?(a.fillStyle="#1a1a2e",a.fillRect(0,0,400,300),a.fillStyle="#e0e0e0",a.font="14px system-ui",a.fillText(`Element: <${e.tagName.toLowerCase()}>`,20,30),a.fillStyle="#888",a.font="12px system-ui",a.fillText(`Size: ${Math.round(s.width)}x${Math.round(s.height)}`,20,55),a.fillText(`Classes: ${(e.className||"").toString().slice(0,40)}`,20,75),a.fillText(`Page: ${window.location.pathname}`,20,95),a.fillStyle="#6c5ce7",a.font="11px system-ui",a.fillText("(Full screenshot unavailable \u2014 context sent as metadata)",20,130),n.toDataURL("image/png")):null}function Ze(t,e,s){if(e>s)return null;try{let n=t.cloneNode(!1);if(n.tagName==="SCRIPT"||n.tagName==="STYLE"||n.tagName==="SVG"||n.tagName==="CANVAS"||n.tagName==="VIDEO"||n.tagName==="IFRAME")return null;let a=window.getComputedStyle(t),i=["display","position","width","height","margin","padding","color","background-color","background","font-size","font-weight","font-family","border","border-radius","flex-direction","justify-content","align-items","gap","grid-template-columns","text-align","overflow"],r="";for(let m of i){let c=a.getPropertyValue(m);c&&c!=="normal"&&c!=="none"&&c!=="auto"&&c!=="0px"&&(r+=`${m}:${c};`)}n.setAttribute("style",r);for(let m=0;m<t.children.length&&m<20;m++){let c=Ze(t.children[m],e+1,s);c&&n.appendChild(c)}return n}catch{return null}}var he=[];var Ye=!1;function et(){if(Ye)return;Ye=!0;let t=window.fetch;window.fetch=async function(...n){let a=new Request(...n),i={method:a.method,url:a.url,timestamp:Date.now()};try{let r=await t.apply(this,n);return i.status=r.status,i.duration=Date.now()-i.timestamp,He(i),r}catch(r){throw i.status=0,i.duration=Date.now()-i.timestamp,He(i),r}};let e=XMLHttpRequest.prototype.open,s=XMLHttpRequest.prototype.send;XMLHttpRequest.prototype.open=function(n,a,...i){return this.__om_method=n,this.__om_url=a,this.__om_start=Date.now(),e.apply(this,[n,a,...i])},XMLHttpRequest.prototype.send=function(...n){return this.addEventListener("loadend",()=>{He({method:this.__om_method||"GET",url:this.__om_url||"",status:this.status,duration:Date.now()-(this.__om_start||Date.now()),timestamp:this.__om_start||Date.now()})}),s.apply(this,n)}}function He(t){t.url.includes("__openmagic__")||(he.push(t),he.length>50&&he.shift())}function ge(){return[...he]}var fe=[],$t=100,Qe=!1;function tt(){if(Qe)return;Qe=!0;let t=["log","warn","error","info","debug"];for(let e of t){let s=console[e];console[e]=function(...n){fe.push({level:e,args:n.map(a=>{try{return typeof a=="object"?JSON.stringify(a).slice(0,500):String(a)}catch{return String(a)}}),timestamp:Date.now()}),fe.length>$t&&fe.shift(),s.apply(console,n)}}}function ye(){return[...fe]}function nt(t,e){return{selectedElement:t?{tagName:t.tagName,id:t.id,className:t.className,textContent:t.textContent,outerHTML:t.outerHTML,cssSelector:t.cssSelector,computedStyles:t.computedStyles}:void 0,screenshot:e||void 0,networkLogs:ge().map(s=>({method:s.method,url:s.url,status:s.status,duration:s.duration,timestamp:s.timestamp})),consoleLogs:ye().map(s=>({level:s.level,args:s.args,timestamp:s.timestamp}))}}var _={sparkle:'<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.582a.5.5 0 0 1 0 .962L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z"/></svg>',crosshair:'<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><line x1="22" y1="12" x2="18" y2="12"/><line x1="6" y1="12" x2="2" y2="12"/><line x1="12" y1="6" x2="12" y2="2"/><line x1="12" y1="22" x2="12" y2="18"/></svg>',camera:'<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z"/><circle cx="12" cy="13" r="3"/></svg>',chat:'<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>',settings:'<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"/><circle cx="12" cy="12" r="3"/></svg>',send:'<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="22" y1="2" x2="11" y2="13"/><polygon points="22 2 15 22 11 13 2 9 22 2"/></svg>',x:'<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>',externalLink:'<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/></svg>',check:'<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg>',copy:'<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect width="14" height="14" x="8" y="8" rx="2" ry="2"/><path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"/></svg>',grip:'<svg width="7" height="14" viewBox="0 0 8 14" fill="currentColor"><circle cx="2" cy="2" r="1.2"/><circle cx="6" cy="2" r="1.2"/><circle cx="2" cy="7" r="1.2"/><circle cx="6" cy="7" r="1.2"/><circle cx="2" cy="12" r="1.2"/><circle cx="6" cy="12" r="1.2"/></svg>',network:'<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 20h9"/><path d="M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z"/></svg>',activity:'<svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/></svg>',bug:'<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="m8 2 1.88 1.88M14.12 3.88 16 2M9 7.13v-1a3.003 3.003 0 1 1 6 0v1"/><path d="M12 20c-3.3 0-6-2.7-6-6v-3a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v3c0 3.3-2.7 6-6 6"/><path d="M12 20v-9"/><path d="M6.53 9C4.6 8.8 3 7.1 3 5"/><path d="M6 13H2"/><path d="M3 21c0-2.1 1.7-3.9 3.8-4"/><path d="M20.97 5c0 2.1-1.6 3.8-3.5 4"/><path d="M22 13h-4"/><path d="M17.2 17c2.1.1 3.8 1.9 3.8 4"/></svg>',paperclip:'<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l8.57-8.57A4 4 0 1 1 18 8.84l-8.59 8.57a2 2 0 0 1-2.83-2.83l8.49-8.48"/></svg>',image:'<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect width="18" height="18" x="3" y="3" rx="2" ry="2"/><circle cx="9" cy="9" r="2"/><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"/></svg>',trash:'<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="3 6 5 6 21 6"/><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/></svg>',minus:'<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="5" y1="12" x2="19" y2="12"/></svg>'},Q={"claude-code":{name:"Claude Code (CLI)",keyPlaceholder:"not required",local:!0,models:[{id:"claude-code",name:"Claude Code"}]},"codex-cli":{name:"Codex CLI",keyPlaceholder:"not required",local:!0,models:[{id:"codex-cli",name:"Codex CLI"}]},"gemini-cli":{name:"Gemini CLI",keyPlaceholder:"not required",local:!0,models:[{id:"gemini-cli",name:"Gemini CLI"}]},openai:{name:"OpenAI",keyUrl:"https://platform.openai.com/api-keys",keyPlaceholder:"sk-...",models:[{id:"gpt-5.4",name:"GPT-5.4"},{id:"gpt-5.4-mini",name:"GPT-5.4 Mini"},{id:"gpt-5.2",name:"GPT-5.2 Thinking"},{id:"o3",name:"o3"},{id:"o4-mini",name:"o4-mini"},{id:"gpt-4.1",name:"GPT-4.1"},{id:"gpt-4.1-mini",name:"GPT-4.1 Mini"}]},anthropic:{name:"Anthropic",keyUrl:"https://console.anthropic.com/settings/keys",keyPlaceholder:"sk-ant-...",models:[{id:"claude-opus-4-6",name:"Claude Opus 4.6"},{id:"claude-sonnet-4-6",name:"Claude Sonnet 4.6"},{id:"claude-haiku-4-5-20251001",name:"Claude Haiku 4.5"}]},google:{name:"Google Gemini",keyUrl:"https://aistudio.google.com/apikey",keyPlaceholder:"AIza...",models:[{id:"gemini-3.1-pro-preview",name:"Gemini 3.1 Pro"},{id:"gemini-3-flash-preview",name:"Gemini 3 Flash"},{id:"gemini-2.5-pro",name:"Gemini 2.5 Pro"},{id:"gemini-2.5-flash",name:"Gemini 2.5 Flash"}]},xai:{name:"xAI (Grok)",keyUrl:"https://console.x.ai/team/default/api-keys",keyPlaceholder:"xai-...",models:[{id:"grok-4.20-0309-reasoning",name:"Grok 4.20 Reasoning"},{id:"grok-4-1-fast-non-reasoning",name:"Grok 4.1 Fast"}]},deepseek:{name:"DeepSeek",keyUrl:"https://platform.deepseek.com/api_keys",keyPlaceholder:"sk-...",models:[{id:"deepseek-chat",name:"DeepSeek V3.2"},{id:"deepseek-reasoner",name:"DeepSeek R1"}]},mistral:{name:"Mistral",keyUrl:"https://console.mistral.ai/api-keys",keyPlaceholder:"...",models:[{id:"mistral-large-3-25-12",name:"Mistral Large 3"},{id:"codestral-2508",name:"Codestral"},{id:"devstral-2-25-12",name:"Devstral 2"}]},groq:{name:"Groq",keyUrl:"https://console.groq.com/keys",keyPlaceholder:"gsk_...",models:[{id:"meta-llama/llama-4-scout-17b-16e-instruct",name:"Llama 4 Scout"},{id:"llama-3.3-70b-versatile",name:"Llama 3.3 70B"}]},minimax:{name:"MiniMax",keyUrl:"https://platform.minimax.chat/user-center/basic-information/interface-key",keyPlaceholder:"MiniMax key...",models:[{id:"MiniMax-M2.7",name:"MiniMax M2.7"},{id:"MiniMax-M2.5",name:"MiniMax M2.5"}]},moonshot:{name:"Kimi (Moonshot)",keyUrl:"https://platform.moonshot.cn/console/api-keys",keyPlaceholder:"Moonshot key...",models:[{id:"kimi-k2.5",name:"Kimi K2.5"},{id:"kimi-k2-thinking",name:"Kimi K2 Thinking"}]},qwen:{name:"Qwen (Alibaba)",keyUrl:"https://dashscope.console.aliyun.com/apiKey",keyPlaceholder:"DashScope key...",models:[{id:"qwen3.5-plus",name:"Qwen 3.5 Plus"},{id:"qwen-max",name:"Qwen Max"}]},zhipu:{name:"Zhipu AI (GLM)",keyUrl:"https://open.bigmodel.cn/usercenter/apikeys",keyPlaceholder:"Zhipu key...",models:[{id:"glm-5",name:"GLM-5"},{id:"glm-4.7",name:"GLM-4.7"}]},doubao:{name:"Doubao (ByteDance)",keyUrl:"https://console.volcengine.com/ark/region:ark+cn-beijing/apiKey",keyPlaceholder:"Volcano key...",models:[{id:"doubao-seed-2-0-pro",name:"Doubao Seed 2.0 Pro"},{id:"doubao-seed-2-0-code",name:"Doubao Seed 2.0 Code"}]},ollama:{name:"Ollama (Local)",keyPlaceholder:"not required",local:!0,models:[]},openrouter:{name:"OpenRouter",keyUrl:"https://openrouter.ai/settings/keys",keyPlaceholder:"sk-or-...",models:[]}};function xe(t){let e=new TextEncoder().encode(t),s="";for(let n=0;n<e.length;n+=32768)s+=String.fromCharCode(...e.subarray(n,n+32768));return btoa(s)}function se(t){let e=atob(t),s=new Uint8Array(e.length);for(let n=0;n<e.length;n++)s[n]=e.charCodeAt(n);return new TextDecoder().decode(s)}var Oe="0.41.1",o={connected:!1,panelOpen:!1,activePanel:"",selecting:!1,selectedElement:null,screenshot:null,messages:[],streaming:!1,streamContent:"",provider:"",model:"",hasApiKey:!1,configuredProviders:{},detectedClis:[],roots:[],updateAvailable:!1,latestVersion:"",saveStatus:"",networkCapture:!1,attachments:[],groundedFiles:[],minimized:!1},A,B,ee,lt,Ie,J;function ct(){try{let t=o.messages;t.length>50&&(t=[...t.slice(0,5),...t.slice(-45)]);let e=t.map(s=>{if(s.content.startsWith("__DIFF__")&&s.content.length>500)try{let n=JSON.parse(se(s.content.slice(8)));return{...s,content:`Applied ${n.type||"edit"} to ${n.file||"file"}`}}catch{return s}return s});sessionStorage.setItem("__om_state__",JSON.stringify({messages:e,provider:o.provider,model:o.model,panelOpen:o.panelOpen,activePanel:o.activePanel}))}catch{}}function St(){try{let t=JSON.parse(sessionStorage.getItem("__om_state__")||"{}");t.messages?.length&&(o.messages=t.messages),t.provider&&(o.provider=t.provider),t.model&&(o.model=t.model),t.panelOpen&&(o.panelOpen=t.panelOpen,o.activePanel=t.activePanel||"")}catch{}}function ot(){if(document.querySelector("openmagic-toolbar"))return;St();let t=document.createElement("openmagic-toolbar");t.dataset.openmagic="true",A=t.attachShadow({mode:"closed"});let e=document.createElement("style");e.textContent=ze,A.appendChild(e);let s=document.createElement("div");A.appendChild(s),s.innerHTML=Mt(),B=s.querySelector(".om-toolbar"),ee=s.querySelector(".om-prompt-input"),lt=s.querySelector(".om-prompt-context"),Ie=s.querySelector(".om-panel"),J=s.querySelector(".om-panel-body"),document.body.appendChild(t),Et(s),It();try{let r=JSON.parse(localStorage.getItem("__om_pos__")||"");r?.left&&r?.top&&(B.style.left=r.left,B.style.top=r.top,B.style.right="auto",B.style.bottom="auto")}catch{}et(),tt(),qt();let a=document.querySelector("script[data-openmagic-token]")?.dataset.openmagicToken||window.__OPENMAGIC_TOKEN__,i=parseInt(window.location.port,10)||(window.location.protocol==="https:"?443:80);a&&Ce(i,a).then(()=>(o.connected=!0,ve(),N("config.get"))).then(r=>{o.detectedClis=r.payload?.detectedClis||[];let m=r.payload?.provider||"",c=r.payload?.model||"";o.provider=o.provider||m,o.model=o.model||c,o.configuredProviders=r.payload?.apiKeys||{};for(let p of o.detectedClis)p.installed&&p.authenticated&&(o.configuredProviders[p.id]=!0);let u=Q[o.provider];o.hasApiKey=!!(o.configuredProviders[o.provider]||u?.local),o.roots=r.payload?.roots||[],o.panelOpen&&o.activePanel?te(o.activePanel):(!o.provider||!o.hasApiKey&&!Object.values(o.configuredProviders).some(Boolean)&&!u?.local)&&te("settings"),ue(),pt()}).catch(()=>{o.connected=!1,ve()})}function Mt(){return`
|
|
412
415
|
<div class="om-toolbar">
|
|
413
416
|
<div class="om-toolbar-header">
|
|
414
417
|
<span class="om-grab">${_.grip}</span>
|
|
@@ -428,7 +431,7 @@
|
|
|
428
431
|
<div class="om-panel om-hidden">
|
|
429
432
|
<div class="om-panel-header">
|
|
430
433
|
<span class="om-panel-title"></span>
|
|
431
|
-
<span class="om-panel-version">v${
|
|
434
|
+
<span class="om-panel-version">v${Oe}</span>
|
|
432
435
|
<button class="om-panel-bug" data-action="report-issue" title="Report a bug on GitHub">${_.bug}</button>
|
|
433
436
|
<button class="om-panel-clear" data-action="clear-chat" title="Clear chat">${_.trash}</button>
|
|
434
437
|
<button class="om-panel-close" data-action="close-panel">${_.x}</button>
|
|
@@ -451,14 +454,14 @@
|
|
|
451
454
|
<button class="om-prompt-send" data-action="prompt-send">${_.send}</button>
|
|
452
455
|
<input type="file" class="om-file-input om-hidden" accept="image/*" multiple />
|
|
453
456
|
</div>
|
|
454
|
-
</div>`}function Et(t){t.addEventListener("click",n=>{let a=n.target.closest("[data-action]");if(!a)return;n.preventDefault(),n.stopPropagation();let i=a.dataset.action;it(i,a)}),t.addEventListener("change",n=>{let a=n.target,i=a.dataset.field;i&&(i==="provider"?(o.provider=a.value,o.model=Q[o.provider]?.models[0]?.id||"",o.hasApiKey=o.configuredProviders[o.provider]||Q[o.provider]?.local||!1,o.saveStatus="",z()):i==="model"?o.model=a.value:i==="quick-model"&&(o.model=a.value,ct()))}),ee.addEventListener("keydown",n=>{n.key==="Enter"&&!n.shiftKey&&(n.preventDefault(),
|
|
457
|
+
</div>`}function Et(t){t.addEventListener("click",n=>{let a=n.target.closest("[data-action]");if(!a)return;n.preventDefault(),n.stopPropagation();let i=a.dataset.action;it(i,a)}),t.addEventListener("change",n=>{let a=n.target,i=a.dataset.field;i&&(i==="provider"?(o.provider=a.value,o.model=Q[o.provider]?.models[0]?.id||"",o.hasApiKey=o.configuredProviders[o.provider]||Q[o.provider]?.local||!1,o.saveStatus="",z()):i==="model"?o.model=a.value:i==="quick-model"&&(o.model=a.value,ct()))}),ee.addEventListener("keydown",n=>{n.key==="Enter"&&!n.shiftKey&&(n.preventDefault(),Ae())});let e=t.querySelector(".om-file-input");e&&e.addEventListener("change",()=>{Re(e.files),e.value=""});let s=t.querySelector(".om-prompt-row");s&&(s.addEventListener("dragover",n=>{n.preventDefault(),s.style.borderColor="rgba(108, 92, 231, 0.5)"}),s.addEventListener("dragleave",()=>{s.style.borderColor=""}),s.addEventListener("drop",n=>{n.preventDefault(),s.style.borderColor="";let a=n.dataTransfer;a?.files?.length&&Re(a.files)}),ee.addEventListener("paste",n=>{let a=n.clipboardData?.items;if(a){for(let i=0;i<a.length;i++)if(a[i].type.startsWith("image/")){let r=a[i].getAsFile();if(r){let m=new DataTransfer;m.items.add(r),Re(m.files)}}}})),Ue(n=>{n.type==="reconnected"&&(o.connected=!0,ve())}),document.addEventListener("keydown",n=>{if((n.ctrlKey||n.metaKey)&&n.shiftKey&&(n.key==="O"||n.key==="o")){if(n.preventDefault(),o.minimized){o.minimized=!1,B.querySelectorAll(".om-pill-btn:not([data-action='minimize']), .om-pill-divider, .om-status-dot").forEach(r=>r.style.display="");let i=A.querySelector(".om-prompt-row");i&&i.classList.remove("om-hidden")}else o.panelOpen?we():te("chat");return}if((n.ctrlKey||n.metaKey)&&n.shiftKey&&(n.key==="k"||n.key==="K")){n.preventDefault(),o.panelOpen||te("chat"),ee.focus();return}if((n.ctrlKey||n.metaKey)&&(n.key==="z"||n.key==="Z")&&!n.shiftKey&&A.activeElement){let a=A.querySelector('[data-action="undo-diff"]');if(a){n.preventDefault(),dt(a);return}}if((n.ctrlKey||n.metaKey)&&n.key==="."){let a=A.querySelector('[data-action="apply-all"]');if(a&&!A.querySelector(".om-apply-bar.om-hidden")){n.preventDefault(),it("apply-all",a);return}}if(n.key==="Escape"){if(o.selecting)return;o.panelOpen&&(we(),n.preventDefault())}}),ee.addEventListener("keydown",n=>{(n.ctrlKey||n.metaKey)&&n.key==="Enter"&&(n.preventDefault(),Ae())})}function De(t){return o.roots.length>0?o.roots[0]+"/"+t:t}function Lt(t,e){let s=e.split(`
|
|
455
458
|
`),n=s.map(l=>l.trim()).filter(l=>l.length>0);if(n.length===0)return null;let a=t.split(`
|
|
456
|
-
`);for(let l=0;l<=a.length-n.length;l++){let f=!0,g=0,h=0;for(let d=l;d<a.length&&h<n.length;d++){if(a[d].trim()===""){g++;continue}if(a[d].trim()!==n[h]){f=!1;break}h++,g++}if(f&&h===n.length)return
|
|
459
|
+
`);for(let l=0;l<=a.length-n.length;l++){let f=!0,g=0,h=0;for(let d=l;d<a.length&&h<n.length;d++){if(a[d].trim()===""){g++;continue}if(a[d].trim()!==n[h]){f=!1;break}h++,g++}if(f&&h===n.length)return Pe(t,a,l,g)}let i=s.map(l=>l.trimStart());for(let l=0;l<=a.length-i.length;l++){let f=!0;for(let g=0;g<i.length;g++)if(i[g]!==""&&a[l+g].trimStart()!==i[g].trimEnd()){f=!1;break}if(f)return Pe(t,a,l,i.length)}let r=n.join(`
|
|
457
460
|
`).toLowerCase(),m=n.length,c=0,u=-1,p=0,x=Math.max(1,Math.floor(m*.8)),S=Math.min(a.length,Math.ceil(m*1.2));for(let l=x;l<=S;l++)for(let f=0;f<=a.length-l;f++){let g=a.slice(f,f+l).map(d=>d.trim()).filter(d=>d).join(`
|
|
458
|
-
`).toLowerCase(),h=Ct(r,g);h>c&&(c=h,u=f,p=l)}return c>=.8&&u>=0?
|
|
459
|
-
`&&i--,{start:a,end:i}}function Ct(t,e){if(t===e)return 1;if(!t||!e)return 0;let s=new Set,n=new Set;for(let i=0;i<=t.length-3;i++)s.add(t.slice(i,i+3));for(let i=0;i<=e.length-3;i++)n.add(e.slice(i,i+3));if(s.size===0||n.size===0)return 0;let a=0;for(let i of s)n.has(i)&&a++;return a/(s.size+n.size-a)}async function
|
|
461
|
+
`).toLowerCase(),h=Ct(r,g);h>c&&(c=h,u=f,p=l)}return c>=.8&&u>=0?Pe(t,a,u,p):null}function Pe(t,e,s,n){let a=0;for(let r=0;r<s;r++)a+=e[r].length+1;let i=a;for(let r=s;r<s+n;r++)i+=e[r].length+1;return i>0&&i<=t.length&&t[i-1]===`
|
|
462
|
+
`&&i--,{start:a,end:i}}function Ct(t,e){if(t===e)return 1;if(!t||!e)return 0;let s=new Set,n=new Set;for(let i=0;i<=t.length-3;i++)s.add(t.slice(i,i+3));for(let i=0;i<=e.length-3;i++)n.add(e.slice(i,i+3));if(s.size===0||n.size===0)return 0;let a=0;for(let i of s)n.has(i)&&a++;return a/(s.size+n.size-a)}async function ce(t){let e=t.dataset.file,s=t.dataset.search,n=t.dataset.replace;if(!e||!s||!n)return;t.disabled=!0,t.innerHTML='<span class="om-spinner"></span>',t.style.opacity="0.5",t.style.pointerEvents="none";let a=t.closest(".om-diff-card");if(a){let c=a.querySelector(".om-diff-actions");c&&(c.innerHTML='<span class="om-spinner"></span> Applying...')}await new Promise(c=>requestAnimationFrame(c));let i,r;try{i=se(s),r=se(n)}catch{o.messages.push({role:"system",content:`Failed to decode diff data for ${e}`}),z();return}let m=De(e);try{if(!i&&r){if((await N("fs.write",{path:m,content:r}))?.payload?.ok===!1)o.messages.push({role:"system",content:`Write failed: ${e}`});else{let g=a?.dataset.diffIdx;g!==void 0?o.messages[parseInt(g)]={role:"system",content:`Created ${e}`}:o.messages.push({role:"system",content:`Created ${e}`})}z(),ie();return}let c,u=m,p=[m];e!==m&&p.push(e);let x=e.split("/").pop()||e,S=o.roots[0]||"",l=S?`${S}/${x}`:x;l!==m&&l!==e&&p.push(l);for(let f of p){let h=(await N("fs.read",{path:f}).catch(()=>null))?.payload?.content;if(h!=null){c=String(h),u=f;break}}if(!c)o.messages.push({role:"system",content:`Could not read ${e} \u2014 tried: ${p.join(", ")}`});else{let f=c.split(i).length-1;if(f===1){let g=await N("fs.write",{path:u,content:c.replace(i,r)});if(g?.payload?.ok===!1)o.messages.push({role:"system",content:`Write failed: ${e} - ${g.payload?.error||"unknown"}`});else{let h=a?.dataset.diffIdx;h!==void 0?o.messages[parseInt(h)]={role:"system",content:`Applied change to ${e}. Reloading...`}:o.messages.push({role:"system",content:`Applied change to ${e}. Reloading...`})}}else if(f>1)o.messages.push({role:"system",content:`Found ${f} exact matches in ${e} \u2014 expected 1. Edit not applied.`});else{let g=Lt(c,i);if(g){let h=c.slice(0,g.start)+r+c.slice(g.end),d=await N("fs.write",{path:u,content:h});if(d?.payload?.ok===!1)o.messages.push({role:"system",content:`Write failed: ${e} - ${d.payload?.error||"unknown"}`});else{let E=a?.dataset.diffIdx;E!==void 0?o.messages[parseInt(E)]={role:"system",content:`Applied change to ${e} (fuzzy match). Reloading...`}:o.messages.push({role:"system",content:`Applied change to ${e} (fuzzy match). Reloading...`})}}else o.messages.push({role:"system",content:`No matching code found in ${e}. The file may have changed since the suggestion.`})}}}catch(c){o.messages.push({role:"system",content:`Failed to apply: ${e} \u2014 ${c.message}`})}z(),ie(),ce._batchMode||setTimeout(()=>{window.location.reload()},1500)}function st(t){t.disabled=!0,t.style.opacity="0.5";let e=t.dataset.idx;if(e!==void 0){let s=parseInt(e);try{let n=JSON.parse(se(o.messages[s]?.content.slice(8)||"")),a=(n.search||"").split(`
|
|
460
463
|
`)[0].slice(0,80),i=(n.replace||"").split(`
|
|
461
|
-
`)[0].slice(0,80);o.messages[s]={role:"system",content:`Rejected change to ${n.file||"file"}: "${a}" \u2192 "${i}"`}}catch{o.messages[s]={role:"system",content:"Change rejected"}}}z(),ie()}function Tt(t){let e=A.querySelector(".om-apply-bar");if(e)if(t>0){e.classList.remove("om-hidden");let s=e.querySelector(".om-apply-bar-text");s&&(s.textContent=`${t} change${t>1?"s":""} ready`)}else e.classList.add("om-hidden")}function at(){let t=A.querySelector(".om-apply-bar");t&&t.classList.add("om-hidden")}async function dt(t){let e=t.dataset.file;if(!e)return;let s=
|
|
464
|
+
`)[0].slice(0,80);o.messages[s]={role:"system",content:`Rejected change to ${n.file||"file"}: "${a}" \u2192 "${i}"`}}catch{o.messages[s]={role:"system",content:"Change rejected"}}}z(),ie()}function Tt(t){let e=A.querySelector(".om-apply-bar");if(e)if(t>0){e.classList.remove("om-hidden");let s=e.querySelector(".om-apply-bar-text");s&&(s.textContent=`${t} change${t>1?"s":""} ready`)}else e.classList.add("om-hidden")}function at(){let t=A.querySelector(".om-apply-bar");t&&t.classList.add("om-hidden")}async function dt(t){let e=t.dataset.file;if(!e)return;let s=De(e);try{(await N("fs.undo",{path:s}))?.payload?.ok?o.messages.push({role:"system",content:`Reverted change to ${e}`}):o.messages.push({role:"system",content:`No backup found for ${e}`})}catch{o.messages.push({role:"system",content:`Could not revert ${e} \u2014 backup may not exist`})}z()}async function it(t,e){switch(t){case"select":Nt();break;case"screenshot":Ot();break;case"chat":_e("chat");break;case"settings":_e("settings");break;case"close-panel":we();break;case"prompt-send":Ae();break;case"save-settings":_t();break;case"get-key":{let s=e.dataset.url;s&&window.open(s,"_blank","noopener");break}case"change-key":{let s=A.querySelector("[data-key-change]");s&&s.classList.remove("om-hidden"),e.style.display="none";break}case"network":_e("chat"),Rt();break;case"attach-image":At();break;case"remove-attachment":{let s=parseInt(e.dataset.idx||"0",10);o.attachments.splice(s,1),je();break}case"apply-diff":ce(e);break;case"reject-diff":st(e);break;case"apply-all":{let s=Array.from(A.querySelectorAll('[data-action="apply-diff"]'));if(s.length===0)break;let n=new Set;for(let r of s){let m=r.dataset.file;m&&n.add(De(m))}let a=new Map;for(let r of n)try{let m=await N("fs.read",{path:r}).catch(()=>null);m?.payload?.content&&a.set(r,String(m.payload.content))}catch{}ce._batchMode=!0;let i=!1;for(let r of s)try{await ce(r)}catch{i=!0;break}if(ce._batchMode=!1,i&&a.size>0){for(let[r,m]of a)try{await N("fs.write",{path:r,content:m})}catch{}o.messages.push({role:"system",content:"Batch apply failed \u2014 all changes reverted."}),z()}at(),i||setTimeout(()=>{window.location.reload()},1500);break}case"reject-all":{let s=A.querySelectorAll('[data-action="reject-diff"]');for(let n of Array.from(s))st(n);at();break}case"undo-diff":dt(e);break;case"clear-chat":{o.messages=[];try{sessionStorage.removeItem("__om_state__")}catch{}z();break}case"copy-msg":{let s=parseInt(e.dataset.idx||"0",10);e.innerHTML='<span class="om-spinner"></span>',rt(s).then(n=>{try{navigator.clipboard.writeText(n)}catch{}e.innerHTML=_.check,setTimeout(()=>{e.innerHTML=_.copy},1500)});break}case"report-issue":{e.innerHTML='<span class="om-spinner"></span>',rt().then(s=>{try{navigator.clipboard.writeText(s)}catch{}e.innerHTML=_.bug,window.open("https://github.com/Kalmuraee/OpenMagic/issues/new?template=bug_report.yml","_blank","noopener"),o.messages.push({role:"system",content:"Debug info copied to clipboard. Paste it in the Debug Info field on GitHub."}),o.panelOpen&&z()});break}case"clear-element":o.selectedElement=null,me();break;case"clear-screenshot":o.screenshot=null,me();break;case"minimize":{o.minimized=!o.minimized;let s=A.querySelector(".om-panel"),n=A.querySelector(".om-prompt-row"),a=A.querySelector(".om-prompt-attachments"),i=B.querySelectorAll(".om-pill-btn:not([data-action='minimize']), .om-pill-divider, .om-status-dot");o.minimized?(s&&s.classList.add("om-hidden"),n&&n.classList.add("om-hidden"),a&&a.classList.add("om-hidden"),i.forEach(r=>r.style.display="none")):(n&&n.classList.remove("om-hidden"),a&&a.classList.remove("om-hidden"),i.forEach(r=>r.style.display=""),o.panelOpen&&o.activePanel&&s&&s.classList.remove("om-hidden"));break}}}function ve(){let t=A.querySelector(".om-status-dot");if(t){let e=o.updateAvailable?"outdated":o.connected?"connected":"disconnected";t.className=`om-status-dot ${e}`,t.setAttribute("title",o.updateAvailable?`v${o.latestVersion} available \u2014 run npx openmagic@latest`:o.connected?"Connected":"Disconnected")}}function ue(){A.querySelectorAll(".om-pill-btn").forEach(t=>{let e=t.dataset.action;t.classList.toggle("active",e===o.activePanel||e==="select"&&o.selecting)})}function pt(){let t=A.querySelector(".om-model-switcher");if(!t)return;let e=Q[o.provider];if(!e){t.innerHTML="";return}let s=e.models.map(n=>`<option value="${n.id}" ${o.model===n.id?"selected":""}>${n.name}</option>`).join("");t.innerHTML=s}function me(){let t=[];o.selectedElement&&t.push(`<span class="om-prompt-chip">${o.selectedElement.tagName}${o.selectedElement.id?"#"+o.selectedElement.id:""} <button class="om-prompt-chip-x" data-action="clear-element">${_.x}</button></span>`),o.screenshot&&t.push(`<span class="om-prompt-chip">Screenshot <button class="om-prompt-chip-x" data-action="clear-screenshot">${_.x}</button></span>`),o.attachments.length&&t.push(`<span class="om-prompt-chip">${o.attachments.length} image${o.attachments.length>1?"s":""}</span>`),o.groundedFiles.length&&t.push(`<span class="om-prompt-chip">${o.groundedFiles.length} files grounded</span>`);let e=(o.selectedElement?.outerHTML?.length||0)+(o.screenshot?1e3:0)+o.groundedFiles.length*4e3;if(e>2e3){let s=Math.round(e/4),n=s>1e4?`~${Math.round(s/1e3)}K tokens`:`~${s} tokens`;t.push(`<span class="om-prompt-chip om-prompt-chip-tokens">${n}</span>`)}lt.innerHTML=t.join("")}function te(t){o.panelOpen=!0,o.activePanel=t,Ie.classList.remove("om-hidden");let e=A.querySelector(".om-panel-title");e&&(e.textContent=t==="settings"?"Settings":"Chat"),z(),ue()}function we(){o.panelOpen=!1,o.activePanel="",Ie.classList.add("om-hidden"),ue()}function _e(t){o.panelOpen&&o.activePanel===t?we():te(t)}function z(){o.activePanel==="settings"?J.innerHTML=Ht():o.activePanel==="chat"&&(J.innerHTML=Pt(),ie()),ct()}function Ht(){let t=Object.entries(Q).map(([l,f])=>{let g=o.detectedClis.find(d=>d.id===l),h="";return g?g.installed&&g.authenticated?h=" \u2713 ready":g.installed?h=" (not logged in)":h=" (not installed)":h=o.configuredProviders[l]||f.local?" \u2713":"",`<option value="${l}" ${o.provider===l?"selected":""}>${f.name}${h}</option>`}).join(""),e=Q[o.provider],s=e?e.models.map(l=>`<option value="${l.id}" ${o.model===l.id?"selected":""}>${l.name}</option>`).join(""):'<option value="">Select provider first</option>',n=e?.local||!1,a=e?.keyUrl||"",i=e?.keyPlaceholder||"Enter API key...",r=o.configuredProviders[o.provider]||!1,m=o.updateAvailable?`<div class="om-update-banner">v${o.latestVersion} available <code class="om-update-cmd">npx openmagic@latest</code></div>`:"",c=r||n?`<div class="om-status om-status-success">${_.check} ${e?.name||"Provider"} connected</div>`:"",u=o.saveStatus==="saving"?'<span class="om-spinner"></span> Saving...':o.saveStatus==="saved"?`${_.check} Saved`:"Save",p=o.saveStatus==="saving"?"om-btn om-btn-saving":o.saveStatus==="saved"?"om-btn om-btn-saved":"om-btn",x=o.saveStatus==="saving"?"disabled":"",S="";return!n&&o.provider&&(r?S=`
|
|
462
465
|
<div class="om-field">
|
|
463
466
|
<label class="om-label">API Key</label>
|
|
464
467
|
<div class="om-key-configured">
|
|
@@ -493,30 +496,30 @@
|
|
|
493
496
|
${S}
|
|
494
497
|
<button class="${p}" data-action="save-settings" ${x}>${u}</button>
|
|
495
498
|
${c}
|
|
496
|
-
</div>`}function Pt(){if(!o.provider||!o.hasApiKey&&!Q[o.provider]?.local)return'<div class="om-status om-status-error">Configure your provider in Settings first</div>';let t=o.messages.map((n,a)=>{if(n.content.startsWith("__DIFFGROUP__"))return"";if(n.content.startsWith("__DIFF__"))try{let r=JSON.parse(se(n.content.slice(8))),m=r.type==="create"||!r.search&&r.replace,c=
|
|
499
|
+
</div>`}function Pt(){if(!o.provider||!o.hasApiKey&&!Q[o.provider]?.local)return'<div class="om-status om-status-error">Configure your provider in Settings first</div>';let t=o.messages.map((n,a)=>{if(n.content.startsWith("__DIFFGROUP__"))return"";if(n.content.startsWith("__DIFF__"))try{let r=JSON.parse(se(n.content.slice(8))),m=r.type==="create"||!r.search&&r.replace,c=xe(r.search||""),u=xe(r.replace||""),p=m?"Create new file":"Edit",x=Dt(r.search||"",r.replace||"");return`<div class="om-diff-card" data-diff-idx="${a}">
|
|
497
500
|
<div class="om-diff-file">${G(p)}: ${G(r.file)}</div>
|
|
498
501
|
<div class="om-diff-lines">${x}</div>
|
|
499
502
|
<div class="om-diff-actions">
|
|
500
503
|
<button class="om-btn om-btn-sm" data-action="apply-diff" data-file="${G(r.file)}" data-search="${c}" data-replace="${u}">Apply</button>
|
|
501
504
|
<button class="om-btn-secondary om-btn-sm" data-action="reject-diff" data-idx="${a}">Reject</button>
|
|
502
505
|
</div>
|
|
503
|
-
</div>`}catch{return'<div class="om-msg om-msg-system">Malformed diff data</div>'}if(n.content.startsWith("Applied change to ")){let r=n.content.replace("Applied change to ","").replace(/ \(fuzzy match.*?\)/g,"").replace(". Reloading...","");return`<div class="om-msg om-msg-system">${G(n.content)} <button class="om-undo-btn" data-action="undo-diff" data-file="${G(r)}">Undo</button></div>`}let i=n.role==="user"||n.role==="assistant"?`<button class="om-copy-btn" data-action="copy-msg" data-idx="${a}" title="Copy">${_.copy}</button>`:"";return n.role==="assistant"?`<div class="om-msg om-msg-assistant">${jt(n.content)}${i}</div>`:`<div class="om-msg om-msg-${n.role}">${G(n.content)}${i}</div>`}).join(""),e=o.streaming?'<div class="om-msg om-msg-assistant"><span class="om-spinner"></span> Generating response...</div>':"";return`<div class="om-chat-messages">${!o.messages.length&&!o.streaming?'<div class="om-chat-empty">Select an element or type below to start</div>':""}${t}${e}</div>`}function ie(){requestAnimationFrame(()=>{let t=J.querySelector(".om-chat-messages");t&&(t.scrollTop=t.scrollHeight)})}async function _t(){let e=J.querySelector('[data-field="apiKey"]')?.value||"";if(!o.provider){o.saveStatus="error",
|
|
506
|
+
</div>`}catch{return'<div class="om-msg om-msg-system">Malformed diff data</div>'}if(n.content.startsWith("Applied change to ")){let r=n.content.replace("Applied change to ","").replace(/ \(fuzzy match.*?\)/g,"").replace(". Reloading...","");return`<div class="om-msg om-msg-system">${G(n.content)} <button class="om-undo-btn" data-action="undo-diff" data-file="${G(r)}">Undo</button></div>`}let i=n.role==="user"||n.role==="assistant"?`<button class="om-copy-btn" data-action="copy-msg" data-idx="${a}" title="Copy">${_.copy}</button>`:"";return n.role==="assistant"?`<div class="om-msg om-msg-assistant" dir="auto">${jt(n.content)}${i}</div>`:`<div class="om-msg om-msg-${n.role}" dir="auto">${G(n.content)}${i}</div>`}).join(""),e=o.streaming?'<div class="om-msg om-msg-assistant"><span class="om-spinner"></span> Generating response...</div>':"";return`<div class="om-chat-messages">${!o.messages.length&&!o.streaming?'<div class="om-chat-empty">Select an element or type below to start</div>':""}${t}${e}</div>`}function ie(){requestAnimationFrame(()=>{let t=J.querySelector(".om-chat-messages");t&&(t.scrollTop=t.scrollHeight)})}async function _t(){let e=J.querySelector('[data-field="apiKey"]')?.value||"";if(!o.provider){o.saveStatus="error",be(),setTimeout(()=>{o.saveStatus="",z()},2e3);return}if(!Te()){o.saveStatus="error",be();let n=J.querySelector('[data-action="save-settings"]');n&&(n.innerHTML="Not connected - check terminal"),setTimeout(()=>{o.saveStatus="",z()},3e3);return}let s={provider:o.provider,model:o.model};e&&(s.apiKey=e),o.saveStatus="saving",be();try{let n=await Promise.race([N("config.set",s),new Promise((a,i)=>setTimeout(()=>i(new Error("Save timed out")),8e3))]);e&&o.provider&&(o.configuredProviders[o.provider]=!0),o.hasApiKey=!!(e||o.configuredProviders[o.provider]),o.saveStatus="saved",be(),pt(),setTimeout(()=>{o.saveStatus="",o.activePanel==="settings"&&te("chat")},1200)}catch(n){o.saveStatus="error";let a=J.querySelector('[data-action="save-settings"]'),i=(n?.message||"").includes("timeout")?"Connection timeout - is the CLI running?":(n?.message||"").includes("connected")?"Not connected to OpenMagic server":`Save failed: ${n?.message||"Unknown error"}`;a&&(a.innerHTML=i,a.className="om-btn",a.disabled=!1),setTimeout(()=>{o.saveStatus="",z()},4e3)}}function be(){let t=J.querySelector('[data-action="save-settings"]');t&&(o.saveStatus==="saving"?(t.innerHTML='<span class="om-spinner"></span> Saving...',t.className="om-btn om-btn-saving",t.disabled=!0):o.saveStatus==="saved"?(t.innerHTML=`${_.check} Saved`,t.className="om-btn om-btn-saved",t.disabled=!1):o.saveStatus==="error"?(t.innerHTML="Save failed - try again",t.className="om-btn",t.disabled=!1):(t.innerHTML="Save",t.className="om-btn",t.disabled=!1))}async function Ae(){let t=ee.value.trim();if(!t||o.streaming)return;if(!o.provider||!o.hasApiKey&&!Q[o.provider]?.local){te("settings");return}o.messages.push({role:"user",content:t}),o.streaming=!0,o.streamContent="",ee.value="",te("chat");let e=nt(o.selectedElement,o.screenshot);e.pageUrl=window.location.href,e.pageTitle=document.title,o.attachments.length>0&&(e.screenshot||(e.screenshot=o.attachments[0]),e.attachments=[...o.attachments]);let s=8,n=48e3,a=/\.(?:[cm]?[jt]sx?|svelte|vue|astro|html?|css|scss|less|php|py)$/i,i=J.querySelector(".om-msg-assistant:last-child");i&&(i.innerHTML='<span class="om-spinner"></span> Reading project files...');try{let u=await N("fs.list",{});u?.payload?.projectTree&&(e.projectTree=u.payload.projectTree);let x=(u?.payload?.files||[]).filter(y=>y.type==="file"&&a.test(y.path)),S=[t];if(o.selectedElement&&(o.selectedElement.id&&S.push(o.selectedElement.id),o.selectedElement.className&&S.push(o.selectedElement.className),o.selectedElement.textContent&&S.push(o.selectedElement.textContent.slice(0,100)),o.selectedElement.componentHint&&S.push(o.selectedElement.componentHint),o.selectedElement.ancestry))for(let y of o.selectedElement.ancestry)S.push(y);let l=S.filter(Boolean).join(" ").toLowerCase().split(/[^a-z0-9_-]+/).filter(y=>y.length>=2&&!["the","to","in","of","and","div","span","class","style"].includes(y)),g=window.location.pathname.split("/").filter(y=>y.length>1&&!/^\d+$/.test(y)),h="";if(o.selectedElement?.componentHint||g.length){let y=(o.selectedElement?.componentHint||"").toLowerCase(),w=new Map;for(let R of x){let C=R.path.split("/")[0];if(!C||C.includes("."))continue;let F=R.path.toLowerCase(),W=w.get(C)||0;y&&F.includes(y)&&(W+=10);for(let V of g)F.includes(V.toLowerCase())&&(W+=5);/(component|page|route|layout)/.test(F)&&(W+=1),w.set(C,W)}let $=0;for(let[R,C]of w)C>$&&($=C,h=R)}let d=x.map(y=>{let w=0,$=y.path.toLowerCase(),R=$.replace(/\([^)]+\)\//g,"");if(h){let C=y.path.split("/")[0];C===h?w+=20:C!==h&&!y.path.includes("/")?w+=0:w-=15}for(let C of g)R.includes(C.toLowerCase())&&(w+=15);if(o.selectedElement?.componentHint){let C=o.selectedElement.componentHint.toLowerCase();$.includes(C)&&(w+=12)}for(let C of l)$.includes(C)&&(w+=5);return/(component|page|route|layout|template|view)/.test($)&&(w+=3),/page\.[jt]sx?$|layout\.[jt]sx?$|\+page\.svelte$/.test($)&&(w+=5),{...y,score:w}}).sort((y,w)=>w.score-y.score),E=[],b=new Set,M=0,j=d.slice(0,s).filter(y=>y.score>0),D=o.roots[0]||"",ne=await Promise.all(j.map(y=>{let w=D?`${D}/${y.path}`:y.path;return N("fs.read",{path:w}).catch(()=>null)}));for(let y=0;y<j.length;y++){let w=j[y];if(M>=n)break;try{let $=String(ne[y]?.payload?.content||"");if(!$)continue;let R=Math.min(12e3,n-M),C=$.slice(0,R);$.length>R&&(C+=`
|
|
504
507
|
// [FILE TRUNCATED \u2014 showing ${R} of ${$.length} chars]`),E.push({path:w.path,content:C}),b.add(w.path),M+=C.length;let F=w.path.replace(/\.[^.]+$/,""),W=[".module.css",".module.scss",".css",".scss",".styles.ts"];for(let L of W){let v=F+L;if(b.has(v)||M>=n)continue;if(x.find(P=>P.path===v)){try{let P=await N("fs.read",{path:D?`${D}/${v}`:v}),H=String(P?.payload?.content||"");if(H){let O=Math.min(4e3,n-M),I=H.slice(0,O);H.length>O&&(I+=`
|
|
505
508
|
// [FILE TRUNCATED \u2014 showing ${O} of ${H.length} chars]`),E.push({path:v,content:I}),b.add(v),M+=I.length}}catch{}break}}if(E.length<=2&&M<n){let L=["layout.tsx","layout.jsx","layout.js","layout.ts"],v=w.path.replace(/\/[^/]+$/,""),T=0;for(;v&&T<4&&M<n;){let P=!1;for(let O of L){let I=`${v}/${O}`;if(b.has(I)){P=!0;break}try{let q=await N("fs.read",{path:D?`${D}/${I}`:I}).catch(()=>null),Z=String(q?.payload?.content||"");if(Z){let Y=Math.min(4e3,n-M),oe=Z.slice(0,Y);Z.length>Y&&(oe+=`
|
|
506
509
|
// [TRUNCATED]`),E.push({path:I,content:oe}),b.add(I),M+=oe.length,P=!0;break}}catch{}}let H=v.replace(/\/[^/]+$/,"");if(H===v||!H)break;v=H,T++}}let V={},re=E.find(L=>L.path==="tsconfig.json"||L.path==="tsconfig.app.json");if(re)try{let L=JSON.parse(re.content.replace(/\/\/.*$/gm,"").replace(/,\s*([}\]])/g,"$1")),v=L?.compilerOptions?.paths||{},T=L?.compilerOptions?.baseUrl||".";for(let[P,H]of Object.entries(v)){let O=H?.[0];if(P&&O){let I=P.replace(/\/\*$/,"/"),q=O.replace(/\/\*$/,"/"),Z=T==="."?q:`${T}/${q}`;V[I]=Z}}}catch{}let k=$.matchAll(/(?:import|from)\s+['"]\.?\.\/([\w/.-]+)['"]/g);for(let L of k){if(M>=n)break;let v=L[1],T=w.path.replace(/\/[^/]+$/,""),P=[`${T}/${v}`,`${T}/${v}.tsx`,`${T}/${v}.ts`,`${T}/${v}.jsx`,`${T}/${v}.js`,`${T}/${v}/index.tsx`,`${T}/${v}/index.ts`];for(let H of P){if(b.has(H))break;if(x.find(I=>I.path===H)){try{let I=await N("fs.read",{path:D?`${D}/${H}`:H}),q=String(I?.payload?.content||"");if(q){let Z=Math.min(8e3,n-M),Y=q.slice(0,Z);q.length>Z&&(Y+=`
|
|
507
|
-
// [FILE TRUNCATED \u2014 showing ${Z} of ${q.length} chars]`),E.push({path:H,content:Y}),b.add(H),M+=Y.length}}catch{}break}}}if(Object.keys(V).length>0){let L=$.matchAll(/(?:import|from)\s+['"]([^.'"]\S+)['"]/g);for(let v of L){if(M>=n)break;let T=v[1];for(let[P,H]of Object.entries(V)){if(!T.startsWith(P))continue;let O=T.replace(P,H),I=[O,`${O}.tsx`,`${O}.ts`,`${O}.jsx`,`${O}.js`,`${O}/index.tsx`,`${O}/index.ts`];for(let q of I){if(b.has(q))break;if(x.find(Y=>Y.path===q)){try{let Y=await N("fs.read",{path:D?`${D}/${q}`:q}),oe=String(Y?.payload?.content||"");if(oe){let
|
|
508
|
-
// [TRUNCATED]`),E.push({path:q,content
|
|
509
|
-
/* [TRUNCATED] */`),E.push({path:$,content:V}),b.add($),M+=V.length}}catch{}}if(E.length){e.files=E;let y=E.map(w=>w.path.split("/").pop()).join(", ");i&&(i.innerHTML=`<span class="om-spinner"></span> Thinking... (${E.length} files: ${y})`)}o.groundedFiles=E.map(y=>y.path)}catch{}let r=4,m=0,c=new Set;try{for(;m<=r;){o.streamContent="";let u=await
|
|
510
|
+
// [FILE TRUNCATED \u2014 showing ${Z} of ${q.length} chars]`),E.push({path:H,content:Y}),b.add(H),M+=Y.length}}catch{}break}}}if(Object.keys(V).length>0){let L=$.matchAll(/(?:import|from)\s+['"]([^.'"]\S+)['"]/g);for(let v of L){if(M>=n)break;let T=v[1];for(let[P,H]of Object.entries(V)){if(!T.startsWith(P))continue;let O=T.replace(P,H),I=[O,`${O}.tsx`,`${O}.ts`,`${O}.jsx`,`${O}.js`,`${O}/index.tsx`,`${O}/index.ts`];for(let q of I){if(b.has(q))break;if(x.find(Y=>Y.path===q)){try{let Y=await N("fs.read",{path:D?`${D}/${q}`:q}),oe=String(Y?.payload?.content||"");if(oe){let qe=Math.min(8e3,n-M),$e=oe.slice(0,qe);oe.length>qe&&($e+=`
|
|
511
|
+
// [TRUNCATED]`),E.push({path:q,content:$e}),b.add(q),M+=$e.length}}catch{}break}}break}}}}catch{}}if(M<n)try{let y=o.roots[0]||"",w=await N("fs.read",{path:y?`${y}/package.json`:"package.json"}),$=String(w?.payload?.content||"");if($)try{let R=JSON.parse($),C={...R.dependencies,...R.devDependencies},F=JSON.stringify(C,null,2);E.push({path:"package.json (dependencies)",content:F.slice(0,2e3)})}catch{E.push({path:"package.json",content:$.slice(0,2e3)})}}catch{}if(M<n){let y=o.roots[0]||"",w=["tailwind.config.ts","tailwind.config.js","tailwind.config.mjs","src/app/globals.css","src/styles/globals.css","styles/globals.css","app/globals.css","src/index.css","src/global.css","tsconfig.json","tsconfig.app.json","next.config.js","next.config.mjs","next.config.ts","vite.config.ts","vite.config.js","astro.config.mjs","astro.config.ts"];for(let $ of w)if(!(M>=n||b.has($)))try{let R=y?`${y}/${$}`:$,C=await N("fs.read",{path:R}).catch(()=>null),F=String(C?.payload?.content||"");if(F){let W=Math.min(12e3,n-M),V=F.slice(0,W);F.length>W&&(V+=`
|
|
512
|
+
/* [TRUNCATED] */`),E.push({path:$,content:V}),b.add($),M+=V.length}}catch{}}if(E.length){e.files=E;let y=E.map(w=>w.path.split("/").pop()).join(", ");i&&(i.innerHTML=`<span class="om-spinner"></span> Thinking... (${E.length} files: ${y})`)}o.groundedFiles=E.map(y=>y.path)}catch{}let r=4,m=0,c=new Set;try{for(;m<=r;){o.streamContent="";let u=await We("llm.chat",{provider:o.provider,model:o.model,messages:o.messages.map(d=>({role:d.role,content:d.content})),context:e},d=>{o.streamContent+=d}),p=o.streamContent||u?.content||"",x=p;try{let d=JSON.parse(p);d.explanation&&(x=d.explanation)}catch{let d=p.match(/```(?:json)?\s*([\s\S]*?)```/);if(d)try{let E=JSON.parse(d[1]);E.explanation&&(x=E.explanation)}catch{}}let S=u?.modifications?.some(d=>d.type==="edit"&&d.file&&d.search&&d.replace||d.type==="create"&&d.file&&d.content),l=!S&&(x.match(/NEED_FILE:\s*"?([^\s"}\]]+)"?/)||x.match(/(?:need|provide|show|read|see|contents?\s+of)\s+(?:the\s+)?(?:file\s+)?[`"']?([a-zA-Z0-9_/.@-]+\.[a-z]{1,5})[`"']?/i)||x.match(/(?:source\s+(?:file|code)\s+(?:for|of|at))\s+[`"']?([a-zA-Z0-9_/.@-]+\.[a-z]{1,5})[`"']?/i)||p.match(/NEED_FILE:\s*\\?"?([^\s"\\}\]]+)"?/));if(l&&m<r&&!c.has(l[1].trim())){let d=l[1].trim();c.add(d),m++;let E=J.querySelector(".om-msg-assistant:last-child");E&&(E.innerHTML=`<span class="om-spinner"></span> Reading ${d}...`);try{let b=o.roots[0]||"",M=b?`${b}/${d}`:d,j,D=[M];d!==M&&D.push(d);let ne=d.split("/").pop()||d,y=b?`${b}/${ne}`:ne;y!==M&&y!==d&&D.push(y);for(let w of D){let $=await N("fs.read",{path:w}).catch(()=>null);if($?.payload?.content){j=String($.payload.content);break}}if(j){e.files||(e.files=[]);let w=e.files.findIndex(R=>R.path===d||R.path.endsWith("/"+d)||d.endsWith("/"+R.path)),$=j.slice(0,16e3);w>=0?e.files[w]={path:d,content:$}:e.files.push({path:d,content:$})}else{o.messages.push({role:"system",content:`Could not read ${d}`});break}}catch{o.messages.push({role:"system",content:`File not found: ${d}`});break}continue}let f=!S&&(x.match(/SEARCH_FILES:\s*"([^"]+)"(?:\s+in\s+(\S+))?/)||p.match(/SEARCH_FILES:\s*\\?"([^"\\]+)\\?"(?:\s+in\s+(\S+))?/)),g=e.searchResults?.some(d=>d.query===f?.[1]);if(f&&m<r&&!g){let d=f[1],E=f[2]||"";m++;let b=J.querySelector(".om-msg-assistant:last-child");b&&(b.innerHTML=`<span class="om-spinner"></span> Searching: "${d}"...`);try{let j=(await Promise.race([N("fs.grep",{pattern:d,path:E}),new Promise((D,ne)=>setTimeout(()=>ne(new Error("grep timeout")),5e3))]))?.payload?.results||[];j.length&&(e.searchResults||(e.searchResults=[]),e.searchResults.push({query:d,matches:j}))}catch{}continue}let h=x.replace(/^NEED_FILE:\s*\S+\s*/gm,"").replace(/^SEARCH_FILES:\s*"[^"]*"(?:\s+in\s+\S+)?\s*/gm,"").trim();if(h||(h="I couldn't determine the exact change from the available files. Try selecting a more specific element or giving more detail."),o.messages.push({role:"assistant",content:h}),u?.modifications?.length){let d=Math.random().toString(36).slice(2),E=u.modifications.filter(b=>b.type==="edit"&&b.file&&b.search&&b.replace||b.type==="create"&&b.file&&b.content);Tt(E.length);for(let b of u.modifications)if(b.type==="edit"&&b.file&&b.search&&b.replace){let M=Math.random().toString(36).slice(2),j=JSON.stringify({id:M,file:b.file,search:b.search,replace:b.replace,groupId:d});o.messages.push({role:"system",content:`__DIFF__${xe(j)}`})}else if(b.type==="create"&&b.file&&b.content){let M=Math.random().toString(36).slice(2),j=JSON.stringify({id:M,file:b.file,search:"",replace:b.content,type:"create",groupId:d});o.messages.push({role:"system",content:`__DIFF__${xe(j)}`})}else b.type==="delete"&&b.file&&o.messages.push({role:"system",content:`LLM proposed deleting ${b.file} \u2014 skipped (use edit with search/replace instead)`})}break}}catch(u){o.streamContent.trim().length>20?(o.messages.push({role:"assistant",content:o.streamContent.trim()}),o.messages.push({role:"system",content:`Response interrupted: ${u.message}. Partial response shown above.`})):o.messages.push({role:"system",content:`Error: ${u.message}`})}o.streaming=!1,o.streamContent="",o.attachments=[],je(),z(),ie()}function Rt(){let t=window.performance,e=t.getEntriesByType("navigation")[0],s=t.getEntriesByType("paint"),n=t.getEntriesByType("resource").slice(-20),a=ge(),i=ye(),r=[];r.push("--- Network & Performance Capture ---"),e&&(r.push(`Page load: ${Math.round(e.loadEventEnd-e.startTime)}ms`),r.push(`DOM ready: ${Math.round(e.domContentLoadedEventEnd-e.startTime)}ms`),r.push(`TTFB: ${Math.round(e.responseStart-e.startTime)}ms`));let m=s.find(c=>c.name==="first-contentful-paint");if(m&&r.push(`FCP: ${Math.round(m.startTime)}ms`),n.length){let c=n.filter(p=>p.initiatorType==="fetch"||p.initiatorType==="xmlhttprequest"),u=c.length>0?c:n;r.push(`
|
|
510
513
|
All network requests (${u.length}):`);for(let p of u.slice(-30)){let x=p.name.length>80?"..."+p.name.slice(-77):p.name,S=p.responseStatus||"";r.push(` ${Math.round(p.duration)}ms ${S?`[${S}]`:""} ${x}`)}}if(a.length){r.push(`
|
|
511
514
|
Fetch/XHR requests (${a.length}):`);for(let c of a.slice(-20))r.push(` ${c.method} ${c.url.slice(0,80)} \u2192 ${c.status||"pending"} (${c.duration||"?"}ms)`)}if(i.length){let c=i.filter(p=>p.level==="error"),u=i.filter(p=>p.level==="warn");c.length&&r.push(`
|
|
512
515
|
Console errors: ${c.length}`),u.length&&r.push(`Console warnings: ${u.length}`)}if(n.length>5){let c=[...n].sort((u,p)=>p.duration-u.duration).slice(0,5);r.push(`
|
|
513
516
|
Slowest resources:`);for(let u of c)r.push(` ${Math.round(u.duration)}ms \u2014 ${u.name.split("/").pop()?.slice(0,60)}`)}o.messages.push({role:"system",content:r.join(`
|
|
514
|
-
`)}),z(),ie(),
|
|
517
|
+
`)}),z(),ie(),me()}function At(){let t=A.querySelector(".om-file-input");t&&t.click()}function Re(t){if(t)for(let e=0;e<t.length&&o.attachments.length<5;e++){let s=t[e];if(!s.type.startsWith("image/")||s.size>10*1024*1024)continue;let n=new FileReader;n.onload=()=>{typeof n.result=="string"&&(o.attachments.push(n.result),je())},n.readAsDataURL(s)}}function je(){let t=A.querySelector(".om-prompt-attachments");if(t){if(!o.attachments.length){t.innerHTML="",t.classList.add("om-hidden");return}t.classList.remove("om-hidden"),t.innerHTML=o.attachments.map((e,s)=>`<div class="om-attachment-thumb">
|
|
515
518
|
<img src="${e}" alt="attachment" />
|
|
516
519
|
<button class="om-attachment-remove" data-action="remove-attachment" data-idx="${s}">${_.x}</button>
|
|
517
|
-
</div>`).join("")}}var
|
|
520
|
+
</div>`).join("")}}var de=null,pe=null;function Nt(){o.selecting?Ne():ke()}function ke(){o.selecting=!0,document.body.style.cursor="crosshair",ue(),pe=e=>{let s=e.target;if(s.closest("openmagic-toolbar")||s.dataset?.openmagic)return;let n=s.getBoundingClientRect();Ve({x:n.x,y:n.y,width:n.width,height:n.height})},de=e=>{e.preventDefault(),e.stopPropagation();let s=e.target;s.closest("openmagic-toolbar")||s.dataset?.openmagic||(o.selectedElement=Ge(s),Ne(),me(),ee.focus())};let t=e=>{e.key==="Escape"&&Ne()};document.addEventListener("mousemove",pe,!0),document.addEventListener("click",de,!0),document.addEventListener("keydown",t,!0),ke._escHandler=t}function Ne(){o.selecting=!1,document.body.style.cursor="",Xe(),pe&&(document.removeEventListener("mousemove",pe,!0),pe=null),de&&(document.removeEventListener("click",de,!0),de=null);let t=ke._escHandler;t&&(document.removeEventListener("keydown",t,!0),ke._escHandler=null),ue()}async function Ot(){let t;try{let n=o.selectedElement?.cssSelector?.trim();n&&(t=document.querySelector(n)||void 0)}catch{}let e=await Je(t||void 0);e.data&&e.data.length>5e3?(o.screenshot=e.data,me(),ee.focus()):(o.messages.push({role:"system",content:"Take a screenshot manually (Cmd+Shift+4 on Mac, Win+Shift+S on Windows), then paste it here (Ctrl+V) or drag it onto the prompt bar."}),te("chat"),z())}function It(){let t=!1,e=0,s=0,n=0,a=0;B.addEventListener("mousedown",i=>{let r=i.target;if(r.closest("[data-action]")||!r.closest(".om-grab")&&!r.closest(".om-pill-brand"))return;t=!0,e=i.clientX,s=i.clientY;let m=B.getBoundingClientRect();n=m.left,a=m.top,i.preventDefault()}),document.addEventListener("mousemove",i=>{t&&(B.style.left=n+i.clientX-e+"px",B.style.top=a+i.clientY-s+"px",B.style.right="auto",B.style.bottom="auto")}),document.addEventListener("mouseup",()=>{if(t){t=!1;try{localStorage.setItem("__om_pos__",JSON.stringify({left:B.style.left,top:B.style.top}))}catch{}}})}function G(t){let e=document.createElement("div");return e.textContent=t,e.innerHTML}function Dt(t,e){let s=t.split(`
|
|
518
521
|
`),n=e.split(`
|
|
519
522
|
`),a=[],i=30,r=Math.min(s.length,i),m=Math.min(n.length,i),c=0;for(;c<r&&c<m&&s[c]===n[c];)c++;let u=0;for(;u<r-c&&u<m-c&&s[r-1-u]===n[m-1-u];)u++;for(let p=0;p<c;p++)a.push(`<div class="om-diff-line om-diff-ctx"><span class="om-diff-ln">${p+1}</span><span class="om-diff-sign"> </span>${G(s[p])}</div>`);for(let p=c;p<r-u;p++)a.push(`<div class="om-diff-line om-diff-del"><span class="om-diff-ln">${p+1}</span><span class="om-diff-sign">-</span>${G(s[p])}</div>`);for(let p=c;p<m-u;p++)a.push(`<div class="om-diff-line om-diff-ins"><span class="om-diff-ln"> </span><span class="om-diff-sign">+</span>${G(n[p])}</div>`);for(let p=r-u;p<r;p++)a.push(`<div class="om-diff-line om-diff-ctx"><span class="om-diff-ln">${p+1}</span><span class="om-diff-sign"> </span>${G(s[p])}</div>`);return s.length>i&&a.push(`<div class="om-diff-line om-diff-ctx">... ${s.length-i} more lines</div>`),a.join("")||`<div class="om-diff-line om-diff-ins">${G(e.slice(0,500))}</div>`}function jt(t){let e=t.replace(/\\n/g,`
|
|
520
|
-
`),s=G(e);return s=s.replace(/```(\w*)\n([\s\S]*?)```/g,'<pre class="om-code-block"><code>$2</code></pre>'),s=s.replace(/`([^`]+)`/g,'<code class="om-inline-code">$1</code>'),s=s.replace(/\*\*([^*]+)\*\*/g,"<strong>$1</strong>"),s=s.replace(/([^*]|^)\*([^*]+)\*([^*]|$)/g,"$1<em>$2</em>$3"),s=s.replace(/^- (.+)$/gm,"• $1"),s=s.replace(/\n/g,"<br>"),s}async function rt(t){let e=[],s=null;try{
|
|
521
|
-
`)}function qt(){fetch("https://registry.npmjs.org/openmagic/latest",{headers:{Accept:"application/json"},signal:AbortSignal.timeout(5e3)}).then(t=>t.ok?t.json():null).then(t=>{if(!t||typeof t.version!="string"||!/^\d+\.\d+\.\d+/.test(t.version))return;let e=t.version.split(".").map(Number),s=
|
|
523
|
+
`),s=G(e);return s=s.replace(/```(\w*)\n([\s\S]*?)```/g,'<pre class="om-code-block"><code>$2</code></pre>'),s=s.replace(/`([^`]+)`/g,'<code class="om-inline-code">$1</code>'),s=s.replace(/\*\*([^*]+)\*\*/g,"<strong>$1</strong>"),s=s.replace(/([^*]|^)\*([^*]+)\*([^*]|$)/g,"$1<em>$2</em>$3"),s=s.replace(/^- (.+)$/gm,"• $1"),s=s.replace(/\n/g,"<br>"),s}async function rt(t){let e=[],s=null;try{Te()&&(s=(await Promise.race([N("debug.logs"),new Promise((f,g)=>setTimeout(()=>g(new Error("timeout")),3e3))]))?.payload||null)}catch{}e.push("## Environment"),e.push(""),e.push(`- **OpenMagic**: v${Oe}${o.updateAvailable?` (v${o.latestVersion} available)`:""}`),e.push(`- **Browser**: ${navigator.userAgent}`),e.push(`- **Platform**: ${navigator.platform}`),e.push(`- **Viewport**: ${window.innerWidth}x${window.innerHeight} (devicePixelRatio: ${window.devicePixelRatio})`),e.push(`- **Page URL**: ${window.location.href}`),e.push(`- **Page Title**: ${document.title}`),s&&(e.push(`- **Node.js**: ${s.nodeVersion} (${s.platform}/${s.arch})`),e.push(`- **Server PID**: ${s.pid}`),e.push(`- **Server Uptime**: ${s.uptime}s`),e.push(`- **Server Memory**: ${s.memoryMB}MB RSS`),e.push(`- **Server CWD**: ${s.cwd}`)),e.push(""),e.push("## Configuration"),e.push(""),e.push(`- **WebSocket**: ${o.connected?"connected":"disconnected"}`),e.push(`- **Provider**: ${Q[o.provider]?.name||o.provider||"not set"}`),e.push(`- **Model**: ${o.model||"not set"}`),e.push(`- **API Key Set**: ${o.hasApiKey?"yes":"no"}`);let n=Object.entries(o.configuredProviders).filter(([,l])=>l).map(([l])=>Q[l]?.name||l);if(n.length&&e.push(`- **Configured Providers**: ${n.join(", ")}`),o.roots.length&&e.push(`- **Project Roots**: ${o.roots.join(", ")}`),o.selectedElement){let l=o.selectedElement;e.push(""),e.push("## Selected Element"),e.push(""),e.push(`- **Selector**: \`${l.cssSelector||""}\``),e.push(`- **Tag**: \`${l.tagName}\``),l.id&&e.push(`- **ID**: \`${l.id}\``),l.className&&e.push(`- **Class**: \`${l.className}\``),l.componentHint&&e.push(`- **Component**: \`${l.componentHint}\``),l.ancestry?.length&&e.push(`- **Ancestry**: ${l.ancestry.join(" > ")}`),l.textContent&&e.push(`- **Text**: ${l.textContent.slice(0,150)}`)}if(o.groundedFiles.length){e.push(""),e.push("## Files Sent to LLM"),e.push("");for(let l of o.groundedFiles)e.push(`- \`${l}\``)}let a=[];for(let l of o.messages)if(l.content.startsWith("__DIFF__"))try{let f=JSON.parse(se(l.content.slice(8)));a.push({file:f.file,type:f.type||"edit"})}catch{}if(a.length){e.push(""),e.push("## Proposed Changes"),e.push("");for(let l of a)e.push(`- \`${l.file}\` (${l.type})`)}let i=o.messages.filter(l=>l.role==="system"&&(l.content.startsWith("Applied change to ")||l.content.startsWith("Rejected change to ")||l.content.startsWith("Reverted change to ")||l.content.startsWith("Created ")||l.content.startsWith("Change rejected")||l.content.startsWith("No matching code")||l.content.startsWith("Write failed")||l.content.startsWith("Could not read")));if(i.length){e.push(""),e.push("## Applied/Rejected Changes"),e.push("");for(let l of i)e.push(`- ${l.content.slice(0,200)}`)}let r=window.performance,m=r.getEntriesByType("navigation")[0],c=r.getEntriesByType("paint");if(m){e.push(""),e.push("## Page Performance"),e.push(""),e.push(`- **Page Load**: ${Math.round(m.loadEventEnd-m.startTime)}ms`),e.push(`- **DOM Ready**: ${Math.round(m.domContentLoadedEventEnd-m.startTime)}ms`),e.push(`- **TTFB**: ${Math.round(m.responseStart-m.startTime)}ms`);let l=c.find(f=>f.name==="first-contentful-paint");l&&e.push(`- **FCP**: ${Math.round(l.startTime)}ms`)}let u=ye();if(u.length){let l=u.filter(h=>h.level==="error"),f=u.filter(h=>h.level==="warn"),g=u.filter(h=>h.level==="log"||h.level==="info"||h.level==="debug");if(e.push(""),e.push("## Browser Console"),e.push(""),e.push(`Total: ${u.length} entries (${l.length} errors, ${f.length} warnings, ${g.length} log/info/debug)`),l.length){e.push(""),e.push(`### Errors (${l.length})`),e.push("```");for(let h of l.slice(-15))e.push(`[${new Date(h.timestamp).toISOString()}] ${h.args.map(d=>String(d)).join(" ").slice(0,300)}`);e.push("```")}if(f.length){e.push(""),e.push(`### Warnings (${f.length})`),e.push("```");for(let h of f.slice(-10))e.push(`[${new Date(h.timestamp).toISOString()}] ${h.args.map(d=>String(d)).join(" ").slice(0,200)}`);e.push("```")}if(g.length){e.push(""),e.push("<details><summary>Log/Info/Debug ("+g.length+" entries)</summary>"),e.push(""),e.push("```");for(let h of g.slice(-30))e.push(`[${new Date(h.timestamp).toISOString()}] [${h.level}] ${h.args.map(d=>String(d)).join(" ").slice(0,200)}`);e.push("```"),e.push("</details>")}}let p=ge(),x=p.filter(l=>l.status&&l.status>=400),S=p.filter(l=>l.duration&&l.duration>2e3);if(x.length||S.length){if(e.push(""),e.push("## Network Issues"),e.push(""),x.length){e.push(`### Failed Requests (${x.length})`),e.push("```");for(let l of x.slice(-15))e.push(`${l.method} ${l.url.slice(0,120)} \u2192 ${l.status} (${l.duration||"?"}ms)`);e.push("```")}if(S.length){e.push(`### Slow Requests >2s (${S.length})`),e.push("```");for(let l of S.slice(-10))e.push(`${l.method} ${l.url.slice(0,120)} \u2192 ${l.status} (${l.duration}ms)`);e.push("```")}}if(s?.logs?.length){let l=s.logs,f=l.filter(d=>d.level==="error"),g=l.filter(d=>d.level==="warn"),h=l.filter(d=>d.level==="log"||d.level==="info");if(e.push(""),e.push("## Server Logs (Terminal)"),e.push(""),e.push(`Total: ${l.length} entries (${f.length} errors, ${g.length} warnings, ${h.length} log/info)`),f.length){e.push(""),e.push(`### Server Errors (${f.length})`),e.push("```");for(let d of f.slice(-15))e.push(`[${new Date(d.ts).toISOString()}] ${d.msg.slice(0,300)}`);e.push("```")}if(g.length){e.push(""),e.push(`### Server Warnings (${g.length})`),e.push("```");for(let d of g.slice(-10))e.push(`[${new Date(d.ts).toISOString()}] ${d.msg.slice(0,200)}`);e.push("```")}e.push(""),e.push("<details><summary>All server logs ("+l.length+" entries)</summary>"),e.push(""),e.push("```");for(let d of l.slice(-50))e.push(`[${new Date(d.ts).toISOString()}] [${d.level}] ${d.msg.slice(0,200)}`);e.push("```"),e.push("</details>")}if(o.messages.length){e.push(""),e.push("## Chat History"),e.push(""),e.push("<details><summary>Full conversation ("+o.messages.length+" messages)</summary>"),e.push(""),e.push("```");for(let l of o.messages)if(!l.content.startsWith("__DIFFGROUP__")){if(l.content.startsWith("__DIFF__")){try{let f=JSON.parse(se(l.content.slice(8)));e.push(`[diff] ${f.type||"edit"}: ${f.file}`),f.search&&e.push(` - search: ${f.search.slice(0,100)}...`),f.replace&&e.push(` + replace: ${f.replace.slice(0,100)}...`)}catch{e.push("[diff] (parse error)")}continue}e.push(`[${l.role}] ${l.content.slice(0,500)}`)}e.push("```"),e.push("</details>")}if(t!==void 0){let l=o.messages[t];l&&(e.push(""),e.push("## Copied Message"),e.push(""),e.push("```"),e.push(`[${l.role}] ${l.content.slice(0,2e3)}`),e.push("```"))}return e.join(`
|
|
524
|
+
`)}function qt(){fetch("https://registry.npmjs.org/openmagic/latest",{headers:{Accept:"application/json"},signal:AbortSignal.timeout?AbortSignal.timeout(5e3):void 0}).then(t=>t.ok?t.json():null).then(t=>{if(!t||typeof t.version!="string"||!/^\d+\.\d+\.\d+/.test(t.version))return;let e=t.version.split(".").map(Number),s=Oe.split(".").map(Number);for(let n=0;n<3;n++){if((e[n]||0)>(s[n]||0)){o.updateAvailable=!0,o.latestVersion=t.version,zt();return}if((e[n]||0)<(s[n]||0))return}}).catch(()=>{})}function zt(){ve()}typeof window<"u"&&(document.readyState==="loading"?document.addEventListener("DOMContentLoaded",ot):ot());})();
|
|
522
525
|
//# sourceMappingURL=index.global.js.map
|