cli-jaw 1.6.4 → 1.6.7
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/README.md +8 -4
- package/dist/bin/commands/doctor.js +48 -0
- package/dist/bin/commands/doctor.js.map +1 -1
- package/dist/bin/commands/init.js +2 -1
- package/dist/bin/commands/init.js.map +1 -1
- package/dist/bin/postinstall.js +66 -1
- package/dist/bin/postinstall.js.map +1 -1
- package/dist/server.js +8 -3
- package/dist/server.js.map +1 -1
- package/dist/src/agent/spawn.js +2 -5
- package/dist/src/agent/spawn.js.map +1 -1
- package/dist/src/orchestrator/parser.js +2 -1
- package/dist/src/orchestrator/parser.js.map +1 -1
- package/dist/src/orchestrator/pipeline.js +5 -96
- package/dist/src/orchestrator/pipeline.js.map +1 -1
- package/dist/src/orchestrator/state-machine.js +11 -14
- package/dist/src/orchestrator/state-machine.js.map +1 -1
- package/dist/src/prompt/builder.js +5 -15
- package/dist/src/prompt/builder.js.map +1 -1
- package/dist/src/prompt/templates/a1-system.md +33 -34
- package/dist/src/prompt/templates/employee.md +5 -3
- package/dist/src/prompt/templates/orchestration.md +13 -37
- package/package.json +7 -1
- package/public/css/chat.css +12 -0
- package/public/dist/assets/employees-B11suLXa.js +39 -0
- package/public/dist/assets/index-C3xIEYRH.css +1 -0
- package/public/dist/assets/index-CMUmeewA.js +49 -0
- package/public/dist/assets/render-C5gpc065.js +25 -0
- package/public/dist/assets/{settings-jLH2evC4.js → settings-BbG1hQmA.js} +14 -14
- package/public/dist/assets/settings-tOEsbIIs.js +1 -0
- package/public/dist/assets/skills-DL7wTirZ.js +12 -0
- package/public/dist/assets/skills-kOx6rq1X.js +1 -0
- package/public/dist/assets/slash-commands-C5vUKzNP.js +1 -0
- package/public/dist/assets/{slash-commands-3SMle5Qk.js → slash-commands-D_tV86er.js} +1 -1
- package/public/dist/assets/ui-ByJAyywC.js +1 -0
- package/public/dist/assets/ui-ORW7tzea.js +131 -0
- package/public/dist/assets/ws-CDrAtY9-.js +2 -0
- package/public/dist/index.html +2 -2
- package/public/js/features/chat.ts +3 -1
- package/public/js/render.ts +44 -15
- package/public/js/streaming-render.ts +33 -10
- package/public/js/ui.ts +45 -13
- package/public/js/virtual-scroll.ts +50 -16
- package/public/js/ws.ts +2 -1
- package/scripts/ensure-native-modules.cjs +54 -0
- package/scripts/install-officecli.ps1 +96 -0
- package/scripts/install-officecli.sh +37 -3
- package/scripts/install-wsl.sh +113 -27
- package/public/dist/assets/employees-C2iuXw4k.js +0 -39
- package/public/dist/assets/index-BkF1Onqv.js +0 -49
- package/public/dist/assets/index-D6ci1wCN.css +0 -1
- package/public/dist/assets/render-HNw-fqbv.js +0 -25
- package/public/dist/assets/settings-GMJkuozJ.js +0 -1
- package/public/dist/assets/skills-CbtCvg1l.js +0 -1
- package/public/dist/assets/skills-DfGrAT8o.js +0 -12
- package/public/dist/assets/slash-commands-AojbjNCT.js +0 -1
- package/public/dist/assets/ui-5JOnDmC_.js +0 -131
- package/public/dist/assets/ui-CaWuOlEV.js +0 -1
- package/public/dist/assets/ws-CF5lzgW9.js +0 -2
|
@@ -1,41 +1,41 @@
|
|
|
1
|
-
import{t as e}from"./state-O6NVkWcL.js";import{
|
|
1
|
+
import{t as e}from"./state-O6NVkWcL.js";import{m as t,n,o as r}from"./render-C5gpc065.js";import{n as i,r as a,t as o}from"./api-Ci-lgwRp.js";import{n as s}from"./locale-DIXc-_34.js";import{a as c,i as l,r as u,t as d}from"./constants-C8_0OtK2.js";function f(e){let t=document.getElementById(`sttEngine`),n=document.getElementById(`sttGeminiKey`),r=document.getElementById(`sttGeminiModel`),i=document.getElementById(`sttGeminiModelCustom`),o=document.getElementById(`sttWhisperModel`),s=document.getElementById(`sttOpenaiBaseUrl`),c=document.getElementById(`sttOpenaiKey`),l=document.getElementById(`sttOpenaiModel`),u=document.getElementById(`sttVertexJson`);if(t&&(t.value=e.engine||`auto`),n&&(n.placeholder=e.geminiKeySet?`✓ 입력됨 ····${e.geminiKeyLast4||``}`:`AIza...`),r){let t=e.geminiModel||`gemini-2.5-flash-lite`;Array.from(r.options).some(e=>e.value===t)?r.value=t:(r.value=`__custom__`,i&&(i.value=t,i.style.display=``))}o&&(o.value=e.whisperModel||`mlx-community/whisper-large-v3-turbo`),s&&(s.value=e.openaiBaseUrl||``),c&&(c.placeholder=e.openaiKeySet?`✓ 입력됨 ····${e.openaiKeyLast4||``}`:`sk-...`),l&&(l.value=e.openaiModel||``),u&&(u.value=e.vertexConfig||``);function d(){let e=t?.value||`auto`,n=e===`auto`||e===`gemini`,r=e===`openai`,i=e===`vertex`,a=e===`auto`||e===`whisper`;document.querySelectorAll(`.stt-gemini`).forEach(e=>e.style.display=n?``:`none`),document.querySelectorAll(`.stt-openai`).forEach(e=>e.style.display=r?``:`none`),document.querySelectorAll(`.stt-vertex`).forEach(e=>e.style.display=i?``:`none`),document.querySelectorAll(`.stt-whisper`).forEach(e=>e.style.display=a?``:`none`)}d();async function f(){let e={stt:{engine:t?.value||`auto`,geminiModel:(r?.value===`__custom__`?i?.value:r?.value)||`gemini-2.5-flash-lite`,whisperModel:o?.value||``,openaiBaseUrl:s?.value||``,openaiModel:l?.value||``,vertexConfig:u?.value||``}};n?.value&&(e.stt.geminiApiKey=n.value),c?.value&&(e.stt.openaiApiKey=c.value),console.log(`[stt] saving:`,{engine:e.stt.engine,hasGeminiKey:!!e.stt.geminiApiKey,hasOpenaiKey:!!e.stt.openaiApiKey});try{if(await a(`/api/settings`,`PUT`,e),n?.value){let e=n.value.slice(-4);n.value=``,n.placeholder=`✓ 입력됨 ····${e}`}if(c?.value){let e=c.value.slice(-4);c.value=``,c.placeholder=`✓ 입력됨 ····${e}`}}catch(e){console.error(`[stt] save failed:`,e)}}t?.addEventListener(`change`,()=>{d(),f()}),r?.addEventListener(`change`,()=>{i&&(i.style.display=r.value===`__custom__`?``:`none`),r.value!==`__custom__`&&f()}),i?.addEventListener(`blur`,f),n?.addEventListener(`blur`,()=>{n.value&&f()}),c?.addEventListener(`blur`,()=>{c.value&&f()}),s?.addEventListener(`blur`,f),l?.addEventListener(`blur`,f),o?.addEventListener(`blur`,f),u?.addEventListener(`blur`,f)}async function p(){let e=document.getElementById(`tgToken`)?.value.trim()||``,t=document.getElementById(`tgChatIds`)?.value.trim()||``;await a(`/api/settings`,`PUT`,{telegram:{token:e,allowedChatIds:t?t.split(`,`).map(e=>parseInt(e.trim(),10)).filter(e=>!isNaN(e)):[]}})}async function m(e){document.getElementById(`tgOn`)?.classList.toggle(`active`,e),document.getElementById(`tgOff`)?.classList.toggle(`active`,!e),await a(`/api/settings`,`PUT`,{telegram:{enabled:e}})}async function h(e){document.getElementById(`tgForwardOn`)?.classList.toggle(`active`,e),document.getElementById(`tgForwardOff`)?.classList.toggle(`active`,!e),await a(`/api/settings`,`PUT`,{telegram:{forwardAll:e}})}function ee(e){if(!e.telegram)return;let t=e.telegram;document.getElementById(`tgOn`)?.classList.toggle(`active`,!!t.enabled),document.getElementById(`tgOff`)?.classList.toggle(`active`,!t.enabled);let n=document.getElementById(`tgToken`);t.token&&n&&(n.value=t.token);let r=document.getElementById(`tgChatIds`);t.allowedChatIds?.length&&r&&(r.value=t.allowedChatIds.join(`, `));let i=t.forwardAll!==!1;document.getElementById(`tgForwardOn`)?.classList.toggle(`active`,i),document.getElementById(`tgForwardOff`)?.classList.toggle(`active`,!i)}async function te(){let e=document.getElementById(`dcToken`)?.value.trim()||``,t=document.getElementById(`dcGuildId`)?.value.trim()||``,n=document.getElementById(`dcChannelIds`)?.value.trim()||``;await a(`/api/settings`,`PUT`,{discord:{token:e,guildId:t,channelIds:n?n.split(`,`).map(e=>e.trim()).filter(Boolean):[]}})}async function ne(e){document.getElementById(`dcOn`)?.classList.toggle(`active`,e),document.getElementById(`dcOff`)?.classList.toggle(`active`,!e),await a(`/api/settings`,`PUT`,{discord:{enabled:e}})}async function re(e){document.getElementById(`dcForwardOn`)?.classList.toggle(`active`,e),document.getElementById(`dcForwardOff`)?.classList.toggle(`active`,!e),await a(`/api/settings`,`PUT`,{discord:{forwardAll:e}})}async function ie(e){document.getElementById(`dcAllowBotsOn`)?.classList.toggle(`active`,e),document.getElementById(`dcAllowBotsOff`)?.classList.toggle(`active`,!e),await a(`/api/settings`,`PUT`,{discord:{allowBots:e}})}async function g(e){document.getElementById(`dcMentionOn`)?.classList.toggle(`active`,e),document.getElementById(`dcMentionOff`)?.classList.toggle(`active`,!e),await a(`/api/settings`,`PUT`,{discord:{mentionOnly:e}})}function _(e){if(!e.discord)return;let t=e.discord;document.getElementById(`dcOn`)?.classList.toggle(`active`,!!t.enabled),document.getElementById(`dcOff`)?.classList.toggle(`active`,!t.enabled);let n=document.getElementById(`dcToken`);t.token&&n&&(n.value=t.token);let r=document.getElementById(`dcGuildId`);t.guildId&&r&&(r.value=t.guildId);let i=document.getElementById(`dcChannelIds`);t.channelIds?.length&&i&&(i.value=t.channelIds.join(`, `));let a=t.forwardAll!==!1;document.getElementById(`dcForwardOn`)?.classList.toggle(`active`,a),document.getElementById(`dcForwardOff`)?.classList.toggle(`active`,!a);let o=!!t.allowBots;document.getElementById(`dcAllowBotsOn`)?.classList.toggle(`active`,o),document.getElementById(`dcAllowBotsOff`)?.classList.toggle(`active`,!o);let s=!!t.mentionOnly;document.getElementById(`dcMentionOn`)?.classList.toggle(`active`,s),document.getElementById(`dcMentionOff`)?.classList.toggle(`active`,!s)}async function v(e){document.getElementById(`chTelegram`)?.classList.toggle(`active`,e===`telegram`),document.getElementById(`chDiscord`)?.classList.toggle(`active`,e===`discord`),document.getElementById(`channelTelegramSettings`)?.style.setProperty(`display`,e===`telegram`?``:`none`),document.getElementById(`channelDiscordSettings`)?.style.setProperty(`display`,e===`discord`?``:`none`),await a(`/api/settings`,`PUT`,{channel:e})}function y(e){let t=e.channel||`telegram`;document.getElementById(`chTelegram`)?.classList.toggle(`active`,t===`telegram`),document.getElementById(`chDiscord`)?.classList.toggle(`active`,t===`discord`),document.getElementById(`channelTelegramSettings`)?.style.setProperty(`display`,t===`telegram`?``:`none`),document.getElementById(`channelDiscordSettings`)?.style.setProperty(`display`,t===`discord`?``:`none`)}function b(e){let r=document.getElementById(`fallbackOrderList`);if(!r)return;let i=Object.keys(e.perCli||{}),a=e.fallbackOrder||[],o=Math.min(i.length-1,3),s=``;for(let e=0;e<o;e++){let r=a[e]||``,o=i.map(e=>`<option value="${n(e)}" ${e===r?`selected`:``}>${n(e)}</option>`).join(``);s+=`
|
|
2
2
|
<div class="settings-row sub-row">
|
|
3
3
|
<label style="min-width:60px">Fallback ${e+1}</label>
|
|
4
4
|
<select id="fallback${e}"
|
|
5
5
|
style="font-size:11px;padding:4px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:4px;flex:1">
|
|
6
|
-
<option value="">${
|
|
6
|
+
<option value="">${t(`settings.none`)}</option>
|
|
7
7
|
${o}
|
|
8
8
|
</select>
|
|
9
|
-
</div>`}
|
|
9
|
+
</div>`}r.innerHTML=s}async function x(){await a(`/api/settings`,`PUT`,{fallbackOrder:[...document.querySelectorAll(`#fallbackOrderList select`)].map(e=>e.value).filter(Boolean)})}async function S(){try{let e=await o(`/api/mcp`);if(!e)return;let r=document.getElementById(`mcpServerList`);if(!r)return;let i=Object.entries(e.servers||{});if(!i.length){r.textContent=t(`mcp.noServers`);return}r.innerHTML=i.map(([e,t])=>`<div style="padding:2px 0">• <b>${n(e)}</b> <span style="opacity:.6">${n(t.command)} ${(t.args||[]).slice(0,2).map(e=>n(e)).join(` `)}</span></div>`).join(``)}catch{}}async function C(){let e=document.getElementById(`mcpSyncResult`);if(e){e.style.display=`block`,e.textContent=t(`mcp.syncing`);try{let t=await a(`/api/mcp/sync`,`POST`,{});if(!t){e.innerHTML=`${r.error} sync failed`;return}let i=t.results||{};e.innerHTML=Object.entries(i).map(([e,t])=>`${t?r.check:r.skip} ${n(e)}`).join(` `)}catch(t){e.innerHTML=`${r.error} ${n(t.message)}`}}}async function w(){let e=document.getElementById(`mcpSyncResult`);if(e){e.style.display=`block`,e.textContent=t(`mcp.installing`);try{let t=await a(`/api/mcp/install`,`POST`,{});if(!t){e.innerHTML=`${r.error} install failed`;return}e.innerHTML=Object.entries(t.results||{}).map(([e,t])=>`${t.status===`installed`?r.check:t.status===`skip`?r.skip:r.error} <b>${n(e)}</b>: ${n(t.status)}${t.bin?` ${r.arrowRight} `+n(t.bin):``}`).join(`<br>`),S()}catch(t){e.innerHTML=`${r.error} ${n(t.message)}`}}}var ae=`<svg height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>Claude</title><path d="M4.709 15.955l4.72-2.647.08-.23-.08-.128H9.2l-.79-.048-2.698-.073-2.339-.097-2.266-.122-.571-.121L0 11.784l.055-.352.48-.321.686.06 1.52.103 2.278.158 1.652.097 2.449.255h.389l.055-.157-.134-.098-.103-.097-2.358-1.596-2.552-1.688-1.336-.972-.724-.491-.364-.462-.158-1.008.656-.722.881.06.225.061.893.686 1.908 1.476 2.491 1.833.365.304.145-.103.019-.073-.164-.274-1.355-2.446-1.446-2.49-.644-1.032-.17-.619a2.97 2.97 0 01-.104-.729L6.283.134 6.696 0l.996.134.42.364.62 1.414 1.002 2.229 1.555 3.03.456.898.243.832.091.255h.158V9.01l.128-1.706.237-2.095.23-2.695.08-.76.376-.91.747-.492.584.28.48.685-.067.444-.286 1.851-.559 2.903-.364 1.942h.212l.243-.242.985-1.306 1.652-2.064.73-.82.85-.904.547-.431h1.033l.76 1.129-.34 1.166-1.064 1.347-.881 1.142-1.264 1.7-.79 1.36.073.11.188-.02 2.856-.606 1.543-.28 1.841-.315.833.388.091.395-.328.807-1.969.486-2.309.462-3.439.813-.042.03.049.061 1.549.146.662.036h1.622l3.02.225.79.522.474.638-.079.485-1.215.62-1.64-.389-3.829-.91-1.312-.329h-.182v.11l1.093 1.068 2.006 1.81 2.509 2.33.127.578-.322.455-.34-.049-2.205-1.657-.851-.747-1.926-1.62h-.128v.17l.444.649 2.345 3.521.122 1.08-.17.353-.608.213-.668-.122-1.374-1.925-1.415-2.167-1.143-1.943-.14.08-.674 7.254-.316.37-.729.28-.607-.461-.322-.747.322-1.476.389-1.924.315-1.53.286-1.9.17-.632-.012-.042-.14.018-1.434 1.967-2.18 2.945-1.726 1.845-.414.164-.717-.37.067-.662.401-.589 2.388-3.036 1.44-1.882.93-1.086-.006-.158h-.055L4.132 18.56l-1.13.146-.487-.456.061-.746.231-.243 1.908-1.312-.006.006z" fill="#D97757" fill-rule="nonzero"></path></svg>`,T=`<svg fill="currentColor" fill-rule="evenodd" height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>OpenAI</title><path d="M9.205 8.658v-2.26c0-.19.072-.333.238-.428l4.543-2.616c.619-.357 1.356-.523 2.117-.523 2.854 0 4.662 2.212 4.662 4.566 0 .167 0 .357-.024.547l-4.71-2.759a.797.797 0 00-.856 0l-5.97 3.473zm10.609 8.8V12.06c0-.333-.143-.57-.429-.737l-5.97-3.473 1.95-1.118a.433.433 0 01.476 0l4.543 2.617c1.309.76 2.189 2.378 2.189 3.948 0 1.808-1.07 3.473-2.76 4.163zM7.802 12.703l-1.95-1.142c-.167-.095-.239-.238-.239-.428V5.899c0-2.545 1.95-4.472 4.591-4.472 1 0 1.927.333 2.712.928L8.23 5.067c-.285.166-.428.404-.428.737v6.898zM12 15.128l-2.795-1.57v-3.33L12 8.658l2.795 1.57v3.33L12 15.128zm1.796 7.23c-1 0-1.927-.332-2.712-.927l4.686-2.712c.285-.166.428-.404.428-.737v-6.898l1.974 1.142c.167.095.238.238.238.428v5.233c0 2.545-1.974 4.472-4.614 4.472zm-5.637-5.303l-4.544-2.617c-1.308-.761-2.188-2.378-2.188-3.948A4.482 4.482 0 014.21 6.327v5.423c0 .333.143.571.428.738l5.947 3.449-1.95 1.118a.432.432 0 01-.476 0zm-.262 3.9c-2.688 0-4.662-2.021-4.662-4.519 0-.19.024-.38.047-.57l4.686 2.71c.286.167.571.167.856 0l5.97-3.448v2.26c0 .19-.07.333-.237.428l-4.543 2.616c-.619.357-1.356.523-2.117.523zm5.899 2.83a5.947 5.947 0 005.827-4.756C22.287 18.339 24 15.84 24 13.296c0-1.665-.713-3.282-1.998-4.448.119-.5.19-.999.19-1.498 0-3.401-2.759-5.947-5.946-5.947-.642 0-1.26.095-1.88.31A5.962 5.962 0 0010.205 0a5.947 5.947 0 00-5.827 4.757C1.713 5.447 0 7.945 0 10.49c0 1.666.713 3.283 1.998 4.448-.119.5-.19 1-.19 1.499 0 3.401 2.759 5.946 5.946 5.946.642 0 1.26-.095 1.88-.309a5.96 5.96 0 004.162 1.713z"></path></svg>`,oe=`<svg height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>Gemini</title><path d="M20.616 10.835a14.147 14.147 0 01-4.45-3.001 14.111 14.111 0 01-3.678-6.452.503.503 0 00-.975 0 14.134 14.134 0 01-3.679 6.452 14.155 14.155 0 01-4.45 3.001c-.65.28-1.318.505-2.002.678a.502.502 0 000 .975c.684.172 1.35.397 2.002.677a14.147 14.147 0 014.45 3.001 14.112 14.112 0 013.679 6.453.502.502 0 00.975 0c.172-.685.397-1.351.677-2.003a14.145 14.145 0 013.001-4.45 14.113 14.113 0 016.453-3.678.503.503 0 000-.975 13.245 13.245 0 01-2.003-.678z" fill="#3186FF"></path><path d="M20.616 10.835a14.147 14.147 0 01-4.45-3.001 14.111 14.111 0 01-3.678-6.452.503.503 0 00-.975 0 14.134 14.134 0 01-3.679 6.452 14.155 14.155 0 01-4.45 3.001c-.65.28-1.318.505-2.002.678a.502.502 0 000 .975c.684.172 1.35.397 2.002.677a14.147 14.147 0 014.45 3.001 14.112 14.112 0 013.679 6.453.502.502 0 00.975 0c.172-.685.397-1.351.677-2.003a14.145 14.145 0 013.001-4.45 14.113 14.113 0 016.453-3.678.503.503 0 000-.975 13.245 13.245 0 01-2.003-.678z" fill="url(#lobe-icons-gemini-0-_R_0_)"></path><path d="M20.616 10.835a14.147 14.147 0 01-4.45-3.001 14.111 14.111 0 01-3.678-6.452.503.503 0 00-.975 0 14.134 14.134 0 01-3.679 6.452 14.155 14.155 0 01-4.45 3.001c-.65.28-1.318.505-2.002.678a.502.502 0 000 .975c.684.172 1.35.397 2.002.677a14.147 14.147 0 014.45 3.001 14.112 14.112 0 013.679 6.453.502.502 0 00.975 0c.172-.685.397-1.351.677-2.003a14.145 14.145 0 013.001-4.45 14.113 14.113 0 016.453-3.678.503.503 0 000-.975 13.245 13.245 0 01-2.003-.678z" fill="url(#lobe-icons-gemini-1-_R_0_)"></path><path d="M20.616 10.835a14.147 14.147 0 01-4.45-3.001 14.111 14.111 0 01-3.678-6.452.503.503 0 00-.975 0 14.134 14.134 0 01-3.679 6.452 14.155 14.155 0 01-4.45 3.001c-.65.28-1.318.505-2.002.678a.502.502 0 000 .975c.684.172 1.35.397 2.002.677a14.147 14.147 0 014.45 3.001 14.112 14.112 0 013.679 6.453.502.502 0 00.975 0c.172-.685.397-1.351.677-2.003a14.145 14.145 0 013.001-4.45 14.113 14.113 0 016.453-3.678.503.503 0 000-.975 13.245 13.245 0 01-2.003-.678z" fill="url(#lobe-icons-gemini-2-_R_0_)"></path><defs><linearGradient gradientUnits="userSpaceOnUse" id="lobe-icons-gemini-0-_R_0_" x1="7" x2="11" y1="15.5" y2="12"><stop stop-color="#08B962"></stop><stop offset="1" stop-color="#08B962" stop-opacity="0"></stop></linearGradient><linearGradient gradientUnits="userSpaceOnUse" id="lobe-icons-gemini-1-_R_0_" x1="8" x2="11.5" y1="5.5" y2="11"><stop stop-color="#F94543"></stop><stop offset="1" stop-color="#F94543" stop-opacity="0"></stop></linearGradient><linearGradient gradientUnits="userSpaceOnUse" id="lobe-icons-gemini-2-_R_0_" x1="3.5" x2="17.5" y1="13.5" y2="12"><stop stop-color="#FABC12"></stop><stop offset=".46" stop-color="#FABC12" stop-opacity="0"></stop></linearGradient></defs></svg>`,se=`<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><title>GitHub Copilot</title><path d="M23.922 16.997C23.061 18.492 18.063 22.02 12 22.02 5.937 22.02.939 18.492.078 16.997A.641.641 0 0 1 0 16.741v-2.869a.883.883 0 0 1 .053-.22c.372-.935 1.347-2.292 2.605-2.656.167-.429.414-1.055.644-1.517a10.098 10.098 0 0 1-.052-1.086c0-1.331.282-2.499 1.132-3.368.397-.406.89-.717 1.474-.952C7.255 2.937 9.248 1.98 11.978 1.98c2.731 0 4.767.957 6.166 2.093.584.235 1.077.546 1.474.952.85.869 1.132 2.037 1.132 3.368 0 .368-.014.733-.052 1.086.23.462.477 1.088.644 1.517 1.258.364 2.233 1.721 2.605 2.656a.841.841 0 0 1 .053.22v2.869a.641.641 0 0 1-.078.256Zm-11.75-5.992h-.344a4.359 4.359 0 0 1-.355.508c-.77.947-1.918 1.492-3.508 1.492-1.725 0-2.989-.359-3.782-1.259a2.137 2.137 0 0 1-.085-.104L4 11.746v6.585c1.435.779 4.514 2.179 8 2.179 3.486 0 6.565-1.4 8-2.179v-6.585l-.098-.104s-.033.045-.085.104c-.793.9-2.057 1.259-3.782 1.259-1.59 0-2.738-.545-3.508-1.492a4.359 4.359 0 0 1-.355-.508Zm2.328 3.25c.549 0 1 .451 1 1v2c0 .549-.451 1-1 1-.549 0-1-.451-1-1v-2c0-.549.451-1 1-1Zm-5 0c.549 0 1 .451 1 1v2c0 .549-.451 1-1 1-.549 0-1-.451-1-1v-2c0-.549.451-1 1-1Zm3.313-6.185c.136 1.057.403 1.913.878 2.497.442.544 1.134.938 2.344.938 1.573 0 2.292-.337 2.657-.751.384-.435.558-1.15.558-2.361 0-1.14-.243-1.847-.705-2.319-.477-.488-1.319-.862-2.824-1.025-1.487-.161-2.192.138-2.533.529-.269.307-.437.808-.438 1.578v.021c0 .265.021.562.063.893Zm-1.626 0c.042-.331.063-.628.063-.894v-.02c-.001-.77-.169-1.271-.438-1.578-.341-.391-1.046-.69-2.533-.529-1.505.163-2.347.537-2.824 1.025-.462.472-.705 1.179-.705 2.319 0 1.211.175 1.926.558 2.361.365.414 1.084.751 2.657.751 1.21 0 1.902-.394 2.344-.938.475-.584.742-1.44.878-2.497Z"/></svg>
|
|
10
10
|
`,ce=`<svg fill="currentColor" fill-rule="evenodd" height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>Claude</title><path d="M4.709 15.955l4.72-2.647.08-.23-.08-.128H9.2l-.79-.048-2.698-.073-2.339-.097-2.266-.122-.571-.121L0 11.784l.055-.352.48-.321.686.06 1.52.103 2.278.158 1.652.097 2.449.255h.389l.055-.157-.134-.098-.103-.097-2.358-1.596-2.552-1.688-1.336-.972-.724-.491-.364-.462-.158-1.008.656-.722.881.06.225.061.893.686 1.908 1.476 2.491 1.833.365.304.145-.103.019-.073-.164-.274-1.355-2.446-1.446-2.49-.644-1.032-.17-.619a2.97 2.97 0 01-.104-.729L6.283.134 6.696 0l.996.134.42.364.62 1.414 1.002 2.229 1.555 3.03.456.898.243.832.091.255h.158V9.01l.128-1.706.237-2.095.23-2.695.08-.76.376-.91.747-.492.584.28.48.685-.067.444-.286 1.851-.559 2.903-.364 1.942h.212l.243-.242.985-1.306 1.652-2.064.73-.82.85-.904.547-.431h1.033l.76 1.129-.34 1.166-1.064 1.347-.881 1.142-1.264 1.7-.79 1.36.073.11.188-.02 2.856-.606 1.543-.28 1.841-.315.833.388.091.395-.328.807-1.969.486-2.309.462-3.439.813-.042.03.049.061 1.549.146.662.036h1.622l3.02.225.79.522.474.638-.079.485-1.215.62-1.64-.389-3.829-.91-1.312-.329h-.182v.11l1.093 1.068 2.006 1.81 2.509 2.33.127.578-.322.455-.34-.049-2.205-1.657-.851-.747-1.926-1.62h-.128v.17l.444.649 2.345 3.521.122 1.08-.17.353-.608.213-.668-.122-1.374-1.925-1.415-2.167-1.143-1.943-.14.08-.674 7.254-.316.37-.729.28-.607-.461-.322-.747.322-1.476.389-1.924.315-1.53.286-1.9.17-.632-.012-.042-.14.018-1.434 1.967-2.18 2.945-1.726 1.845-.414.164-.717-.37.067-.662.401-.589 2.388-3.036 1.44-1.882.93-1.086-.006-.158h-.055L4.132 18.56l-1.13.146-.487-.456.061-.746.231-.243 1.908-1.312-.006.006z"></path></svg>`,le=`<svg fill="currentColor" fill-rule="evenodd" height="1em" style="flex:none;line-height:1" viewBox="0 0 24 24" width="1em" xmlns="http://www.w3.org/2000/svg"><title>Gemini</title><path d="M20.616 10.835a14.147 14.147 0 01-4.45-3.001 14.111 14.111 0 01-3.678-6.452.503.503 0 00-.975 0 14.134 14.134 0 01-3.679 6.452 14.155 14.155 0 01-4.45 3.001c-.65.28-1.318.505-2.002.678a.502.502 0 000 .975c.684.172 1.35.397 2.002.677a14.147 14.147 0 014.45 3.001 14.112 14.112 0 013.679 6.453.502.502 0 00.975 0c.172-.685.397-1.351.677-2.003a14.145 14.145 0 013.001-4.45 14.113 14.113 0 016.453-3.678.503.503 0 000-.975 13.245 13.245 0 01-2.003-.678z"></path></svg>`,ue=`<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><title>GitHub Copilot</title><path d="M23.922 16.997C23.061 18.492 18.063 22.02 12 22.02 5.937 22.02.939 18.492.078 16.997A.641.641 0 0 1 0 16.741v-2.869a.883.883 0 0 1 .053-.22c.372-.935 1.347-2.292 2.605-2.656.167-.429.414-1.055.644-1.517a10.098 10.098 0 0 1-.052-1.086c0-1.331.282-2.499 1.132-3.368.397-.406.89-.717 1.474-.952C7.255 2.937 9.248 1.98 11.978 1.98c2.731 0 4.767.957 6.166 2.093.584.235 1.077.546 1.474.952.85.869 1.132 2.037 1.132 3.368 0 .368-.014.733-.052 1.086.23.462.477 1.088.644 1.517 1.258.364 2.233 1.721 2.605 2.656a.841.841 0 0 1 .053.22v2.869a.641.641 0 0 1-.078.256Zm-11.75-5.992h-.344a4.359 4.359 0 0 1-.355.508c-.77.947-1.918 1.492-3.508 1.492-1.725 0-2.989-.359-3.782-1.259a2.137 2.137 0 0 1-.085-.104L4 11.746v6.585c1.435.779 4.514 2.179 8 2.179 3.486 0 6.565-1.4 8-2.179v-6.585l-.098-.104s-.033.045-.085.104c-.793.9-2.057 1.259-3.782 1.259-1.59 0-2.738-.545-3.508-1.492a4.359 4.359 0 0 1-.355-.508Zm2.328 3.25c.549 0 1 .451 1 1v2c0 .549-.451 1-1 1-.549 0-1-.451-1-1v-2c0-.549.451-1 1-1Zm-5 0c.549 0 1 .451 1 1v2c0 .549-.451 1-1 1-.549 0-1-.451-1-1v-2c0-.549.451-1 1-1Zm3.313-6.185c.136 1.057.403 1.913.878 2.497.442.544 1.134.938 2.344.938 1.573 0 2.292-.337 2.657-.751.384-.435.558-1.15.558-2.361 0-1.14-.243-1.847-.705-2.319-.477-.488-1.319-.862-2.824-1.025-1.487-.161-2.192.138-2.533.529-.269.307-.437.808-.438 1.578v.021c0 .265.021.562.063.893Zm-1.626 0c.042-.331.063-.628.063-.894v-.02c-.001-.77-.169-1.271-.438-1.578-.341-.391-1.046-.69-2.533-.529-1.505.163-2.347.537-2.824 1.025-.462.472-.705 1.179-.705 2.319 0 1.211.175 1.926.558 2.361.365.414 1.084.751 2.657.751 1.21 0 1.902-.394 2.344-.938.475-.584.742-1.44.878-2.497Z"/></svg>
|
|
11
11
|
`,E=`<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><title>Discord</title><path d="M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z"/></svg>`,D=`<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><title>Telegram</title><path d="M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z"/></svg>`,O=`<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="4 17 10 11 4 5"/><line x1="12" y1="19" x2="20" y2="19"/></svg>
|
|
12
|
-
`,de={claude:{color:ae,mono:ce,label:`Claude`},openai:{color:T,mono:T,label:`OpenAI`},gemini:{color:oe,mono:le,label:`Gemini`},copilot:{color:se,mono:ue,label:`GitHub Copilot`},codex:{color:T,mono:T,label:`Codex (OpenAI)`},opencode:{color:O,mono:O,label:`OpenCode`},discord:{color:E,mono:E,label:`Discord`},telegram:{color:D,mono:D,label:`Telegram`}};function k(e,t=`color`){let n=e.toLowerCase().replace(/[-_\s]/g,``),r;if(n===`claude`||n.startsWith(`claude`))r=`claude`;else if(n===`gemini`||n.startsWith(`gemini`))r=`gemini`;else if(n.startsWith(`copilot`)||n===`githubcopilot`)r=`copilot`;else if(n===`codex`)r=`codex`;else if(n===`opencode`)r=`opencode`;else if(n===`openai`||n.startsWith(`gpt`)||n.startsWith(`o1`)||n.startsWith(`o3`)||n.startsWith(`o4`))r=`openai`;else if(n===`discord`)r=`discord`;else if(n===`telegram`)r=`telegram`;else return``;let i=de[r];return t===`mono`?i.mono:i.color}function fe(e=document.body){let t=e.querySelectorAll(`[data-provider]`);for(let e of t){let t=k(e.dataset.provider||``);t&&(e.innerHTML=t,e.classList.add(`cli-provider-icon`))}}function A(e){return e.charAt(0).toUpperCase()+e.slice(1)}function j(e){return document.getElementById(`model`+A(e))}function M(e){return document.getElementById(`customModel`+A(e))}function N(e){return document.getElementById(`effort`+A(e))}function P(e,
|
|
12
|
+
`,de={claude:{color:ae,mono:ce,label:`Claude`},openai:{color:T,mono:T,label:`OpenAI`},gemini:{color:oe,mono:le,label:`Gemini`},copilot:{color:se,mono:ue,label:`GitHub Copilot`},codex:{color:T,mono:T,label:`Codex (OpenAI)`},opencode:{color:O,mono:O,label:`OpenCode`},discord:{color:E,mono:E,label:`Discord`},telegram:{color:D,mono:D,label:`Telegram`}};function k(e,t=`color`){let n=e.toLowerCase().replace(/[-_\s]/g,``),r;if(n===`claude`||n.startsWith(`claude`))r=`claude`;else if(n===`gemini`||n.startsWith(`gemini`))r=`gemini`;else if(n.startsWith(`copilot`)||n===`githubcopilot`)r=`copilot`;else if(n===`codex`)r=`codex`;else if(n===`opencode`)r=`opencode`;else if(n===`openai`||n.startsWith(`gpt`)||n.startsWith(`o1`)||n.startsWith(`o3`)||n.startsWith(`o4`))r=`openai`;else if(n===`discord`)r=`discord`;else if(n===`telegram`)r=`telegram`;else return``;let i=de[r];return t===`mono`?i.mono:i.color}function fe(e=document.body){let t=e.querySelectorAll(`[data-provider]`);for(let e of t){let t=k(e.dataset.provider||``);t&&(e.innerHTML=t,e.classList.add(`cli-provider-icon`))}}function A(e){return e.charAt(0).toUpperCase()+e.slice(1)}function j(e){return document.getElementById(`model`+A(e))}function M(e){return document.getElementById(`customModel`+A(e))}function N(e){return document.getElementById(`effort`+A(e))}function P(e,r,{includeCustom:i=!1,includeDefault:a=!1,selected:o=``}={}){if(!e)return;let s=a?`<option value="default">default</option>`:``,c=i?`<option value="__custom__">${t(`model.customOption`)}</option>`:``;e.innerHTML=s+(r||[]).map(e=>`<option value="${n(e)}">${n(e)}</option>`).join(``)+c,o&&Array.from(e.options).some(e=>e.value===o)&&(e.value=o)}function F(e,t){if(!e||!t||Array.from(e.options).some(e=>e.value===t))return;let n=document.createElement(`option`);n.value=t,n.textContent=t;let r=e.querySelector(`option[value="__custom__"]`);r?e.insertBefore(n,r):e.appendChild(n)}function I(e=null){let t=u(),r=document.getElementById(`selCli`);if(r){let i=e?.cli||r.value||t[0]||`claude`;r.innerHTML=t.map(e=>{let t=l(e)?.label||e;return`<option value="${n(e)}">${n(t)}</option>`}).join(``),Array.from(r.options).some(e=>e.value===i)&&(r.value=i)}let i=document.getElementById(`memCli`);if(i){let r=e?.memory?.cli||i.value||``;i.innerHTML=`<option value="">(active CLI)</option>`+t.map(e=>`<option value="${n(e)}">${n(e)}</option>`).join(``),Array.from(i.options).some(e=>e.value===r)&&(i.value=r)}}function L(e,t){if(e!==`claude`)return t;switch((t||``).trim()){case`claude-sonnet-4-6`:return`sonnet`;case`claude-opus-4-6`:return`opus`;case`claude-sonnet-4-6[1m]`:return`sonnet[1m]`;case`claude-opus-4-6[1m]`:return`opus[1m]`;default:return t}}function R(e=null){for(let t of u()){let r=j(t);if(r){let n=L(t,e?.perCli?.[t]?.model||r.value||``);P(r,d[t]||[],{includeCustom:!0,selected:n}),n&&!Array.from(r.options).some(e=>e.value===n)&&(F(r,n),r.value=n)}let i=N(t);if(i){let r=l(t),a=[``].concat(r?.efforts||[]),o=e?.perCli?.[t]?.effort||i.value||``,s=[...new Set(a)],c=r?.efforts?.length===0&&r?.effortNote?r.effortNote:`— none`;i.innerHTML=s.map(e=>e?`<option value="${n(e)}">${n(e)}</option>`:`<option value="">${n(c)}</option>`).join(``),r?.effortNote&&(i.title=r.effortNote),i.disabled=r?.efforts?.length===0&&!!r?.effortNote,Array.from(i.options).some(e=>e.value===o)&&(i.value=o)}}}function z(e,t=``){let r=document.getElementById(`selEffort`);if(!r)return;let i=l(e);if(i?.effortNote){r.innerHTML=`<option value="">${n(i.effortNote)}</option>`,r.title=i.effortNote,r.disabled=!0;return}let a=[``].concat(i?.efforts||[]);r.innerHTML=[...new Set(a)].map(e=>e?`<option value="${n(e)}">${n(e)}</option>`:`<option value="">— none</option>`).join(``),r.disabled=!1,r.title=``,Array.from(r.options).some(e=>e.value===t)&&(r.value=t)}async function B(){await c();let e=await o(`/api/settings`);if(!e)return;s(e.locale??``),I(e),R(e);let t=document.getElementById(`selCli`);t&&Array.from(t.options).some(t=>t.value===e.cli)&&(t.value=e.cli);let r=document.getElementById(`inpCwd`);r&&(r.textContent=e.workingDir);let i=document.getElementById(`headerCli`);if(i){let t=k(e.cli);i.innerHTML=t?`${t} ${n(e.cli)}`:n(e.cli)}if(H(e.permissions,!1),e.perCli)for(let[t,n]of Object.entries(e.perCli)){let e=j(t),r=N(t);if(e&&n.model){let r=L(t,n.model);F(e,r),e.value=r}if(r&&(r.value=n.effort||``),t===`codex`&&n.fastMode!==void 0&&(document.getElementById(`codexFastOn`)?.classList.toggle(`active`,n.fastMode),document.getElementById(`codexFastOff`)?.classList.toggle(`active`,!n.fastMode)),t===`codex`){let e=!!n.contextWindow;document.getElementById(`codexCtxOn`)?.classList.toggle(`active`,e),document.getElementById(`codexCtxOff`)?.classList.toggle(`active`,!e);let t=document.getElementById(`codexCtxValues`);t&&(t.style.display=e?``:`none`);let r=document.getElementById(`codexCtxWindow`),i=document.getElementById(`codexCtxCompact`);r&&n.contextWindowSize&&(r.value=String(n.contextWindowSize)),i&&n.contextCompactLimit&&(i.value=String(n.contextCompactLimit))}if(t===`claude`){let e=!!(n.model&&String(n.model).endsWith(`[1m]`));document.getElementById(`claude1mOn`)?.classList.toggle(`active`,e),document.getElementById(`claude1mOff`)?.classList.toggle(`active`,!e)}}K(!1);let a=e.activeOverrides?.[e.cli]||{},l=e.perCli?.[e.cli]||{},u=a.model||l.model,d=a.effort||l.effort||``,p=document.getElementById(`selModel`);if(u&&p){let t=L(e.cli,u);t&&!Array.from(p.options).some(e=>e.value===t)&&F(p,t),p.value=t}z(e.cli,d),ee(e),_(e),y(e),b(e),S(),f(e.stt||{})}async function V(){let e={cli:document.getElementById(`selCli`)?.value||`claude`},t=document.getElementById(`headerCli`);if(t){let r=k(e.cli);t.innerHTML=r?`${r} ${n(e.cli)}`:n(e.cli)}await a(`/api/settings`,`PUT`,e)}function H(e,t=!0){t&&i(`/api/settings`,`PUT`,{permissions:`auto`})}function U(e){let t=j(e);return t?t.value===`__custom__`?M(e)?.value?.trim()||t.options[0]?.value||`default`:t.value:`default`}function pe(e,t){let n=M(e);n&&(t.value===`__custom__`?(n.style.display=`block`,n.focus()):(n.style.display=`none`,e===`claude`&&W(t.value),G()))}function W(e){let t=!!(e&&e.endsWith(`[1m]`));document.getElementById(`claude1mOn`)?.classList.toggle(`active`,t),document.getElementById(`claude1mOff`)?.classList.toggle(`active`,!t)}function me(e,t){let n=t.value.trim();if(!n)return;let r=j(e);r&&(F(r,n),r.value=n,t.style.display=`none`,e===`claude`&&W(n),G())}async function G(){let e={};for(let t of u()){if(!j(t))continue;let n=N(t),r={model:U(t),effort:n?n.value:``};if(t===`codex`){r.fastMode=document.getElementById(`codexFastOn`)?.classList.contains(`active`)??!1,r.contextWindow=document.getElementById(`codexCtxOn`)?.classList.contains(`active`)??!1;let e=document.getElementById(`codexCtxWindow`),t=document.getElementById(`codexCtxCompact`);r.contextWindowSize=parseInt(e?.value||`1000000`,10),r.contextCompactLimit=parseInt(t?.value||`900000`,10)}e[t]=r}await a(`/api/settings`,`PUT`,{perCli:e})}function K(e=!0){let r=document.getElementById(`selCli`)?.value||`claude`,i=d[r]||[],a=document.getElementById(`selModel`);P(a,i,{includeCustom:!0,includeDefault:!0});let s=document.getElementById(`headerCli`);if(s){let e=k(r);s.innerHTML=e?`${e} ${n(r)}`:n(r)}z(r);let c=document.getElementById(`selModelCustom`);c&&c.remove();let l=document.createElement(`input`);if(l.type=`text`,l.id=`selModelCustom`,l.className=`custom-model-input`,l.placeholder=t(`model.placeholder`),l.style.display=`none`,l.onchange=function(){let e=this.value.trim();!e||!a||(F(a,e),a.value=e,this.style.display=`none`,q())},!a){e&&V();return}a.parentElement?.appendChild(l),a.onchange=function(){this.value===`__custom__`?(l.style.display=`block`,l.focus()):(l.style.display=`none`,q())},o(`/api/settings`).then(e=>{if(!e)return;let t=e.activeOverrides?.[r]||{},n=e.perCli?.[r]||{},i=t.model||n.model,o=t.effort||n.effort||``;if(i&&a){let e=L(r,i);F(a,e),a.value=e}z(r,o)}),e&&V()}async function q(){let e=document.getElementById(`selCli`)?.value||`claude`,t=document.getElementById(`selModel`)?.value||`default`;t===`__custom__`&&(t=document.getElementById(`selModelCustom`)?.value?.trim()||`default`);let n=document.getElementById(`selEffort`),r={};r[e]={model:t},n&&!n.disabled&&(r[e].effort=n.value||``),await a(`/api/settings`,`PUT`,{activeOverrides:r})}async function J(t=!1){let n=Number(localStorage.getItem(`cliStatusInterval`)||300);if(!t&&e.cliStatusCache&&n>0&&Date.now()-e.cliStatusTs<n*1e3){Y({cliStatus:e.cliStatusCache?.cliStatus,quota:e.cliStatusCache?.quota});return}let r=document.getElementById(`cliStatusList`);r&&(r.innerHTML=`<div style="color:var(--text-dim);font-size:11px">Loading...</div>`);let[i,a]=await Promise.all([o(`/api/cli-status`),o(`/api/quota`)]);e.cliStatusCache={cliStatus:i,quota:a},e.cliStatusTs=Date.now(),Y({cliStatus:i,quota:a})}function Y(e){let{cliStatus:i,quota:a}=e,s=document.getElementById(`cliStatusList`),c={claude:{install:`npm i -g @anthropic-ai/claude-code`,auth:`claude auth`},codex:{install:`npm i -g @openai/codex`,auth:`codex login`},gemini:{install:`npm i -g @google/gemini-cli`,auth:`gemini (${t(`cli.gemini.auth`)})`},opencode:{install:`npm i -g opencode-ai`,auth:`opencode auth`},copilot:{install:`npm i -g copilot`,auth:`copilot login 또는 gh auth login`}},l=``;if(!i||typeof i!=`object`){s&&(s.innerHTML=`<div style="color:var(--text-dim);font-size:11px">Failed to load CLI status</div>`);return}for(let[e,o]of Object.entries(i)){let i=a?.[e],s;s=o.available?!i||i.error?`ok`:i.authenticated===!1?`warn`:`ok`:`missing`;let u=``;if(i?.account){let e=[];i.account.email&&e.push(i.account.email),i.account.type&&e.push(i.account.type),i.account.plan&&e.push(i.account.plan),i.account.tier&&e.push(i.account.tier),e.length&&(u=`<div style="font-size:10px;color:var(--text-dim);margin:2px 0 4px 16px">${n(e.join(` · `))}</div>`)}let d=``;if(!o.available||s===`warn`){let r=c[e];if(r){let e=!o.available,i=t(e?`cli.authRequired`:`cli.notAuthenticated`),a=e?`#ef4444`:`#fbbf24`;d=`
|
|
13
13
|
<div style="font-size:10px;margin:4px 0 2px 16px;padding:6px 8px;background:var(--bg-dim, #1e1e2e);border-radius:4px;border-left:2px solid ${a}">
|
|
14
14
|
<div style="color:${a};margin-bottom:3px">${i}</div>
|
|
15
|
-
${e?`<div style="color:var(--text-dim)"><code style="font-size:10px;background:var(--border);padding:1px 4px;border-radius:2px">${r
|
|
16
|
-
<div style="color:var(--text-dim)${e?`;margin-top:2px`:``}"><code style="font-size:10px;background:var(--border);padding:1px 4px;border-radius:2px">${r
|
|
15
|
+
${e?`<div style="color:var(--text-dim)"><code style="font-size:10px;background:var(--border);padding:1px 4px;border-radius:2px">${n(r.install)}</code></div>`:``}
|
|
16
|
+
<div style="color:var(--text-dim)${e?`;margin-top:2px`:``}"><code style="font-size:10px;background:var(--border);padding:1px 4px;border-radius:2px">${n(r.auth)}</code></div>
|
|
17
17
|
</div>
|
|
18
|
-
`}}let f=``;if(i?.windows?.length)f=i.windows.map(e=>{let t=Math.round(e.percent),
|
|
18
|
+
`}}let f=``;if(i?.windows?.length)f=i.windows.map(e=>{let t=Math.round(e.percent),r=t>80?`#ef4444`:t>50?`#fbbf24`:`#38bdf8`,i=e.label.replace(`-hour`,`h`).replace(`-day`,`d`).replace(` Sonnet`,``).replace(` Opus`,``).replace(`plus monthly subscriber quota`,`plus`).replace(`Premium`,`Prem`),a=``;if(e.resetsAt){let t=new Date(typeof e.resetsAt==`number`?e.resetsAt*1e3:e.resetsAt),n=new Date;a=t.toDateString()===n.toDateString()?`${t.getHours()}:${String(t.getMinutes()).padStart(2,`0`)}`:`${t.getMonth()+1}/${t.getDate()}`}return`
|
|
19
19
|
<div style="display:flex;align-items:center;gap:4px;margin-left:16px;font-size:10px;color:var(--text-dim)">
|
|
20
|
-
<span style="min-width:18px;max-width:48px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis">${
|
|
20
|
+
<span style="min-width:18px;max-width:48px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis">${n(i)}</span>
|
|
21
21
|
<div style="flex:1;height:4px;background:var(--border);border-radius:2px;overflow:hidden">
|
|
22
|
-
<div style="width:${t}%;height:100%;background:${
|
|
22
|
+
<div style="width:${t}%;height:100%;background:${r};border-radius:2px"></div>
|
|
23
23
|
</div>
|
|
24
24
|
<span style="width:24px;text-align:right">${t}%</span>
|
|
25
25
|
${a?`<span style="width:30px;text-align:right;opacity:0.6">${a}</span>`:``}
|
|
26
26
|
</div>
|
|
27
|
-
`}).join(``);else if(i?.error&&o.available){let e=i.reason===`rate_limited`?`Rate limited — retry in a moment`:`Usage data unavailable`;f=`<div style="font-size:10px;color:var(--text-dim);margin:2px 0 0 16px;opacity:0.7">${
|
|
27
|
+
`}).join(``);else if(i?.error&&o.available){let e=i.reason===`rate_limited`?`Rate limited — retry in a moment`:`Usage data unavailable`;f=`<div style="font-size:10px;color:var(--text-dim);margin:2px 0 0 16px;opacity:0.7">${r.warning} ${e}</div>`}l+=`
|
|
28
28
|
<div class="settings-group" style="margin-bottom:6px;padding:8px 10px">
|
|
29
29
|
<div class="cli-status-row">
|
|
30
30
|
<span class="cli-dot ${s}"></span>
|
|
31
31
|
<span class="cli-provider-icon" aria-hidden="true">${k(e)||``}</span>
|
|
32
|
-
<span class="cli-name" style="font-weight:600">${
|
|
32
|
+
<span class="cli-name" style="font-weight:600">${n(e)}</span>${e===`copilot`?`<button id="copilotKeychainBtn" style="font-size:9px;margin-left:6px;padding:1px 5px;background:var(--border);color:var(--text-dim);border:1px solid var(--text-dim);border-radius:3px;cursor:pointer;vertical-align:middle;line-height:1" title="${t(`copilot.keychainHint`)}">${r.key}</button>`:``}
|
|
33
33
|
</div>
|
|
34
34
|
${u}
|
|
35
35
|
${d}
|
|
36
36
|
${f}
|
|
37
37
|
</div>
|
|
38
38
|
`}s&&(s.innerHTML=l);let u=Object.entries(i);!u.some(([e,t])=>{if(!t.available)return!1;let n=a?.[e];return!n||n.authenticated!==!1})&&u.length>0&&s&&s.insertAdjacentHTML(`afterbegin`,`<div style="padding:8px 10px;margin-bottom:8px;background:#fbbf2422;border:1px solid #fbbf24;border-radius:6px;font-size:11px;color:#fbbf24">
|
|
39
|
-
${
|
|
40
|
-
</div>`);let d=document.getElementById(`copilotKeychainBtn`);d&&d.addEventListener(`click`,async()=>{let e=d;e.disabled=!0,e.innerHTML=
|
|
41
|
-
계속하시겠습니까?`))return;Z=!Z;let e=document.getElementById(`templateEditor`);e.readOnly=!Z;let
|
|
39
|
+
${r.warning} ${t(`cli.noReadyCli`)}
|
|
40
|
+
</div>`);let d=document.getElementById(`copilotKeychainBtn`);d&&d.addEventListener(`click`,async()=>{let e=d;e.disabled=!0,e.innerHTML=r.hourglass;try{let t=await o(`/api/copilot/refresh`,{method:`POST`});e.innerHTML=t?.ok?r.check:r.error,t?.ok&&await J(!0)}catch{e.innerHTML=r.error}setTimeout(()=>{e.innerHTML=r.key,e.disabled=!1},2e3)})}function he(){o(`/api/prompt`).then(e=>{if(!e)return;let t=document.getElementById(`modalPromptEditor`);t&&(t.value=e.content||``),document.getElementById(`promptModal`)?.classList.add(`open`)})}function ge(e){e&&e.target!==e.currentTarget||document.getElementById(`promptModal`)?.classList.remove(`open`)}async function _e(){await a(`/api/prompt`,`PUT`,{content:document.getElementById(`modalPromptEditor`)?.value||``}),document.getElementById(`promptModal`)?.classList.remove(`open`)}var X=[],Z=!1;async function Q(){let e=await o(`/api/prompt-templates`);e&&(X=e.templates,Z=!1,ve(e.tree),$(`tree`),document.getElementById(`templateModal`)?.classList.add(`open`))}function ve(e){let t=document.getElementById(`templateTree`);if(t){t.innerHTML=``;for(let i of e){let e=document.createElement(`div`);e.style.cssText=`background:var(--bg);border:1px solid var(--accent);border-radius:6px;padding:8px 10px;margin:8px 0 4px;font-size:12px;color:var(--accent);font-weight:600`,e.textContent=`${i.emoji} ${i.label}`,t.appendChild(e);for(let e of i.children){let i=X.find(t=>t.id===e);if(!i)continue;let a=document.createElement(`div`);a.style.cssText=`background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:6px 10px;margin:2px 0 2px 24px;font-size:12px;cursor:pointer;transition:border-color .15s`,a.innerHTML=`${r.file} ${n(i.filename)}`,a.addEventListener(`mouseenter`,()=>{a.style.borderColor=`var(--accent2)`}),a.addEventListener(`mouseleave`,()=>{a.style.borderColor=`var(--border)`}),a.addEventListener(`click`,()=>{ye(i)}),t.appendChild(a)}}}}function ye(e){let t=document.getElementById(`templateEditor`);t.value=e.content,t.dataset.templateId=e.id,t.readOnly=!0,Z=!1;let i=document.getElementById(`templateEditorLabel`);i&&(i.innerHTML=`${r.file} ${n(e.filename)}`);let a=e.content.match(/\{\{[A-Z_]+\}\}/g),o=document.getElementById(`templateVars`);o&&(o.textContent=a?`vars: ${[...new Set(a)].join(`, `)}`:`no variables`);let s=document.getElementById(`templateSaveBtn`);s&&(s.style.display=`none`);let c=document.getElementById(`templateDevToggle`);c&&(c.style.color=`var(--text-dim)`,c.style.borderColor=`var(--border)`,c.innerHTML=`${r.tool} 개발자 모드`);let l=document.getElementById(`templateModalTitle`);l&&(l.innerHTML=`${r.file} ${n(e.filename)}`),$(`editor`)}function be(){if(!Z&&!confirm(`⚠ 프롬프트를 직접 수정하면 예상치 못한 동작이 발생할 수 있습니다.
|
|
41
|
+
계속하시겠습니까?`))return;Z=!Z;let e=document.getElementById(`templateEditor`);e.readOnly=!Z;let t=document.getElementById(`templateSaveBtn`);t&&(t.style.display=Z?``:`none`);let n=document.getElementById(`templateDevToggle`);n&&(n.style.color=Z?`var(--stop-btn)`:`var(--text-dim)`,n.style.borderColor=Z?`var(--stop-btn)`:`var(--border)`,n.innerHTML=Z?`${r.lockOpen} 개발자 모드 ON`:`${r.tool} 개발자 모드`)}async function xe(){let e=document.getElementById(`templateEditor`),t=e.dataset.templateId;if(!t)return;await a(`/api/prompt-templates/${t}`,`PUT`,{content:e.value});let i=document.getElementById(`templateEditorLabel`);i&&(i.innerHTML=`${r.check} 저장 + 핫리로드 완료!`,setTimeout(()=>{i.innerHTML=`${r.file} ${n(t)}.md`},2e3));let o=X.find(e=>e.id===t);o&&(o.content=e.value)}function $(e){let t=document.getElementById(`templateTreeView`),n=document.getElementById(`templateEditorView`);t&&(t.style.display=e===`tree`?``:`none`),n&&(n.style.display=e===`editor`?`flex`:`none`);let i=document.getElementById(`templateModalTitle`);i&&e===`tree`&&(i.innerHTML=`${r.plan} 프롬프트 구조`)}function Se(){$(`tree`)}function Ce(e){e&&e.target!==e.currentTarget||document.getElementById(`templateModal`)?.classList.remove(`open`)}export{g as A,b as C,ne as D,te as E,h as M,m as N,ie as O,f as P,C as S,v as T,H as _,_e as a,w as b,be as c,U as d,pe as f,G as g,q as h,Q as i,p as j,re as k,J as l,K as m,Ce as n,xe as o,B as p,he as r,Se as s,ge as t,me as u,V as v,x as w,S as x,fe as y};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{g as e,p as t,v as n}from"./settings-BbG1hQmA.js";export{t as loadSettings,e as savePerCli,n as updateSettings};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import{t as e}from"./state-O6NVkWcL.js";import{m as t,n,o as r,s as i,u as a}from"./render-C5gpc065.js";import{r as o}from"./api-Ci-lgwRp.js";var s=[`productivity`,`communication`,`devtools`,`ai-media`,`utility`,`smarthome`,`automation`];async function c(){try{e.allSkills=await(await a(`/api/skills`)).json(),l()}catch{let e=document.getElementById(`skillsList`);e&&(e.innerHTML=`<div style="color:var(--text-dim);font-size:11px">${t(`skill.loadFail`)}</div>`)}}function l(){let a=document.getElementById(`skillsList`),o=document.getElementById(`skillsCount`);if(!a||!o)return;let c=e.allSkills,l=c;e.currentSkillFilter===`installed`?l=c.filter(e=>e.enabled):e.currentSkillFilter===`other`?l=c.filter(e=>!s.includes(e.category||``)):e.currentSkillFilter!==`all`&&(l=c.filter(t=>t.category===e.currentSkillFilter));let u=c.filter(e=>e.enabled).length;o.textContent=t(`skill.count`,{active:u,total:c.length}),a.innerHTML=l.map(e=>{let t=[];return e.requires?.env&&t.push(`${r.key} `+e.requires.env.map(e=>n(e)).join(`, `)),e.requires?.bins&&t.push(`${r.settings} `+e.requires.bins.map(e=>n(e)).join(`, `)),e.install&&t.push(n(e.install)),`
|
|
2
|
+
<div class="skill-card ${e.enabled?`enabled`:``}">
|
|
3
|
+
<div class="skill-card-header">
|
|
4
|
+
<span class="skill-emoji">${e.emoji?i(e.emoji):r.tool}</span>
|
|
5
|
+
<span class="skill-name">${n(e.name||e.id)}</span>
|
|
6
|
+
<button class="skill-toggle ${e.enabled?`on`:`off`}"
|
|
7
|
+
data-skill-id="${n(e.id)}" data-skill-enabled="${e.enabled}"
|
|
8
|
+
aria-label="${n((e.name||e.id)+` toggle`)}"></button>
|
|
9
|
+
</div>
|
|
10
|
+
<div class="skill-desc">${n(e.description||``)}</div>
|
|
11
|
+
${t.length?`<div class="skill-req">${t.join(` · `)}</div>`:``}
|
|
12
|
+
</div>`}).join(``)}async function u(e,t){let n=t?`/api/skills/disable`:`/api/skills/enable`;try{await o(n,`POST`,{id:e}),await c()}catch(e){console.error(`toggleSkill error:`,e)}}function d(t,n){e.currentSkillFilter=t,document.querySelectorAll(`.skill-filter`).forEach(e=>e.classList.remove(`active`)),n&&n.classList.add(`active`),l()}export{u as i,c as n,l as r,d as t};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{n as e}from"./skills-DL7wTirZ.js";export{e as loadSkills};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{a as e}from"./slash-commands-D_tV86er.js";export{e as loadCommands};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{m as e,n as t}from"./render-C5gpc065.js";import{t as n}from"./api-Ci-lgwRp.js";import{t as r}from"./locale-DIXc-_34.js";var i=[],a=[],o=-1,s=!1,c=null;function l(e){let t=String(e||``).slice(1).trim().split(/\s+/)[0]||``;return t.includes(`/`)||t.includes(`\\`)}var u=()=>document.getElementById(`cmdDropdown`),d=()=>document.getElementById(`chatInput`);function f(e){let t=String(e||``).toLowerCase();return i.filter(e=>`/${e.name}`.startsWith(t))}function p(){let e=u(),t=d();!e||!t||(c&&=(clearTimeout(c),null),e.style.display=`block`,requestAnimationFrame(()=>e.classList.add(`visible`)),s=!0,t.setAttribute(`aria-expanded`,`true`))}function m(){let n=u(),r=d();if(!n||!r)return;if(!a.length){if(!r.value.startsWith(`/`)||l(r.value)){_();return}n.innerHTML=`
|
|
2
2
|
<div class="cmd-item cmd-empty" role="option" aria-disabled="true">
|
|
3
3
|
${e(`cmd.noMatch`)}
|
|
4
4
|
</div>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{c as e,d as t,i as n,m as r}from"./ui-ORW7tzea.js";export{n as cleanupToolActivity,e as loadMessages,t as setStatus,r as updateQueueBadge};
|
|
@@ -0,0 +1,131 @@
|
|
|
1
|
+
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/vendor-render-Bjnw0wQ6.css"])))=>i.map(i=>d[i]);
|
|
2
|
+
import{t as e}from"./state-O6NVkWcL.js";import{Z as t}from"./vendor-mermaid-lvHqQdfg.js";import{a as n,c as r,m as i,n as a,o,r as s,s as c}from"./render-C5gpc065.js";import{t as l}from"./api-Ci-lgwRp.js";var u=`agentName`,d=`CLI-JAW`,f=d;function ee(){return f}function p(e){f=(e||``).trim()||d,localStorage.setItem(u,f);let t=document.getElementById(`appNameInput`);t&&(t.value=f)}function te(){f=localStorage.getItem(u)||d;let e=document.getElementById(`appNameInput`);e&&(e.value=f),document.getElementById(`appNameSave`)?.addEventListener(`click`,()=>{let e=document.getElementById(`appNameInput`);e&&p(e.value)}),document.getElementById(`appNameInput`)?.addEventListener(`keydown`,e=>{let t=e;t.key===`Enter`&&(t.preventDefault(),p(t.target.value),t.target.blur())})}var ne=`clijaw`,re=1,m=`messages`,h=null;function g(){return h||(h=new Promise((e,t)=>{let n=indexedDB.open(ne,re);n.onupgradeneeded=()=>{let e=n.result;e.objectStoreNames.contains(m)||e.createObjectStore(m,{keyPath:`id`,autoIncrement:!0}).createIndex(`timestamp`,`timestamp`)},n.onsuccess=()=>e(n.result),n.onerror=()=>{h=null,t(n.error)}}),h)}async function ie(e){try{let t=(await g()).transaction(m,`readwrite`),n=t.objectStore(m);n.clear();for(let t of e)n.add({role:t.role,content:t.content,timestamp:t.timestamp||Date.now()});await new Promise((e,n)=>{t.oncomplete=()=>e(),t.onerror=()=>n(t.error)})}catch(e){console.warn(`[idb-cache] cacheMessages failed:`,e)}}async function ae(){try{let e=await g();return new Promise((t,n)=>{let r=e.transaction(m,`readonly`).objectStore(m).getAll();r.onsuccess=()=>t(r.result),r.onerror=()=>n(r.error)})}catch(e){return console.warn(`[idb-cache] getCachedMessages failed:`,e),[]}}async function oe(e,t){try{(await g()).transaction(m,`readwrite`).objectStore(m).add({role:e,content:t,timestamp:Date.now()})}catch(e){console.warn(`[idb-cache] appendCachedMessage failed:`,e)}}async function se(){try{(await g()).transaction(m,`readwrite`).objectStore(m).clear()}catch(e){console.warn(`[idb-cache] clearCache failed:`,e)}}var _=5,v=80,ce=class{items=[];container;spacerTop;spacerBottom;viewport;_active=!1;_totalHeight=0;rafId=null;firstVisible=0;lastVisible=0;onLazyRender=null;constructor(e){this.container=document.getElementById(e),this.spacerTop=document.createElement(`div`),this.spacerTop.className=`vs-spacer-top`,this.spacerBottom=document.createElement(`div`),this.spacerBottom.className=`vs-spacer-bottom`,this.viewport=document.createElement(`div`),this.viewport.className=`vs-viewport`}get active(){return this._active}get count(){return this.items.length}flushToDOM(){this._active&&(this.container.removeEventListener(`scroll`,this.scrollHandler),this.rafId&&=(cancelAnimationFrame(this.rafId),null),this.container.innerHTML=this.items.map(e=>e.html).join(``),this._active=!1,this.firstVisible=0,this.lastVisible=0,this.items=[],this._totalHeight=0)}addItem(e,t){let n={id:e,html:t,height:v};this.items.push(n),this._totalHeight+=v,!this._active&&this.items.length>=80&&this.activate(),this._active&&this.scheduleRender()}appendLiveItem(e){if(!this._active)return;let t=e.outerHTML,n={id:crypto.randomUUID(),html:t,height:v};this.items.push(n),this._totalHeight+=v,this.scheduleRender(),this.scrollToBottom()}updateItemHtml(e,t){this.items[e]&&(this.items[e].html=t)}scrollHandler=()=>this.scheduleRender();activate(){this._active=!0,this._totalHeight=0,this.container.querySelectorAll(`.msg`).forEach((e,t)=>{this.items[t]&&(this.items[t].height=e.getBoundingClientRect().height,this._totalHeight+=this.items[t].height)}),this.container.innerHTML=``,this.container.append(this.spacerTop,this.viewport,this.spacerBottom),this.container.addEventListener(`scroll`,this.scrollHandler,{passive:!0}),this.render()}scheduleRender(){this.rafId||=requestAnimationFrame(()=>{this.rafId=null,this.render()})}render(){let e=this.container.scrollTop,t=this.container.clientHeight,n=0,r=0;for(let t=0;t<this.items.length;t++){if(n+this.items[t].height>e){r=t;break}n+=this.items[t].height}let i=Math.max(0,r-_),a=n,o=r;for(let n=r;n<this.items.length&&(a+=this.items[n].height,o=n,!(a>e+t));n++);let s=Math.min(this.items.length-1,o+_);if(i===this.firstVisible&&s===this.lastVisible)return;this.firstVisible=i,this.lastVisible=s;let c=0;for(let e=0;e<i;e++)c+=this.items[e].height;let l=0;for(let e=s+1;e<this.items.length;e++)l+=this.items[e].height;this.spacerTop.style.height=`${c}px`,this.spacerBottom.style.height=`${l}px`;let u=document.createDocumentFragment();for(let e=i;e<=s;e++){let t=this.items[e],n=document.createElement(`div`);n.innerHTML=t.html;let r=n.firstElementChild;r&&(r.dataset.vsIdx=String(e),u.appendChild(r))}if(this.viewport.innerHTML=``,this.viewport.appendChild(u),this.viewport.querySelectorAll(`[data-vs-idx]`).forEach(e=>{let t=Number(e.dataset.vsIdx);if(this.items[t]){let n=this.items[t].height,r=e.getBoundingClientRect().height;this.items[t].height=r,this._totalHeight+=r-n}}),this.onLazyRender){let e=this.viewport.querySelectorAll(`.lazy-pending`);e.length>0&&this.onLazyRender(Array.from(e))}}scrollToBottom(){this.container.scrollTop=this._totalHeight,this.scheduleRender()}clear(){this.items=[],this._totalHeight=0,this._active&&(this.container.removeEventListener(`scroll`,this.scrollHandler),this.viewport.innerHTML=``,this.spacerTop.style.height=`0`,this.spacerBottom.style.height=`0`,this.container.innerHTML=``),this._active=!1,this.firstVisible=0,this.lastVisible=0,this.onLazyRender=null,this.rafId&&=(cancelAnimationFrame(this.rafId),null)}},y=null;function b(){return y||=new ce(`chatMessages`),y}var le=2e3,ue=80;function de(e){return{chunks:[],fullText:``,textDirty:!1,element:e,pendingRAF:null,isFinalized:!1,lastRenderTime:0}}function x(e){return e.textDirty&&=(e.fullText=e.chunks.join(``),!1),e.fullText}function fe(e,t){e.chunks.push(t),e.textDirty=!0,!e.pendingRAF&&!e.isFinalized&&(e.pendingRAF=requestAnimationFrame(()=>{if(e.pendingRAF=null,e.isFinalized)return;let t=performance.now(),n=x(e);n.length<le||t-e.lastRenderTime>ue?(e.element.innerHTML=s(n,!0)+`<span class="stream-cursor" aria-hidden="true"></span>`,e.lastRenderTime=t):e.pendingRAF=requestAnimationFrame(()=>{e.pendingRAF=null,!e.isFinalized&&(e.element.innerHTML=s(x(e),!0)+`<span class="stream-cursor" aria-hidden="true"></span>`,e.lastRenderTime=performance.now())})}))}function pe(e,t=!1){e.isFinalized=!0,e.pendingRAF&&=(cancelAnimationFrame(e.pendingRAF),null);let n=x(e);return t||(e.element.innerHTML=s(n)),n}var me=[`cdnjs.cloudflare.com`,`cdn.jsdelivr.net`,`unpkg.com`,`esm.sh`,`fonts.googleapis.com`,`fonts.gstatic.com`],he=[/\beval\s*\(/,/\bnew\s+Function\s*\(/,/\bdocument\.cookie\b/,/\bwindow\.opener\b/,/\bwindow\.top\b/,/\bparent\.postMessage\b(?!.*jaw-)/,/\blocation\.href\s*=/,/\bwindow\.location\b/,/\bsetTimeout\s*\(\s*["'`]/,/\bsetInterval\s*\(\s*["'`]/,/\.constructor\s*\.\s*constructor/,/\bdocument\.write\s*\(/,/\binsertAdjacentHTML\s*\(/,/\bimport\s*\(/],ge=[];function _e(e){let t=[];if(e.length>524288)return{valid:!1,reason:`Payload too large (>512KB)`,warnings:t};let n=/(?:src|href)\s*=\s*["']https?:\/\/([^/"']+)/gi,r;for(;(r=n.exec(e))!==null;){let e=r[1];if(!me.some(t=>e===t||e.endsWith(`.`+t)))return{valid:!1,reason:`Blocked domain: ${e}`,warnings:t}}let i=/url\s*\(\s*['"]?https?:\/\/([^)'"]+)/gi;for(;(r=i.exec(e))!==null;){let e=r[1].split(`/`)[0];me.some(t=>e===t||e.endsWith(`.`+t))||t.push(`CSS url() references external domain: ${e}`)}for(let n of he)if(n.test(e))return{valid:!1,reason:`Dangerous pattern: ${n.source}`,warnings:t};for(let n of ge)n.test(e)&&t.push(`DOM sink detected: ${n.source}`);return{valid:!0,warnings:t}}function S(){let e=document.createElement(`button`);return e.className=`diagram-copy-btn`,e.type=`button`,e.ariaLabel=`Copy source`,e.title=`Copy`,e.innerHTML=o.copy,e}function C(){let e=document.createElement(`button`);return e.className=`diagram-save-btn`,e.type=`button`,e.ariaLabel=`Save as image`,e.title=`Save`,e.innerHTML=o.download,e}var ve=[`cdnjs.cloudflare.com`,`cdn.jsdelivr.net`,`unpkg.com`,`esm.sh`,`fonts.googleapis.com`,`fonts.gstatic.com`],w=new Set,T=new Map,E=null;function ye(){if(E)return;let e=document.getElementById(`chatMessages`);e&&(E=new MutationObserver(e=>{if(w.size)for(let t of e)for(let e of t.removedNodes)e instanceof HTMLIFrameElement&&e.contentWindow&&(w.delete(e.contentWindow),T.delete(e.contentWindow)),e instanceof HTMLElement&&e.querySelectorAll(`iframe`).forEach(e=>{e.contentWindow&&(w.delete(e.contentWindow),T.delete(e.contentWindow))})}),E.observe(e,{childList:!0,subtree:!0}))}function be(e){if(e.includes(`"importmap"`)||e.includes(`'importmap'`))return``;let t={},n=e.match(/(?:cdn\.jsdelivr\.net\/npm|unpkg\.com)\/three@([\d.]+)/);if(n){let r=n[1],i=e.includes(`unpkg.com/three@`)?`unpkg.com`:`cdn.jsdelivr.net/npm`;t.three=`https://${i}/three@${r}/${i===`unpkg.com`?`build/three.module.js`:`build/three.module.min.js`}`,t[`three/addons/`]=`https://${i}/three@${r}/examples/jsm/`}return Object.keys(t).length===0?``:`<script type="importmap">${JSON.stringify({imports:t})}<\/script>`}function xe(e){let t=`'none'`;(e.includes(`cdn.jsdelivr.net/npm/us-atlas`)||e.includes(`cdn.jsdelivr.net/npm/world-atlas`)||e.includes(`cdn.jsdelivr.net/npm/datamaps`))&&(t=`https://cdn.jsdelivr.net`);let n=/Tone\.min\.js|tone@/.test(e)?`worker-src blob:;`:``,r=ve.map(e=>`https://${e}`),i=r.join(` `),a=[`data:`,`blob:`,...r],o=[`'unsafe-inline'`,`https://fonts.googleapis.com`];/L\.(map|tileLayer|marker|geoJSON|polyline|polygon|circle)\(|leaflet[\w.@/-]*\.(js|css)|tile\.openstreetmap\.org/.test(e)&&(a.push(`https://a.tile.openstreetmap.org`,`https://b.tile.openstreetmap.org`,`https://c.tile.openstreetmap.org`),o.push(`https://cdnjs.cloudflare.com`,`https://cdn.jsdelivr.net`));let s=a.join(` `);return`<meta http-equiv="Content-Security-Policy" content="default-src 'none'; script-src 'unsafe-inline' ${i}; style-src ${o.join(` `)}; img-src ${s}; font-src https://fonts.gstatic.com; connect-src ${t}; ${n} base-uri 'none';">`}function Se(){let e=!document.documentElement.hasAttribute(`data-theme`)||document.documentElement.getAttribute(`data-theme`)===`dark`,t=getComputedStyle(document.documentElement);return{isDark:e,tokens:{"--bg":t.getPropertyValue(`--bg`).trim(),"--surface":t.getPropertyValue(`--surface`).trim(),"--border":t.getPropertyValue(`--border`).trim(),"--text":t.getPropertyValue(`--text`).trim(),"--text-dim":t.getPropertyValue(`--text-dim`).trim(),"--accent":t.getPropertyValue(`--accent`).trim(),"--font-ui":t.getPropertyValue(`--font-ui`).trim(),"--font-mono":t.getPropertyValue(`--font-mono`).trim(),"--radius-sm":t.getPropertyValue(`--radius-sm`).trim(),"--radius-md":t.getPropertyValue(`--radius-md`).trim()}}}function Ce(e){return`
|
|
3
|
+
<script>
|
|
4
|
+
(function() {
|
|
5
|
+
var __nonce = '${e}';
|
|
6
|
+
|
|
7
|
+
window.addEventListener('message', function(e) {
|
|
8
|
+
if (e.source !== window.parent) return;
|
|
9
|
+
if (!e.data || typeof e.data !== 'object') return;
|
|
10
|
+
|
|
11
|
+
if (e.data.type === 'jaw-theme-update') {
|
|
12
|
+
window.__jawTheme = { isDark: !!e.data.isDark };
|
|
13
|
+
window.__jawTokens = e.data.tokens || {};
|
|
14
|
+
window.dispatchEvent(new CustomEvent('jaw-theme-change', { detail: window.__jawTheme }));
|
|
15
|
+
}
|
|
16
|
+
if (e.data.type === 'jaw-request-resize') {
|
|
17
|
+
postHeight();
|
|
18
|
+
}
|
|
19
|
+
if (e.data.type === 'jaw-request-screenshot') {
|
|
20
|
+
var canvas = document.querySelector('canvas');
|
|
21
|
+
if (canvas) {
|
|
22
|
+
try {
|
|
23
|
+
var dataUrl = canvas.toDataURL('image/png');
|
|
24
|
+
window.parent.postMessage({ type: 'jaw-screenshot', dataUrl: dataUrl, nonce: __nonce }, '*');
|
|
25
|
+
} catch(ex) { /* tainted canvas or other error */ }
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
});
|
|
29
|
+
|
|
30
|
+
function postHeight() {
|
|
31
|
+
var h = Math.max(
|
|
32
|
+
document.body.scrollHeight,
|
|
33
|
+
document.body.offsetHeight,
|
|
34
|
+
document.documentElement.scrollHeight
|
|
35
|
+
);
|
|
36
|
+
window.parent.postMessage({ type: 'jaw-diagram-resize', height: h, nonce: __nonce }, '*');
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
if (typeof ResizeObserver !== 'undefined') {
|
|
40
|
+
var ro = new ResizeObserver(function() {
|
|
41
|
+
clearTimeout(ro._t);
|
|
42
|
+
ro._t = setTimeout(postHeight, 50);
|
|
43
|
+
});
|
|
44
|
+
ro.observe(document.body);
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
window.addEventListener('load', function() {
|
|
48
|
+
postHeight();
|
|
49
|
+
// Deferred re-measure for async chart renders (Chart.js animation, CDN loading)
|
|
50
|
+
setTimeout(postHeight, 200);
|
|
51
|
+
setTimeout(postHeight, 800);
|
|
52
|
+
window.parent.postMessage({ type: 'jaw-widget-ready', nonce: __nonce }, '*');
|
|
53
|
+
});
|
|
54
|
+
|
|
55
|
+
var lastSend = 0;
|
|
56
|
+
window.sendPrompt = function(text) {
|
|
57
|
+
var now = Date.now();
|
|
58
|
+
if (now - lastSend < 3000) return;
|
|
59
|
+
lastSend = now;
|
|
60
|
+
window.parent.postMessage({ type: 'jaw-send-prompt', text: String(text).slice(0, 500), nonce: __nonce }, '*');
|
|
61
|
+
};
|
|
62
|
+
|
|
63
|
+
// Ctrl+C / Cmd+C: forward selected text to host for clipboard access
|
|
64
|
+
document.addEventListener('copy', function() {
|
|
65
|
+
var sel = window.getSelection();
|
|
66
|
+
if (sel && sel.toString().trim()) {
|
|
67
|
+
window.parent.postMessage({
|
|
68
|
+
type: 'jaw-copy-text',
|
|
69
|
+
text: sel.toString().slice(0, 512),
|
|
70
|
+
nonce: __nonce
|
|
71
|
+
}, '*');
|
|
72
|
+
}
|
|
73
|
+
});
|
|
74
|
+
})();
|
|
75
|
+
<\/script>`}var we=[[/\/p5\.js\/1\.11\.1[1-9]\//g,`/p5.js/1.11.10/`]];function Te(e){for(let[t,n]of we)e=e.replace(t,n);return e}function D(e){ye(),Ee(),e=Te(e);let t=Array.from(crypto.getRandomValues(new Uint8Array(16)),e=>e.toString(16).padStart(2,`0`)).join(``),n=Se(),r=xe(e),i=be(e),a=Ce(t),o=`<!DOCTYPE html>
|
|
76
|
+
<html>
|
|
77
|
+
<head>
|
|
78
|
+
<meta charset="utf-8">
|
|
79
|
+
${r}
|
|
80
|
+
${i}
|
|
81
|
+
<style>
|
|
82
|
+
:root { ${Object.entries(n.tokens).map(([e,t])=>`${e}: ${t};`).join(`
|
|
83
|
+
`)} }
|
|
84
|
+
* { margin: 0; box-sizing: border-box; }
|
|
85
|
+
body {
|
|
86
|
+
font-family: var(--font-ui), system-ui, sans-serif;
|
|
87
|
+
color: var(--text);
|
|
88
|
+
background: transparent;
|
|
89
|
+
padding: 16px;
|
|
90
|
+
overflow: hidden;
|
|
91
|
+
}
|
|
92
|
+
</style>
|
|
93
|
+
</head>
|
|
94
|
+
<body>
|
|
95
|
+
<script>
|
|
96
|
+
window.__jawTheme = ${JSON.stringify({isDark:n.isDark})};
|
|
97
|
+
window.__jawTokens = ${JSON.stringify(n.tokens).replace(/<\//g,`<\\/`)};
|
|
98
|
+
<\/script>
|
|
99
|
+
${a}
|
|
100
|
+
${e}
|
|
101
|
+
</body>
|
|
102
|
+
</html>`,s=document.createElement(`iframe`);return s.sandbox.add(`allow-scripts`),s.srcdoc=o,s.style.cssText=`width: 100%; border: none; overflow: hidden; display: block;`,s.setAttribute(`aria-label`,`Interactive diagram widget`),{iframe:s,nonce:t}}function O(e){(e||document).querySelectorAll(`.diagram-widget-pending`).forEach(e=>{let t=e.dataset.diagramHtml;if(!t)return;let n;try{if(t.length>524288)throw Error(`Widget payload too large`);n=decodeURIComponent(escape(atob(t)))}catch{e.replaceWith(Object.assign(document.createElement(`div`),{className:`diagram-error`,textContent:`Failed to decode widget content`,role:`alert`}));return}let r=_e(n);if(!r.valid){e.replaceWith(Object.assign(document.createElement(`div`),{className:`diagram-error`,textContent:`Widget blocked: ${r.reason}`,role:`alert`}));return}r.warnings.length&&console.warn(`[jaw-diagram] Widget warnings:`,r.warnings);let i=document.createElement(`div`);i.className=`diagram-container diagram-widget`,i.dataset.widgetHtml=t,i.appendChild(C()),i.appendChild(S());let{iframe:a,nonce:o}=D(n);i.appendChild(a),e.replaceWith(i);let s=!1;a.addEventListener(`load`,()=>{s?(a.contentWindow&&(w.delete(a.contentWindow),T.delete(a.contentWindow)),console.warn(`[jaw-diagram] iframe navigated — postMessage channel revoked`)):(s=!0,a.contentWindow&&(w.add(a.contentWindow),T.set(a.contentWindow,o),a.contentWindow.postMessage({type:`jaw-request-resize`},`*`),setTimeout(()=>a.contentWindow?.postMessage({type:`jaw-request-resize`},`*`),300),setTimeout(()=>a.contentWindow?.postMessage({type:`jaw-request-resize`},`*`),1e3)))});let c=Number(i.dataset.gen||`0`);i.dataset.gen=String(c);let l=!1,u=e=>{e.source===a.contentWindow&&e.data?.type===`jaw-widget-ready`&&e.data.nonce===o&&(l=!0,window.removeEventListener(`message`,u))};window.addEventListener(`message`,u),setTimeout(()=>{if(window.removeEventListener(`message`,u),Number(i.dataset.gen||`0`)===c&&!l&&i.isConnected){let e=a.contentWindow;e&&(w.delete(e),T.delete(e)),i.innerHTML=`<div class="diagram-error" role="alert">
|
|
103
|
+
Widget failed to load within 10 seconds.
|
|
104
|
+
</div>`,console.warn(`[jaw-diagram] Widget timeout — iframe deregistered`)}},1e4)})}var k=null;function Ee(){if(k)return;let e=document.getElementById(`chatMessages`);e&&(k=new MutationObserver(t=>{for(let n of t)for(let t of n.addedNodes)if(t instanceof HTMLElement&&(t.classList?.contains(`diagram-widget-pending`)||t.querySelector?.(`.diagram-widget-pending`))){requestAnimationFrame(()=>O(t.parentElement||e));return}}),k.observe(e,{childList:!0}))}var A=new WeakMap;function De(e,t){A.has(e)||(A.set(e,window.setTimeout(()=>A.delete(e),100)),document.querySelectorAll(`iframe`).forEach(n=>{n.contentWindow===e&&(n.style.height=`${Math.min(Math.max(t,60),2e3)}px`)}))}function Oe(){document.querySelectorAll(`.diagram-widget`).forEach(e=>{let t=e.dataset.widgetHtml;if(!t)return;let n;try{n=decodeURIComponent(escape(atob(t)))}catch{return}let r=e.querySelector(`iframe`);r?.contentWindow&&(w.delete(r.contentWindow),T.delete(r.contentWindow));let i=e;i.dataset.gen=String((Number(i.dataset.gen||`0`)||0)+1);let{iframe:a,nonce:o}=D(n);e.innerHTML=``,e.appendChild(C()),e.appendChild(S()),e.appendChild(a);let s=!1;a.addEventListener(`load`,()=>{s?a.contentWindow&&(w.delete(a.contentWindow),T.delete(a.contentWindow)):(s=!0,a.contentWindow&&(w.add(a.contentWindow),T.set(a.contentWindow,o),a.contentWindow.postMessage({type:`jaw-request-resize`},`*`),setTimeout(()=>a.contentWindow?.postMessage({type:`jaw-request-resize`},`*`),300),setTimeout(()=>a.contentWindow?.postMessage({type:`jaw-request-resize`},`*`),1e3)))})})}var j=0;window.addEventListener(`message`,e=>{if(!e.data||typeof e.data!=`object`||!e.source||e.origin!==`null`||!w.has(e.source)||![...document.querySelectorAll(`iframe`)].find(t=>t.contentWindow===e.source)?.isConnected)return;let t=T.get(e.source);if(!(!t||e.data.nonce!==t))switch(e.data.type){case`jaw-diagram-resize`:{let t=Number(e.data.height);if(!Number.isFinite(t)||t<0)return;De(e.source,t);break}case`jaw-send-prompt`:{let t=Date.now();if(t-j<3e3)return;j=t;let n=String(e.data.text||``).trim().slice(0,500);if(!n)return;let r=document.getElementById(`chatInput`);r&&(r.value=n,r.dispatchEvent(new Event(`input`,{bubbles:!0})),r.focus());break}case`jaw-copy-text`:{let t=String(e.data.text||``).trim().slice(0,512);if(!t)return;navigator.clipboard.writeText(t).catch(()=>{});break}case`jaw-screenshot`:{let t=String(e.data.dataUrl||``);if(!t.startsWith(`data:image/`)||t.length>5242880)return;fetch(t).then(e=>e.blob()).then(e=>{let t=URL.createObjectURL(e),n=document.createElement(`a`);n.href=t,n.download=`widget-${Date.now()}.png`,n.click(),setTimeout(()=>URL.revokeObjectURL(t),1e3)}).catch(()=>{});break}case`jaw-widget-ready`:break}});function ke(e){e.dataset.toolItemBound!==`1`&&(e.addEventListener(`click`,e=>{let t=e.target;if(!t)return;let n=t.closest(`.tool-item-toggle`);if(!n)return;let r=n.closest(`.tool-item`),i=r?.querySelector(`.tool-item-details`),a=n.querySelector(`.tool-item-chevron`);if(!r||!i)return;let s=i.classList.contains(`collapsed`);i.classList.toggle(`collapsed`,!s),r.classList.toggle(`expanded`,s),n.setAttribute(`aria-expanded`,s?`true`:`false`),a&&(a.innerHTML=s?o.chevronDown:o.chevronRight)}),e.dataset.toolItemBound=`1`)}function M(){document.querySelectorAll(`.tool-activity-live`).forEach(e=>e.remove()),document.querySelectorAll(`.msg-system.tool-activity`).forEach(e=>e.remove())}function N(e){let t={};for(let n of e){let e=n.type===`thinking`?`${o.thinking} Thinking`:n.type===`search`?`${o.search} Search`:`${o.tool} Tool`;t[e]=(t[e]||0)+1}return Object.entries(t).map(([e,t])=>t>1?`${e}×${t}`:e).join(` + `)}function Ae(e,t=120){let n=e.replace(/\s+/g,` `).trim();return n?n.length>t?`${n.slice(0,t-1)}…`:n:``}function P(e){let t=(e.detail||``).trim();return t?t!==(e.label||``).trim():!1}function F(e){let t=`process-step-dot ${e.status}`,n=`process-step-badge ${e.type}`,r=e.type.toUpperCase(),i=a(e.label||e.icon||``),s=e.detail||``,c=`process-detail-${e.id}`,l=P(e)?Ae(s,e.type===`thinking`?120:100):``,u=l?`<span class="process-step-snippet">${a(l)}</span>`:``;return P(e)?`<div class="process-step process-step-expandable" data-step-id="${e.id}" data-type="${e.type}">
|
|
105
|
+
<button class="process-step-toggle" aria-expanded="false" aria-controls="${c}">
|
|
106
|
+
<span class="${t}"></span>
|
|
107
|
+
<span class="${n}">${r}</span>
|
|
108
|
+
<span class="process-step-main">
|
|
109
|
+
<span class="process-step-label">${i}</span>
|
|
110
|
+
${u}
|
|
111
|
+
</span>
|
|
112
|
+
<span class="process-step-chevron">${o.chevronRight}</span>
|
|
113
|
+
</button>
|
|
114
|
+
<div class="process-step-details collapsed" id="${c}">
|
|
115
|
+
<pre class="process-step-full">${a(s)}</pre>
|
|
116
|
+
</div>
|
|
117
|
+
</div>`:`<div class="process-step" data-step-id="${e.id}" data-type="${e.type}">
|
|
118
|
+
<span class="${t}"></span>
|
|
119
|
+
<span class="${n}">${r}</span>
|
|
120
|
+
<span class="process-step-label">${i}</span>
|
|
121
|
+
</div>`}function I(e=``,t=!1){return`<div class="process-block${t?` collapsed`:``}">
|
|
122
|
+
<button class="process-summary" aria-expanded="${t?`false`:`true`}">
|
|
123
|
+
<span class="process-dot ${t?`done`:`running`}"></span>
|
|
124
|
+
<span class="process-summary-text">${e}</span>
|
|
125
|
+
<span class="process-duration"></span>
|
|
126
|
+
<span class="process-chevron">${t?o.chevronRight:o.chevronDown}</span>
|
|
127
|
+
</button>
|
|
128
|
+
<div class="process-details">
|
|
129
|
+
<div class="process-steps-inner"></div>
|
|
130
|
+
</div>
|
|
131
|
+
</div>`}function je(e){let t=e.closest(`.process-step`),n=t?.querySelector(`.process-step-details`),r=e.querySelector(`.process-step-chevron`);if(!t||!n)return;let i=n.classList.contains(`collapsed`);n.classList.toggle(`collapsed`,!i),t.classList.toggle(`expanded`,i),e.setAttribute(`aria-expanded`,i?`true`:`false`),r&&(r.innerHTML=i?o.chevronDown:o.chevronRight)}function Me(e){e.dataset.processBlockBound!==`1`&&(e.addEventListener(`click`,e=>{let t=e.target;if(!t)return;let n=t.closest(`.process-step-toggle`);if(n){je(n);return}let r=t.closest(`.process-summary`);if(r){let e=r.closest(`.process-block`);if(!e)return;let t=e.classList.contains(`collapsed`);e.classList.toggle(`collapsed`,!t),r.setAttribute(`aria-expanded`,t?`true`:`false`);let n=r.querySelector(`.process-chevron`);n&&(n.innerHTML=t?o.chevronDown:o.chevronRight)}}),e.dataset.processBlockBound=`1`)}function L(e,t=!0){let n=I(N(e),t),r=document.createElement(`div`);r.innerHTML=n;let i=r.querySelector(`.process-steps-inner`);i&&(i.innerHTML=e.map(F).join(``));let a=r.querySelector(`.process-dot`);if(a){let n=e.some(e=>e.status===`running`);a.classList.toggle(`running`,n&&!t),a.classList.toggle(`done`,!n||t)}return r.innerHTML}function R(e){let t=e.element.querySelector(`.process-summary-text`);t&&(t.innerHTML=N(e.steps));let n=e.steps.some(e=>e.status===`running`),r=e.element.querySelector(`.process-dot`);r&&(r.classList.toggle(`running`,n&&!e.collapsed),r.classList.toggle(`done`,!n||e.collapsed));let i=e.steps.length>0?Math.round((Date.now()-e.steps[0].startTime)/1e3):0,a=e.element.querySelector(`.process-duration`);a&&(a.textContent=i>0?`${i}s`:``)}function z(e){let t=document.createElement(`div`);t.innerHTML=I(``,!1);let n=t.firstElementChild,r=e.querySelector(`.msg-content`);return r?r.before(n):e.appendChild(n),{element:n,steps:[],collapsed:!1}}function B(e,t){e.steps.push(t);let n=e.element.querySelector(`.process-steps-inner`);n&&n.insertAdjacentHTML(`beforeend`,F(t)),R(e)}function Ne(e,t,n){let r=e.steps.findIndex(e=>e.id===t);if(r===-1)return;e.steps[r]=n;let i=e.element.querySelector(`[data-step-id="${t}"]`);if(i){let e=document.createElement(`div`);e.innerHTML=F(n);let t=e.firstElementChild;t&&i.replaceWith(t)}R(e)}function V(e,t,n){let r=e.steps.find(e=>e.id===t);if(!r)return;r.status=n;let i=e.element.querySelector(`[data-step-id="${t}"]`);if(i){let e=i.querySelector(`.process-step-dot`);e&&(e.classList.remove(`running`,`done`,`error`),e.classList.add(n))}R(e)}function H(e){e.collapsed=!0,e.element.classList.add(`collapsed`);let t=e.element.querySelector(`.process-summary`);t&&t.setAttribute(`aria-expanded`,`false`);let n=e.element.querySelector(`.process-chevron`);n&&(n.innerHTML=o.chevronRight);for(let t of e.steps)t.status===`running`&&(t.status=`done`);e.element.querySelectorAll(`.process-step-dot.running`).forEach(e=>{e.classList.remove(`running`),e.classList.add(`done`)}),R(e)}function U(e){if(!e)return[];try{let t=JSON.parse(e);return Array.isArray(t)?t:[]}catch{return[]}}function W(e){return o.shark}function G(e){return e.map(e=>({id:crypto.randomUUID(),icon:e.icon?c(e.icon):o.tool,label:e.label||e.name||`tool`,type:e.toolType||`tool`,detail:e.detail||``,stepRef:e.stepRef||``,status:e.status||`done`,startTime:Date.now()}))}function Pe(t){let n=document.getElementById(`statusBadge`),r=document.getElementById(`btnSend`);e.agentBusy=t===`running`,document.getElementById(`typingIndicator`)?.classList.toggle(`active`,e.agentBusy),t===`running`?(n&&(n.className=`status-badge status-running`,n.textContent=`running`),r&&(r.innerHTML=o.stop,r.title=i(`btn.stop`),r.classList.add(`stop-mode`)),Ie()):(n&&(n.className=`status-badge status-idle`,n.textContent=`idle`),r&&(r.innerHTML=o.send,r.title=`Send`,r.classList.remove(`stop-mode`)),K(),Fe(0))}function Fe(e){let t=document.getElementById(`queueBadge`);if(!t){t=document.createElement(`span`),t.id=`queueBadge`,t.className=`queue-badge`;let e=document.getElementById(`btnSend`);e?.parentElement&&(e.parentElement.style.position=`relative`),e&&(e.style.position=`relative`,e.appendChild(t))}t.textContent=e>0?String(e):``,t.style.display=e>0?`flex`:`none`}function Ie(){let e=document.getElementById(`chatMessages`);if(!e||e.querySelector(`.skeleton-msg`))return;q();let t=document.createElement(`div`);t.className=`skeleton-msg`,t.innerHTML=`<div class="skeleton-line"></div><div class="skeleton-line"></div><div class="skeleton-line"></div>`,e.appendChild(t),Q()}function K(){document.querySelectorAll(`.skeleton-msg`).forEach(e=>e.remove())}function q(){document.getElementById(`emptyState`)?.classList.remove(`visible`)}function J(){let e=document.getElementById(`chatMessages`);e&&e.children.length===0&&document.getElementById(`emptyState`)?.classList.add(`visible`)}function Le(e,t,n){let r=document.getElementById(`chatMessages`);if(!r)return;let i=b();i.active&&i.flushToDOM(),q();let a=document.createElement(`div`);a.className=`msg msg-system`+(n?` msg-type-${n}`:``)+(t?` `+t:``),a.innerHTML=e,r.appendChild(a),r.scrollTop=r.scrollHeight}function Re(){M(),e.currentAgentDiv=null,e.currentProcessBlock=null}function ze(t){if(K(),(!e.currentAgentDiv||!e.currentAgentDiv.isConnected)&&(e.currentAgentDiv=Z(`agent`,``),e.currentProcessBlock=null),!e.currentProcessBlock){let t=e.currentAgentDiv.querySelector(`.agent-body`);t&&(e.currentProcessBlock=z(t))}if(e.currentProcessBlock){let n=t.status&&t.status!==`running`?t.status:r(t.icon);if(n===`done`||n===`error`){let r=t.stepRef,i=r?[...e.currentProcessBlock.steps].reverse().find(e=>e.status===`running`&&e.stepRef===r):[...e.currentProcessBlock.steps].reverse().find(e=>e.status===`running`&&e.label===t.label);if(i){V(e.currentProcessBlock,i.id,n),Q();return}let a=[...e.currentProcessBlock.steps].reverse().find(e=>e.status===`running`);if(a){V(e.currentProcessBlock,a.id,n),Q();return}}if(t.detail){let n=[...e.currentProcessBlock.steps].reverse().find(e=>e.status===`running`&&e.label===t.label&&e.type===t.type&&!e.detail);if(n){Ne(e.currentProcessBlock,n.id,t),Q();return}}t.icon=c(t.icon),B(e.currentProcessBlock,t)}Q()}var Y=null;function Be(t){if(!t)return;K(),(!e.currentAgentDiv||!e.currentAgentDiv.isConnected)&&(e.currentAgentDiv=Z(`agent`,``),Y=null);let n=e.currentAgentDiv?.querySelector(`.msg-content`);n&&(Y||=de(n),fe(Y,t)),Q()}var X=0;function Ve(t,r){let i=Date.now();if(!e.currentAgentDiv&&i-X<500)return;M(),K();let a=!!e.currentProcessBlock;e.currentProcessBlock&&=(H(e.currentProcessBlock),null);let o=r&&r.length>0;if(t||o){(!e.currentAgentDiv||!e.currentAgentDiv.isConnected)&&(e.currentAgentDiv=Z(`agent`,``));let i=e.currentAgentDiv?.querySelector(`.msg-content`),c=Y?pe(Y,!0):``,l=t||c;Y=null;let u=o&&!a?L(G(r),!0):``;i&&(i.innerHTML=u+s(l)),i&&i.setAttribute(`data-raw`,n(l)),i&&O(i);let d=b();d.active&&e.currentAgentDiv&&e.currentAgentDiv.isConnected&&(d.appendLiveItem(e.currentAgentDiv),e.currentAgentDiv.remove())}Y=null,e.currentAgentDiv=null,X=Date.now(),Pe(`idle`),$(),t&&oe(`assistant`,t).catch(()=>{})}function Z(e,t,r){let o=document.getElementById(`chatMessages`),c=b();q(),K();let l=s(t),u=a(e===`user`?i(`msg.you`):ee()),d=document.createElement(`div`);e===`agent`?(d.className=`msg msg-agent`,d.innerHTML=`<div class="agent-icon" aria-hidden="true">${W(r)}</div><div class="agent-body"><div class="msg-content">${l}</div><button class="msg-copy" title="Copy" aria-label="Copy message"></button></div>`):(d.className=`msg msg-${e}`,d.innerHTML=`<div class="msg-label">${u}</div><div class="msg-content">${l}</div><button class="msg-copy" title="Copy" aria-label="Copy message"></button>`);let f=d.querySelector(`.msg-content`);f&&f.setAttribute(`data-raw`,n(t));let p=e===`agent`&&!t;return c.active&&!p?c.appendLiveItem(d):(o?.appendChild(d),O(d)),Q(),d}var He=null;function Q(){He||=requestAnimationFrame(()=>{He=null;let e=document.getElementById(`chatMessages`);e&&(e.scrollTop=e.scrollHeight)})}function Ue(e,n){document.querySelectorAll(`.tab-btn`).forEach(e=>{e.classList.remove(`active`),e.setAttribute(`aria-selected`,`false`)}),document.querySelectorAll(`.tab-content`).forEach(e=>e.classList.remove(`active`)),document.getElementById({agents:`tabAgents`,settings:`tabSettings`,skills:`tabSkills`}[e])?.classList.add(`active`),n&&(n.classList.add(`active`),n.setAttribute(`aria-selected`,`true`)),e===`settings`&&t(()=>import(`./settings-tOEsbIIs.js`).then(e=>e.loadSettings()),__vite__mapDeps([0])),e===`agents`&&t(()=>import(`./employees-B11suLXa.js`).then(e=>e.loadEmployees()),__vite__mapDeps([0])),e===`skills`&&t(()=>import(`./skills-kOx6rq1X.js`).then(e=>e.loadSkills()),__vite__mapDeps([0]))}function We(){document.getElementById(`tabSettings`)?.classList.contains(`active`)?t(()=>import(`./settings-tOEsbIIs.js`).then(e=>e.savePerCli()),__vite__mapDeps([0])):t(()=>import(`./settings-tOEsbIIs.js`).then(e=>e.updateSettings()),__vite__mapDeps([0]))}async function $(){let e=await l(`/api/messages`);if(!e)return;let t=document.getElementById(`statMsgs`);t&&(t.textContent=i(`stat.messages`,{count:e.length}))}async function Ge(){let e=await l(`/api/messages`);if(e!==null){let t=b();t.clear();let r=document.getElementById(`chatMessages`);if(r&&(r.innerHTML=``),e.length>=80){for(let r of e){let e=r.role===`assistant`?`agent`:r.role,o=n(r.content),s=a(e===`user`?i(`msg.you`):ee()),c=r.role===`assistant`?U(r.tool_log):[],l=c.length>0?L(G(c),!0):``,u=`<div class="skeleton-line"></div><div class="skeleton-line"></div>`,d=e===`agent`?`<div class="msg msg-agent"><div class="agent-icon" aria-hidden="true">${W(r.cli)}</div><div class="agent-body">${l}<div class="msg-content lazy-pending" data-raw="${a(o)}">${u}</div><button class="msg-copy" title="Copy" aria-label="Copy message"></button></div></div>`:`<div class="msg msg-${e}"><div class="msg-label">${s}</div><div class="msg-content lazy-pending" data-raw="${a(o)}">${u}</div><button class="msg-copy" title="Copy" aria-label="Copy message"></button></div>`;t.addItem(crypto.randomUUID(),d)}t.onLazyRender=e=>{for(let n of e){if(!n.classList.contains(`lazy-pending`))continue;let e=n.getAttribute(`data-raw`)||``;n.innerHTML=e?s(e):``,n.classList.remove(`lazy-pending`),O(n);let r=n.closest(`[data-vs-idx]`);if(r){let e=Number(r.dataset.vsIdx);t.updateItemHtml(e,r.outerHTML)}}},t.scrollToBottom()}else e.forEach(e=>{let t=Z(e.role===`assistant`?`agent`:e.role,e.content,e.cli);if(e.role===`assistant`){let n=U(e.tool_log);if(n.length>0){let e=t.querySelector(`.agent-body`);if(e){let t=z(e);for(let e of G(n))B(t,e);H(t)}}}});ie(e.map(e=>({role:e.role,content:e.content,timestamp:Date.now()}))).catch(()=>{}),J();return}let t=document.getElementById(`chatMessages`);if(t&&t.children.length>0){J();return}let r=await ae();r.length>0&&(r.forEach(e=>Z(e.role===`assistant`?`agent`:e.role,e.content)),Le(`${o.warning} 오프라인 모드 — 캐시된 메시지 표시 중`)),J()}function Ke(){let e=document.getElementById(`chatMessages`);e&&(Me(e),ke(e),e.addEventListener(`click`,e=>{let t=e.target,n=t.closest(`.tool-group-summary`);if(n){let e=n.closest(`.tool-group`),t=n.nextElementSibling;if(e&&t){let r=!e.classList.contains(`expanded`);e.classList.toggle(`expanded`),t.classList.toggle(`collapsed`),n.setAttribute(`aria-expanded`,r?`true`:`false`)}return}let r=t.closest(`.msg-copy`);if(!r)return;let i=r.closest(`.msg`)?.querySelector(`.msg-content`);if(!i)return;let a=i.getAttribute(`data-raw`)||i.innerText||i.textContent||``;navigator.clipboard.writeText(a).then(()=>{r.classList.add(`copied`),r.innerHTML=o.checkSimple,setTimeout(()=>{r.classList.remove(`copied`),r.textContent=``},600)}).catch(()=>{})}))}export{se as _,Ve as a,Ge as c,Pe as d,ze as f,b as g,Oe as h,Re as i,$ as l,Fe as m,Le as n,We as o,Ue as p,Be as r,Ke as s,Z as t,Q as u,te as v};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/vendor-render-Bjnw0wQ6.css"])))=>i.map(i=>d[i]);
|
|
2
|
+
import{t as e}from"./state-O6NVkWcL.js";import{Z as t}from"./vendor-mermaid-lvHqQdfg.js";import{d as n,m as r,n as i,o as a,t as o}from"./render-C5gpc065.js";import{a as s,d as c,f as l,g as u,i as d,m as f,n as p,r as m,t as h}from"./ui-ORW7tzea.js";var g=[`P`,`A`,`B`,`C`],_=null;function v(e,t,n){let r=g.indexOf(n);if(r<0)return;let i=e.getBoundingClientRect(),a=t.offsetWidth||36,o=document.getElementById(`dot-${n}`);if(!o)return;let s=g[r+1],c=s?document.getElementById(`dot-${s}`):null;if(c){let e=o.getBoundingClientRect(),n=c.getBoundingClientRect(),r=(e.right+n.left)/2;t.style.left=r-i.left-a/2+`px`}else{let e=o.getBoundingClientRect();t.style.left=e.left-i.left+e.width/2-a/2+`px`}}var y={},b=``;function x(e){for(let e of Object.keys(y))delete y[e];for(let t of e)t.state===`running`&&t.phase&&(y[t.agentId]={phase:t.phase,phaseLabel:t.phaseLabel||``})}function S(t,n){let r=new Set([`IDLE`,`P`,`A`,`B`,`C`,`D`]).has(t)?t:`IDLE`;if(e.orcState=r,r===`IDLE`||r===`D`)document.body.removeAttribute(`data-orc-state`),document.body.style.removeProperty(`--orc-glow`);else{document.body.setAttribute(`data-orc-state`,r);let e=`--orc-glow-${r}`,t=getComputedStyle(document.documentElement).getPropertyValue(e).trim();document.body.style.setProperty(`--orc-glow`,t)}document.body.classList.add(`orc-pulse`),setTimeout(()=>document.body.classList.remove(`orc-pulse`),700);let i=document.getElementById(`orcStateBadge`);i&&(i.textContent={IDLE:``,P:`PLAN`,A:`AUDIT`,B:`BUILD`,C:`CHECK`,D:`DONE`}[r],i.style.display=r===`IDLE`?`none`:`inline-block`);let a=document.getElementById(`pabcRoadmap`),o=document.getElementById(`sharkRunner`),s=document.getElementById(`pabcBrand`);if(a&&o){if(!a.dataset.resizeObserved){a.dataset.resizeObserved=`1`,new ResizeObserver(()=>{_&&o.classList.contains(`running`)&&v(a,o,_)}).observe(a);let e=0;window.addEventListener(`resize`,()=>{cancelAnimationFrame(e),e=requestAnimationFrame(()=>{_&&o.classList.contains(`running`)&&v(a,o,_)})})}if(r===`IDLE`)a.classList.remove(`visible`,`shimmer-out`),o.classList.remove(`running`),_=null;else if(r===`D`){g.forEach(e=>{let t=document.getElementById(`dot-${e}`);t&&(t.className=`pabc-dot done`,t.setAttribute(`data-phase`,e))});for(let e=0;e<4;e++){let t=document.getElementById(`pabc-conn-${e}`);t&&(t.className=`pabc-connector done`)}o.classList.remove(`running`),_=null,a.classList.add(`shimmer-out`),setTimeout(()=>a.classList.remove(`visible`,`shimmer-out`),1e3)}else{a.classList.remove(`shimmer-out`),a.classList.add(`visible`),o.classList.add(`running`);let e=g.indexOf(r);g.forEach((t,n)=>{let r=document.getElementById(`dot-${t}`);r&&(r.className=`pabc-dot ${n<e?`done`:n===e?`active`:`future`}`,r.setAttribute(`data-phase`,t))});for(let t=0;t<4;t++){let n=document.getElementById(`pabc-conn-${t}`);n&&(n.className=`pabc-connector ${t<e?`done`:``}`)}_=r,requestAnimationFrame(()=>v(a,o,r))}s&&n&&(s.textContent=n)}}function C(){let g=`ws://${location.host}`;e.ws=new WebSocket(`${g}?lang=${n()}`),e.ws.onmessage=e=>{let n;try{n=JSON.parse(e.data)}catch{console.warn(`[ws] malformed message:`,e.data);return}if(!n||typeof n!=`object`||typeof n.type!=`string`){console.warn(`[ws] invalid message shape:`,n);return}if(n.type===`agent_status`)n.running===void 0?c(n.status||`idle`):c(n.running?`running`:`idle`),n.agentId&&n.phase&&(y[n.agentId]={phase:n.phase,phaseLabel:n.phaseLabel||``},t(()=>import(`./employees-B11suLXa.js`).then(e=>e.loadEmployees()),__vite__mapDeps([0])));else if(n.type===`queue_update`)f(n.pending||0);else if(n.type===`worklog_created`)p(`${a.clipboard} Worklog: ${i(n.path||``)}`);else if(n.type===`round_start`){let e=n.agentPhases||n.subtasks||[],t=e.map(e=>i(e.agent||e.name||``)).join(`, `);p(r(`ws.roundStart`,{round:n.round||0,count:e.length,names:t}))}else if(n.type===`round_done`)n.action===`complete`?p(r(`ws.roundDone`,{round:n.round||0})):n.action===`next`?p(r(`ws.roundNext`,{round:n.round||0})):p(r(`ws.roundRetry`,{round:n.round||0}));else if(n.type===`agent_tool`){let e=n.toolType===`thinking`?`thinking`:n.toolType===`search`?`search`:`tool`;l({id:`step-${Date.now()}-${Math.random().toString(36).slice(2,6)}`,type:e,icon:n.icon||a.tool,label:n.label||``,detail:n.detail||``,stepRef:n.stepRef||``,status:n.status||`running`,startTime:Date.now()})}else if(n.type===`agent_output`)m(n.text||``);else if(n.type===`agent_retry`)p(r(`ws.retry`,{cli:i(n.cli||``),delay:n.delay||10}),`tool-activity`);else if(n.type===`agent_fallback`)p(r(`ws.fallback`,{from:i(n.from||``),to:i(n.to||``)}),`tool-activity`);else if(n.type===`agent_smoke`)p(`${a.warning} ${i(n.cli||`agent`)}: smoke response detected — auto-continuing`,`tool-activity`);else if(n.type===`agent_done`)s(n.text||``,n.toolLog);else if(n.type===`orchestrate_done`)s(n.text||``);else if(n.type===`clear`){o(),d(),u().clear();let e=document.getElementById(`chatMessages`);e&&(e.innerHTML=``)}else if(n.type===`session_reset`)p(`${a.refresh} Session reset — history preserved`,`tool-activity`);else if(n.type===`agent_added`||n.type===`agent_updated`||n.type===`agent_deleted`)t(()=>import(`./employees-B11suLXa.js`).then(e=>e.loadEmployees()),__vite__mapDeps([0]));else if(n.type===`orc_state`){if(n.scope&&b&&n.scope!==b)return;S(typeof n.state==`string`?n.state:`IDLE`,n.title)}else n.type===`new_message`&&(n.source===`telegram`||n.source===`discord`)&&h(n.role===`assistant`?`agent`:n.role||`user`,n.content||``,n.cli)},e.ws.onopen=()=>{console.log(`[ws] connected`),t(()=>import(`./ui-ByJAyywC.js`).then(e=>{e.cleanupToolActivity(),e.loadMessages(),e.setStatus(`idle`)}),__vite__mapDeps([0])),fetch(`/api/orchestrate/snapshot`).then(e=>e.json()).then(e=>{b=String(e.orc.scope||``),S(e.orc.state),x(e.workers),f(e.runtime.queuePending),c(e.runtime.busy?`running`:`idle`),t(()=>import(`./employees-B11suLXa.js`).then(e=>{typeof e.renderEmployees==`function`&&e.renderEmployees()}),__vite__mapDeps([0]))}).catch(()=>{})},e.ws.onclose=()=>{console.log(`[ws] disconnected, reconnecting in 2s...`),t(()=>import(`./ui-ByJAyywC.js`).then(e=>e.cleanupToolActivity()),__vite__mapDeps([0])),c(`idle`),p(`${a.exec} 연결 끊김 — 재연결 중...`,`tool-activity`),setTimeout(C,2e3)}}function w(e){return y[e]||null}export{w as n,C as t};
|
package/public/dist/index.html
CHANGED
|
@@ -17,9 +17,9 @@
|
|
|
17
17
|
href="https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap"
|
|
18
18
|
rel="stylesheet">
|
|
19
19
|
<!-- Vite handles module bundling in dev (HMR) and production (build) -->
|
|
20
|
-
<script type="module" crossorigin src="/dist/assets/index-
|
|
20
|
+
<script type="module" crossorigin src="/dist/assets/index-CMUmeewA.js"></script>
|
|
21
21
|
<link rel="stylesheet" crossorigin href="/dist/assets/vendor-render-Bjnw0wQ6.css">
|
|
22
|
-
<link rel="stylesheet" crossorigin href="/dist/assets/index-
|
|
22
|
+
<link rel="stylesheet" crossorigin href="/dist/assets/index-C3xIEYRH.css">
|
|
23
23
|
</head>
|
|
24
24
|
|
|
25
25
|
<body>
|
|
@@ -5,7 +5,7 @@ import { getPreferredLocale } from '../locale.js';
|
|
|
5
5
|
import { t } from './i18n.js';
|
|
6
6
|
import * as slashCmd from './slash-commands.js';
|
|
7
7
|
import { api, apiJson, apiFire } from '../api.js';
|
|
8
|
-
import { escapeHtml } from '../render.js';
|
|
8
|
+
import { escapeHtml, cancelPostRender } from '../render.js';
|
|
9
9
|
import { getVirtualScroll } from '../virtual-scroll.js';
|
|
10
10
|
import { clearCache } from './idb-cache.js';
|
|
11
11
|
import { ICONS } from '../icons.js';
|
|
@@ -75,6 +75,7 @@ export async function sendMessage(): Promise<void> {
|
|
|
75
75
|
}
|
|
76
76
|
if (!res.ok && !result?.text) throw new Error(`HTTP ${res.status}`);
|
|
77
77
|
if (result?.code === 'clear_screen') {
|
|
78
|
+
cancelPostRender();
|
|
78
79
|
getVirtualScroll().clear();
|
|
79
80
|
const chatEl = document.getElementById('chatMessages');
|
|
80
81
|
if (chatEl) chatEl.innerHTML = '';
|
|
@@ -197,6 +198,7 @@ function renderFilePreview(): void {
|
|
|
197
198
|
|
|
198
199
|
export async function clearChat(): Promise<void> {
|
|
199
200
|
apiFire('/api/clear', 'POST');
|
|
201
|
+
cancelPostRender();
|
|
200
202
|
getVirtualScroll().clear();
|
|
201
203
|
const chatEl = document.getElementById('chatMessages');
|
|
202
204
|
if (chatEl) chatEl.innerHTML = '';
|