@tstax/coding-tab 0.2.1 → 0.2.2
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/browser.js +51 -44
- package/dist/browser.js.map +1 -1
- package/dist/server.cjs +26 -5
- package/dist/server.cjs.map +1 -1
- package/dist/server.d.cts +18 -0
- package/dist/server.d.ts +18 -0
- package/dist/server.js +26 -5
- package/dist/server.js.map +1 -1
- package/dist/style.css +22 -3
- package/package.json +1 -1
package/dist/browser.js
CHANGED
|
@@ -1,103 +1,110 @@
|
|
|
1
|
-
"use strict";var CodingTab=(()=>{var
|
|
1
|
+
"use strict";var CodingTab=(()=>{var H=Object.defineProperty;var gt=Object.getOwnPropertyDescriptor;var ht=Object.getOwnPropertyNames;var pt=Object.prototype.hasOwnProperty;var mt=(d,o)=>{for(var l in o)H(d,l,{get:o[l],enumerable:!0})},ft=(d,o,l,i)=>{if(o&&typeof o=="object"||typeof o=="function")for(let g of ht(o))!pt.call(d,g)&&g!==l&&H(d,g,{get:()=>o[g],enumerable:!(i=gt(o,g))||i.enumerable});return d};var bt=d=>ft(H({},"__esModule",{value:!0}),d);var Tt={};mt(Tt,{mountCodingTab:()=>Y});function u(d){return d.replace(/[&<>"']/g,o=>({"&":"&","<":"<",">":">",'"':""","'":"'"})[o])}function A(d){let o=[],l=/`([^`\n]+)`/g,i=0,g;for(;(g=l.exec(d))!==null;)o.push(J(d.slice(i,g.index))),o.push(`<code>${g[1]}</code>`),i=g.index+g[0].length;return o.push(J(d.slice(i))),o.join("")}function J(d){return d.replace(/\*\*([^*\n]+)\*\*/g,"<strong>$1</strong>").replace(/(^|[^*])\*([^*\n]+)\*(?!\*)/g,"$1<em>$2</em>").replace(/\[([^\]\n]+)\]\(([^)\s]+)\)/g,(o,l,i)=>`<a href="${/^(https?:|mailto:|\/|#)/i.test(i)?i:"#"}" target="_blank" rel="noreferrer noopener">${l}</a>`)}function W(d,o){if(d.length===0)return;let l=d.join(" ").trim();d.length=0,l&&o.push(`<p>${A(l)}</p>`)}function V(d,o){for(;d.length>0;){let l=d.pop();o.push(`<${l.type}>${l.items.join("")}</${l.type}>`)}}function z(d){let l=u(d).replace(/\r\n/g,`
|
|
2
2
|
`).split(`
|
|
3
|
-
`),
|
|
4
|
-
`)}</code></pre>`),
|
|
5
|
-
`)}</code></pre>`):
|
|
6
|
-
`)}var
|
|
3
|
+
`),i=[],g=[],p=[],a=!1,f="",m=[],k=()=>{W(g,i),V(p,i)};for(let S=0;S<l.length;S++){let b=l[S],M=b.match(/^\s*```(\w*)\s*$/);if(M){if(a){let _=f?` class="lang-${f}"`:"";i.push(`<pre><code${_}>${m.join(`
|
|
4
|
+
`)}</code></pre>`),m.length=0,f="",a=!1}else k(),a=!0,f=M[1]??"";continue}if(a){m.push(b);continue}if(!b.trim()){k();continue}if(/^\s*(-{3,}|\*{3,}|_{3,})\s*$/.test(b)){k(),i.push("<hr />");continue}let C=b.match(/^(#{1,6})\s+(.*)$/);if(C){k();let _=Math.min(6,C[1].length);i.push(`<h${_}>${A(C[2].trim())}</h${_}>`);continue}let y=b.match(/^(\s*)[-*]\s+(.*)$/),c=b.match(/^(\s*)(\d+)\.\s+(.*)$/);if(y||c){W(g,i);let _=(y?y[1]:c[1]).length,I=y?"ul":"ol",L=y?y[2]:c[3];for(;p.length>0&&p[p.length-1].indent>_;){let E=p.pop(),w=p[p.length-1]?.items,P=`<${E.type}>${E.items.join("")}</${E.type}>`;w&&w.length>0?w[w.length-1]=w[w.length-1].replace(/<\/li>$/,`${P}</li>`):i.push(P)}let T=p[p.length-1];!T||T.indent<_||T.type!==I?p.push({type:I,indent:_,items:[`<li>${A(L)}</li>`]}):T.items.push(`<li>${A(L)}</li>`);continue}p.length>0&&V(p,i),g.push(b.trim())}return a?i.push(`<pre><code>${m.join(`
|
|
5
|
+
`)}</code></pre>`):k(),i.join(`
|
|
6
|
+
`)}var F='<svg width="18" height="18" viewBox="0 0 16 16" fill="currentColor"><path d="M8 0C3.58 0 0 3.58 0 8a8 8 0 005.47 7.59c.4.07.55-.17.55-.38v-1.34c-2.23.48-2.7-1.07-2.7-1.07-.36-.92-.89-1.16-.89-1.16-.73-.5.05-.49.05-.49.81.06 1.23.83 1.23.83.72 1.23 1.88.87 2.34.66.07-.52.28-.87.5-1.07-1.78-.2-3.65-.89-3.65-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.13 0 0 .67-.21 2.2.82a7.65 7.65 0 014 0c1.53-1.04 2.2-.82 2.2-.82.44 1.11.16 1.93.08 2.13.51.56.82 1.28.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.74.54 1.49v2.21c0 .21.15.46.55.38A8 8 0 0016 8c0-4.42-3.58-8-8-8z"/></svg>',K='<svg width="14" height="14" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"><path d="M8 3v10M3 8h10"/></svg>',_t='<svg width="13" height="13" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"><path d="M3 4h10M6 4V2.5a.5.5 0 01.5-.5h3a.5.5 0 01.5.5V4M5 4l.7 9.1a.9.9 0 00.9.9h2.8a.9.9 0 00.9-.9L11 4"/></svg>',vt='<svg width="13" height="13" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"><path d="M11 2.5l2.5 2.5L6 12.5 3 13l.5-3z"/></svg>',$t='<svg width="18" height="18" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"><path d="M2.5 4h11M2.5 8h11M2.5 12h11"/></svg>',yt='<svg class="ct-chevron" width="10" height="10" viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M3 2l4 3-4 3"/></svg>';function $(d){return u(d)}function O(d){let o=d.match(/github\.com[/:]([^/]+)\/([^/]+?)(?:\.git)?\/?$/);return o?`${o[1]}/${o[2]}`:d}function wt(d){let o=d.match(/github\.com[/:]([^/]+)\/([^/]+?)(?:\.git)?\/?$/);return o?`https://github.com/${o[1]}/${o[2]}`:d.replace(/\.git\/?$/,"")}function kt(d){return`${wt(d)}/pulls`}function v(){return typeof crypto<"u"&&"randomUUID"in crypto?crypto.randomUUID():Math.random().toString(36).slice(2)}function St(d){let o=Date.now()-d;return o<6e4?"just now":o<36e5?`${Math.round(o/6e4)}m`:o<864e5?`${Math.round(o/36e5)}h`:o<6048e5?`${Math.round(o/864e5)}d`:new Date(d).toLocaleDateString()}function Y(d,o){let l=o.apiBase.replace(/\/$/,""),i=document.createElement("div");i.className="coding-tab",d.innerHTML="",d.appendChild(i);let g=!1;function p(){if(g||(g=!0,document.querySelector('link[data-coding-tab="style"]')))return;let t=document.createElement("link");t.rel="stylesheet",t.href=`${l}/style.css`,t.dataset.codingTab="style",document.head.appendChild(t)}p();let a={me:null,models:[],mode:o.defaultMode??"plan",model:o.defaultModel??"sonnet",repoUrl:o.defaultRepo??"",repoLocked:!1,chats:[],activeChatId:null,sidebarOpen:window.innerWidth>=720,expandedTools:new Set,mergeStates:new Map};function f(){return a.chats.find(t=>t.meta.id===a.activeChatId)??null}async function m(t,n){let e=await fetch(`${l}${t}`,{credentials:"include",headers:{"Content-Type":"application/json",...n?.headers??{}},...n});if(!e.ok)throw Object.assign(new Error(`${e.status} ${e.statusText}`),{status:e.status});return await e.json()}async function k(){try{let{chats:t}=await m("/chats"),n=new Map(a.chats.map(e=>[e.meta.id,e]));a.chats=t.map(e=>{let r=n.get(e.id);return r?{...r,meta:e}:{meta:e,loaded:!1,isStreaming:!1,activeRunId:null,abort:null}})}catch(t){console.error("[coding-tab] /chats list failed",t),a.chats=[]}}async function S(t){let n=a.chats.find(e=>e.meta.id===t);if(!n)return null;if(n.loaded)return n;try{let{chat:e}=await m(`/chats/${t}`);return n.turns=e.turns,n.loaded=!0,n.meta={id:e.id,title:e.title,mode:e.mode,model:e.model,createdAt:e.createdAt,updatedAt:e.updatedAt},a.mode=e.mode,a.model=e.model,n}catch(e){return console.error(`[coding-tab] /chats/${t} load failed`,e),null}}async function b(){try{let{chat:t}=await m("/chats",{method:"POST",body:JSON.stringify({mode:a.mode,model:a.model,repoUrl:a.repoLocked?void 0:a.repoUrl||void 0})}),n={meta:{id:t.id,title:t.title,mode:t.mode,model:t.model,createdAt:t.createdAt,updatedAt:t.updatedAt},turns:[],loaded:!0,isStreaming:!1,activeRunId:null,abort:null};return a.chats.unshift(n),a.activeChatId=n.meta.id,n}catch(t){return console.error("[coding-tab] create chat failed",t),null}}async function M(t){a.activeChatId=t,window.innerWidth<720&&(a.sidebarOpen=!1),c(),await S(t),c()}async function C(t){let n=a.chats.find(e=>e.meta.id===t);if(n&&confirm(`Delete chat "${n.meta.title}"? This cannot be undone.`)){n.abort?.abort();try{await m(`/chats/${t}`,{method:"DELETE"})}catch(e){console.error(`[coding-tab] delete chat ${t} failed`,e);return}a.chats=a.chats.filter(e=>e.meta.id!==t),a.activeChatId===t&&(a.activeChatId=a.chats[0]?.meta.id??null),c()}}async function y(t){let n=a.chats.find(s=>s.meta.id===t);if(!n)return;let e=prompt("Rename chat",n.meta.title);if(e===null)return;let r=e.trim();if(!(!r||r===n.meta.title))try{let{chat:s}=await m(`/chats/${t}`,{method:"PATCH",body:JSON.stringify({title:r})});n.meta={...n.meta,title:s.title,updatedAt:s.updatedAt},c()}catch(s){console.error(`[coding-tab] rename chat ${t} failed`,s)}}function c(){if(!a.me){i.innerHTML=`
|
|
7
7
|
<div class="coding-tab__signin">
|
|
8
8
|
<h2>Coding Tab</h2>
|
|
9
9
|
<p>Sign in with GitHub to start a coding session against your repo. Your token is used to clone, push, and open pull requests on your behalf.</p>
|
|
10
|
-
<a href="${l}/auth/login">${
|
|
10
|
+
<a href="${l}/auth/login">${F}<span>Sign in with GitHub</span></a>
|
|
11
11
|
</div>
|
|
12
12
|
`;return}let t=`
|
|
13
13
|
<div class="coding-tab__header">
|
|
14
|
-
<button class="coding-tab__hamburger" data-role="toggle-sidebar" aria-label="Toggle chat list">${
|
|
14
|
+
<button class="coding-tab__hamburger" data-role="toggle-sidebar" aria-label="Toggle chat list">${$t}</button>
|
|
15
15
|
<select data-role="model" title="Model">
|
|
16
|
-
${a.models.map(h=>`<option value="${h.choice}" ${a.model===h.choice?"selected":""}>${
|
|
16
|
+
${a.models.map(h=>`<option value="${h.choice}" ${a.model===h.choice?"selected":""}>${u(h.displayName)}</option>`).join("")}
|
|
17
17
|
</select>
|
|
18
18
|
<div class="coding-tab__mode">
|
|
19
19
|
<button data-mode="plan" class="${a.mode==="plan"?"is-active":""}">Plan</button>
|
|
20
20
|
<button data-mode="agent" class="${a.mode==="agent"?"is-active":""}">Agent</button>
|
|
21
21
|
</div>
|
|
22
|
-
${a.repoLocked&&a.repoUrl?`<a class="coding-tab__repo-locked" href="${
|
|
22
|
+
${a.repoLocked&&a.repoUrl?`<a class="coding-tab__repo-locked" href="${$(kt(a.repoUrl))}" target="_blank" rel="noreferrer" title="Open ${$(O(a.repoUrl))} pull requests on GitHub">${F}<span>${u(O(a.repoUrl))}</span></a>`:`<input data-role="repo" placeholder="https://github.com/org/repo" value="${$(a.repoUrl)}" style="flex:1;min-width:200px" />`}
|
|
23
23
|
<div class="coding-tab__user">
|
|
24
24
|
${a.me.avatarUrl?`<img src="${a.me.avatarUrl}" alt="" />`:""}
|
|
25
|
-
<span class="coding-tab__user-name">@${
|
|
25
|
+
<span class="coding-tab__user-name">@${u(a.me.githubLogin)}</span>
|
|
26
26
|
<button data-role="logout">Sign out</button>
|
|
27
27
|
</div>
|
|
28
28
|
</div>
|
|
29
29
|
`,n=`
|
|
30
30
|
<aside class="coding-tab__sidebar ${a.sidebarOpen?"is-open":""}">
|
|
31
|
-
<button class="coding-tab__btn primary coding-tab__new-chat" data-role="new-chat">${
|
|
31
|
+
<button class="coding-tab__btn primary coding-tab__new-chat" data-role="new-chat">${K}<span>New chat</span></button>
|
|
32
32
|
<div class="coding-tab__chat-list">
|
|
33
|
-
${a.chats.length===0?'<div class="coding-tab__chat-empty">No chats yet \u2014 start one with the button above.</div>':a.chats.map(h=>
|
|
33
|
+
${a.chats.length===0?'<div class="coding-tab__chat-empty">No chats yet \u2014 start one with the button above.</div>':a.chats.map(h=>_(h)).join("")}
|
|
34
34
|
</div>
|
|
35
35
|
</aside>
|
|
36
|
-
`,e=f(),
|
|
36
|
+
`,e=f(),r=`
|
|
37
37
|
<main class="coding-tab__pane">
|
|
38
|
-
${e?
|
|
38
|
+
${e?L(e):I()}
|
|
39
39
|
</main>
|
|
40
|
-
`;
|
|
40
|
+
`;i.innerHTML=`
|
|
41
41
|
${t}
|
|
42
42
|
<div class="coding-tab__body">
|
|
43
43
|
${n}
|
|
44
|
-
${
|
|
44
|
+
${r}
|
|
45
45
|
</div>
|
|
46
|
-
`;let i
|
|
46
|
+
`;let s=i.querySelector("[data-role=thread]");s&&(s.scrollTop=s.scrollHeight),nt()}function _(t){let n=t.meta.id===a.activeChatId?" is-active":"",e=t.isStreaming?'<span class="coding-tab__chat-row-dot" title="Streaming"></span>':"";return`
|
|
47
47
|
<div class="coding-tab__chat-row${n}" data-chat-id="${t.meta.id}">
|
|
48
48
|
<button class="coding-tab__chat-row-main" data-role="select-chat" data-chat-id="${t.meta.id}">
|
|
49
49
|
${e}
|
|
50
|
-
<span class="coding-tab__chat-row-title">${
|
|
51
|
-
<span class="coding-tab__chat-row-meta">${t.meta.mode==="plan"?"Plan":"Agent"} \xB7 ${
|
|
50
|
+
<span class="coding-tab__chat-row-title">${u(t.meta.title)}</span>
|
|
51
|
+
<span class="coding-tab__chat-row-meta">${t.meta.mode==="plan"?"Plan":"Agent"} \xB7 ${St(t.meta.updatedAt)}</span>
|
|
52
52
|
</button>
|
|
53
53
|
<div class="coding-tab__chat-row-actions">
|
|
54
|
-
<button data-role="rename-chat" data-chat-id="${t.meta.id}" title="Rename">${
|
|
55
|
-
<button data-role="delete-chat" data-chat-id="${t.meta.id}" title="Delete">${
|
|
54
|
+
<button data-role="rename-chat" data-chat-id="${t.meta.id}" title="Rename">${vt}</button>
|
|
55
|
+
<button data-role="delete-chat" data-chat-id="${t.meta.id}" title="Delete">${_t}</button>
|
|
56
56
|
</div>
|
|
57
57
|
</div>
|
|
58
|
-
`}function
|
|
58
|
+
`}function I(){return`
|
|
59
59
|
<div class="coding-tab__pane-empty">
|
|
60
60
|
<h3>Start a new chat</h3>
|
|
61
61
|
<p>Pick a mode (Plan or Agent), choose a model, and click <strong>New chat</strong> to begin. Each chat keeps its own context.</p>
|
|
62
|
-
<button class="coding-tab__btn primary" data-role="new-chat">${
|
|
62
|
+
<button class="coding-tab__btn primary" data-role="new-chat">${K}<span>New chat</span></button>
|
|
63
63
|
</div>
|
|
64
|
-
`}function
|
|
64
|
+
`}function L(t){let n=t.turns??[],e=t.loaded?n.length===0?'<div class="coding-tab__notice info">Type a message below to kick off this chat.</div>':n.map(s=>T(s)).join(""):'<div class="coding-tab__notice info">Loading\u2026</div>',r=n.length===0?'Ask anything (e.g. "add dark mode that follows the OS setting")':a.mode==="plan"?"Refine the plan, or ask another planning question":"Send another instruction";return`
|
|
65
65
|
<div class="coding-tab__thread" data-role="thread">${e}</div>
|
|
66
66
|
<div class="coding-tab__composer">
|
|
67
|
-
<textarea data-role="prompt" placeholder="${
|
|
67
|
+
<textarea data-role="prompt" placeholder="${$(r)}" rows="2"></textarea>
|
|
68
68
|
<button class="coding-tab__btn primary" data-role="send" ${t.isStreaming?"disabled":""}>${t.isStreaming?"Working\u2026":"Send"}</button>
|
|
69
69
|
${t.isStreaming?'<button class="coding-tab__btn danger" data-role="cancel">Stop</button>':""}
|
|
70
70
|
</div>
|
|
71
|
-
`}function
|
|
71
|
+
`}function T(t){if(t.role==="user"){let h=t.prompt??et(t);return`<div class="coding-tab__msg user">
|
|
72
72
|
<div class="coding-tab__msg-role">You \xB7 ${t.isPlan?"Plan":"Agent"}</div>
|
|
73
|
-
<div class="coding-tab__msg-body">${
|
|
74
|
-
</div>`}let n=t.events.length===0&&t.status==="running"?'<div class="coding-tab__msg-pending">Working\u2026</div>':t.events.map(h=>E(h,t.isPlan)).join(""),e=t.status&&t.status!=="finished"?`<div class="coding-tab__status">${
|
|
73
|
+
<div class="coding-tab__msg-body">${u(h)}</div>
|
|
74
|
+
</div>`}let n=t.events.length===0&&t.status==="running"?'<div class="coding-tab__msg-pending">Working\u2026</div>':t.events.map(h=>E(h,t.isPlan)).join(""),e=t.status&&t.status!=="finished"?`<div class="coding-tab__status">${u(t.status)}</div>`:"",r=t.showExecute&&!f()?.isStreaming?`<div class="coding-tab__plan-actions">
|
|
75
75
|
<button class="coding-tab__btn primary" data-role="execute" data-turn="${t.id}">Execute plan</button>
|
|
76
|
-
</div>`:"",
|
|
76
|
+
</div>`:"",s=t.pr?tt(t.pr):t.branch?Z(t.branch):"";return`<div class="coding-tab__msg assistant">
|
|
77
77
|
<div class="coding-tab__msg-role">Coding Tab \xB7 ${t.isPlan?"Plan":"Agent"} ${e}</div>
|
|
78
|
-
<div class="coding-tab__msg-body">${n}${
|
|
79
|
-
</div>`}function E(t,n){if(t.kind==="text"){let e=t.text.trim();return e?`<div class="coding-tab__md">${n?z(e)
|
|
78
|
+
<div class="coding-tab__msg-body">${n}${r}${s}</div>
|
|
79
|
+
</div>`}function E(t,n){if(t.kind==="text"){let e=t.text.trim();return e?`<div class="coding-tab__md">${n?z(e):w(e)}</div>`:""}return P(t)}function w(t){return u(t).split(/\n\s*\n/).map(n=>n.replace(/`([^`\n]+)`/g,"<code>$1</code>").replace(/\*\*([^*\n]+)\*\*/g,"<strong>$1</strong>").replace(/\[([^\]\n]+)\]\(([^)\s]+)\)/g,(e,r,s)=>`<a href="${/^(https?:|mailto:|\/|#)/i.test(s)?s:"#"}" target="_blank" rel="noreferrer noopener">${r}</a>`).replace(/(^|[\s(])(https?:\/\/[^\s<>"')\]]+)/g,(e,r,s)=>`${r}<a href="${s}" target="_blank" rel="noreferrer noopener">${s}</a>`).replace(/\n/g,"<br />")).map(n=>`<p>${n}</p>`).join("")}function P(t){let n=Q(t.name,t.args),e=a.expandedTools.has(t.id),r=e?X(t):"";return`
|
|
80
80
|
<div class="coding-tab__tool" data-status="${t.status}" data-tool-id="${t.id}">
|
|
81
81
|
<button class="coding-tab__tool-header" data-role="toggle-tool" data-tool-id="${t.id}" aria-expanded="${e}">
|
|
82
82
|
<span class="coding-tab__tool-dot"></span>
|
|
83
|
-
${
|
|
84
|
-
<span class="coding-tab__tool-name">${
|
|
85
|
-
${n?`<span class="coding-tab__tool-summary">${
|
|
83
|
+
${yt}
|
|
84
|
+
<span class="coding-tab__tool-name">${u(t.name)}</span>
|
|
85
|
+
${n?`<span class="coding-tab__tool-summary">${u(n)}</span>`:""}
|
|
86
86
|
</button>
|
|
87
|
-
${
|
|
87
|
+
${r}
|
|
88
88
|
</div>
|
|
89
|
-
`}function
|
|
90
|
-
<div class="coding-tab__pr-title">
|
|
91
|
-
|
|
89
|
+
`}function Q(t,n){if(!n||typeof n!="object")return"";let e=n,r=t.toLowerCase();if(r.includes("grep")){let s=typeof e.pattern=="string"?e.pattern:typeof e.query=="string"?e.query:"";return s?`"${s}"`:""}if(r.includes("read")&&typeof e.path=="string"){let s=typeof e.offset=="number"||typeof e.limit=="number"?`:${e.offset??""}-${Number(e.offset??0)+Number(e.limit??0)||""}`:"";return`${e.path}${s}`}return(r.includes("glob")||r.includes("file_search"))&&typeof e.glob_pattern=="string"?e.glob_pattern:r==="shell"&&typeof e.command=="string"?e.command.slice(0,80):r==="task"&&typeof e.description=="string"?e.description:r.includes("write")&&typeof e.path=="string"||r.includes("edit")&&typeof e.path=="string"||r.includes("delete")&&typeof e.path=="string"?e.path:""}function X(t){let n=t.args!==void 0&&t.args!==null?`<div class="coding-tab__tool-section"><div class="coding-tab__tool-label">Args</div><pre>${u(q(t.args))}</pre></div>`:"",e=t.result!==void 0&&t.result!==null?`<div class="coding-tab__tool-section"><div class="coding-tab__tool-label">Result</div><pre>${u(q(t.result))}</pre></div>`:t.status==="running"?'<div class="coding-tab__tool-section"><div class="coding-tab__tool-label">Result</div><pre class="coding-tab__tool-pending">\u2026running</pre></div>':"";return`<div class="coding-tab__tool-detail">${n}${e}</div>`}function q(t){if(typeof t=="string")return t;try{return JSON.stringify(t,null,2)}catch{return String(t)}}function Z(t){let n=O(t.repoUrl);return`<div class="coding-tab__pr coding-tab__pr--branch">
|
|
90
|
+
<div class="coding-tab__pr-title">Branch pushed: <code>${u(t.branch)}</code></div>
|
|
91
|
+
<div class="coding-tab__pr-status">No PR was opened automatically. Click below to create one yourself on GitHub.</div>
|
|
92
92
|
<div class="coding-tab__pr-actions">
|
|
93
|
-
<a class="coding-tab__btn" href="${
|
|
93
|
+
<a class="coding-tab__btn primary" href="${$(t.compareUrl)}" target="_blank" rel="noreferrer">Create PR on GitHub</a>
|
|
94
|
+
<a class="coding-tab__btn" href="${$(t.repoUrl)}/pulls" target="_blank" rel="noreferrer">View ${u(n)} PRs</a>
|
|
95
|
+
</div>
|
|
96
|
+
</div>`}function tt(t){let n=a.mergeStates.get(t.url)??{state:"idle"},e,r="";switch(n.state){case"loading":e='<button class="coding-tab__btn primary" data-state="loading" disabled>Merging\u2026</button>',r='<div class="coding-tab__pr-status">Merging this PR and triggering Railway redeploy\u2026</div>';break;case"success":e='<button class="coding-tab__btn success" disabled>Merged \u2713</button>',r=`<div class="coding-tab__pr-status is-success">Merged commit ${u(n.sha.slice(0,7))}. Railway should redeploy on the next push hook.</div>`;break;case"error":e=`<button class="coding-tab__btn primary" data-role="merge" data-pr="${$(t.url)}">Try merge again</button>`,r=`<div class="coding-tab__pr-status is-error">Merge failed: ${u(n.message)}</div>`;break;default:e=`<button class="coding-tab__btn primary" data-role="merge" data-pr="${$(t.url)}">Merge & Redeploy</button>`}return`<div class="coding-tab__pr">
|
|
97
|
+
<div class="coding-tab__pr-title">PR #${t.number} opened in ${u(t.owner)}/${u(t.repo)}</div>
|
|
98
|
+
${t.title?`<div>${u(t.title)}</div>`:""}
|
|
99
|
+
<div class="coding-tab__pr-actions">
|
|
100
|
+
<a class="coding-tab__btn" href="${$(t.url)}" target="_blank" rel="noreferrer">Open in GitHub</a>
|
|
94
101
|
${e}
|
|
95
102
|
</div>
|
|
96
|
-
${
|
|
97
|
-
</div>`}function
|
|
103
|
+
${r}
|
|
104
|
+
</div>`}function et(t){return t.events.filter(n=>n.kind==="text").map(n=>n.text).join(`
|
|
98
105
|
|
|
99
|
-
`)}function
|
|
106
|
+
`)}function nt(){i.querySelector('[data-role="model"]')?.addEventListener("change",t=>{a.model=t.target.value}),i.querySelectorAll("[data-mode]").forEach(t=>{t.addEventListener("click",()=>{a.mode=t.dataset.mode,c()})}),i.querySelector('[data-role="repo"]')?.addEventListener("change",t=>{a.repoUrl=t.target.value.trim()}),i.querySelector('[data-role="logout"]')?.addEventListener("click",async()=>{await fetch(`${l}/auth/logout`,{method:"POST",credentials:"include"}).catch(()=>{});for(let t of a.chats)t.abort?.abort();a.me=null,a.chats=[],a.activeChatId=null,c()}),i.querySelector('[data-role="toggle-sidebar"]')?.addEventListener("click",()=>{a.sidebarOpen=!a.sidebarOpen,c()}),i.querySelectorAll('[data-role="new-chat"]').forEach(t=>t.addEventListener("click",async()=>{await b()&&window.innerWidth<720&&(a.sidebarOpen=!1),c()})),i.querySelectorAll('[data-role="select-chat"]').forEach(t=>t.addEventListener("click",()=>{let n=t.dataset.chatId;M(n)})),i.querySelectorAll('[data-role="rename-chat"]').forEach(t=>t.addEventListener("click",n=>{n.stopPropagation(),y(t.dataset.chatId)})),i.querySelectorAll('[data-role="delete-chat"]').forEach(t=>t.addEventListener("click",n=>{n.stopPropagation(),C(t.dataset.chatId)})),i.querySelector('[data-role="send"]')?.addEventListener("click",()=>N()),i.querySelector('[data-role="prompt"]')?.addEventListener("keydown",t=>{let n=t;n.key==="Enter"&&(n.metaKey||n.ctrlKey)&&(n.preventDefault(),N())}),i.querySelector('[data-role="cancel"]')?.addEventListener("click",()=>st()),i.querySelectorAll('[data-role="execute"]').forEach(t=>t.addEventListener("click",()=>at())),i.querySelectorAll('[data-role="merge"]').forEach(t=>{t.addEventListener("click",()=>rt(t.dataset.pr))}),i.querySelectorAll('[data-role="toggle-tool"]').forEach(t=>t.addEventListener("click",()=>{let n=t.dataset.toolId;a.expandedTools.has(n)?a.expandedTools.delete(n):a.expandedTools.add(n),c()}))}async function N(){let t=f();if(!t&&(t=await b(),!t)||t.isStreaming)return;let n=i.querySelector('[data-role="prompt"]'),e=n?.value.trim()??"";if(!e)return;n&&(n.value=""),t.turns=t.turns??[];let r={id:v(),chatId:t.meta.id,seq:t.turns.length,role:"user",isPlan:a.mode==="plan",status:"finished",events:[{kind:"text",id:v(),text:e}],prompt:e,createdAt:Date.now()};t.turns.push(r);let s={id:v(),chatId:t.meta.id,seq:t.turns.length,role:"assistant",isPlan:a.mode==="plan",status:"running",events:[],createdAt:Date.now()};t.turns.push(s),t.isStreaming=!0,t.meta.title==="New chat"&&(t.meta={...t.meta,title:e.length>60?`${e.slice(0,57)}\u2026`:e}),t.meta={...t.meta,mode:a.mode,model:a.model,updatedAt:Date.now()},c();try{await U("/agent/send",{chatId:t.meta.id,prompt:e,mode:a.mode},t,s)}catch(h){h.name!=="AbortError"&&j(s,h),s.status="error"}finally{t.isStreaming=!1,t.activeRunId=null,t.abort=null,c()}}async function at(){let t=f();if(!t||t.isStreaming)return;t.turns=t.turns??[];let n={id:v(),chatId:t.meta.id,seq:t.turns.length,role:"assistant",isPlan:!1,status:"running",events:[],createdAt:Date.now()};t.turns.push(n),t.isStreaming=!0,c();try{await U("/agent/execute",{chatId:t.meta.id},t,n)}catch(e){e.name!=="AbortError"&&j(n,e),n.status="error"}finally{t.isStreaming=!1,t.activeRunId=null,t.abort=null,c()}}async function st(){let t=f();if(t){if(t.activeRunId)try{await m("/agent/cancel",{method:"POST",body:JSON.stringify({chatId:t.meta.id,runId:t.activeRunId})})}catch(n){console.error("[coding-tab] cancel failed",n)}t.abort?.abort()}}async function rt(t){let n=f();if(n&&a.mergeStates.get(t)?.state!=="loading"){a.mergeStates.set(t,{state:"loading"}),c(),n.turns=n.turns??[];try{let e=await m("/pr/merge",{method:"POST",body:JSON.stringify({prUrl:t,mergeMethod:"squash"})});e.merged?(a.mergeStates.set(t,{state:"success",sha:e.sha}),n.turns.push({id:v(),chatId:n.meta.id,seq:n.turns.length,role:"assistant",isPlan:!1,status:"finished",events:[{kind:"text",id:v(),text:`Merged commit \`${e.sha.slice(0,7)}\` into the default branch. Railway should redeploy on the next push hook.`}],createdAt:Date.now()})):a.mergeStates.set(t,{state:"error",message:"GitHub returned merged=false"})}catch(e){let r=e instanceof Error?e.message:String(e);a.mergeStates.set(t,{state:"error",message:r})}finally{c()}}}function j(t,n){let e=n instanceof Error?n.message:String(n);t.events.push({kind:"text",id:v(),text:`[error] ${e}`})}async function U(t,n,e,r){e.abort=new AbortController;let s=await fetch(`${l}${t}`,{method:"POST",credentials:"include",headers:{"Content-Type":"application/json",Accept:"text/event-stream"},body:JSON.stringify(n),signal:e.abort.signal});if(!s.ok||!s.body)throw new Error(`${s.status} ${s.statusText}`);let h=s.body.getReader(),dt=new TextDecoder,R="",B=!1;for(;;){let{value:lt,done:ct}=await h.read();if(ct)break;R+=dt.decode(lt,{stream:!0});let D=R.split(`
|
|
100
107
|
|
|
101
|
-
`);R=
|
|
102
|
-
`).find(x=>x.startsWith("data: "));if(
|
|
108
|
+
`);R=D.pop()??"";for(let ut of D){let G=ut.split(`
|
|
109
|
+
`).find(x=>x.startsWith("data: "));if(G)try{let x=JSON.parse(G.slice(6));B=ot(x,e,r,B),c()}catch(x){console.warn("[coding-tab] bad sse event",x)}}}}function ot(t,n,e,r){switch(t.kind){case"ready":return n.activeRunId=t.runId,!1;case"text":{let s=e.events[e.events.length-1];return r&&s&&s.kind==="text"?s.text+=t.text:e.events.push({kind:"text",id:v(),text:t.text}),!0}case"thinking":return r;case"tool":{let s=e.events.find(h=>h.kind==="tool"&&h.callId===t.callId);return s?(s.status=t.status,t.args!==void 0&&(s.args=t.args),t.result!==void 0&&(s.result=t.result)):e.events.push({kind:"tool",id:v(),callId:t.callId,name:t.name,status:t.status,args:t.args,result:t.result}),!1}case"status":return r;case"result":return e.status=t.status,t.pr&&(e.pr=t.pr),t.branch&&!t.pr&&(e.branch=t.branch),e.isPlan&&t.status==="finished"&&(e.showExecute=!0),n.activeRunId=null,!1;case"error":return e.events.push({kind:"text",id:v(),text:`[error] ${t.message}`}),e.status="error",n.activeRunId=null,!1}}async function it(){try{let t=await m("/auth/me");a.me=t,t.defaultRepoUrl&&(a.repoUrl=t.defaultRepoUrl,a.repoLocked=!0)}catch(t){let n=t.status;if(n===401||n===403){a.me=null,c();return}console.error("[coding-tab] /auth/me failed",t),a.me=null,c();return}try{let{models:t}=await m("/models");a.models=t,t.length>0&&!t.find(n=>n.choice===a.model)&&(a.model=t[0].choice)}catch(t){console.error("[coding-tab] /models failed",t),a.models=[{choice:"sonnet",cursorModelId:"auto",displayName:"Sonnet (fallback)"},{choice:"opus",cursorModelId:"auto",displayName:"Opus (fallback)"}]}await k(),a.chats.length>0&&!a.activeChatId&&(a.activeChatId=a.chats[0].meta.id,S(a.activeChatId).then(()=>c())),c()}return it(),{destroy(){for(let t of a.chats)t.abort?.abort();d.removeChild(i)}}}typeof window<"u"&&(window.CodingTab={mountCodingTab:Y});return bt(Tt);})();
|
|
103
110
|
//# sourceMappingURL=browser.js.map
|