@hienlh/ppm 0.23.21 → 0.23.23

package/dist/web/assets/ai-settings-section-DAqiu_11.js

@@ -0,0 +1 @@
+import{s as e}from"./rolldown-runtime-C5c2KzVm.js";import{D as t,E as n}from"./vendor-markdown-C-P1aR4p.js";import{Kr as r,gt as i,hr as a,r as o}from"./icons-BwyIKaTT.js";import{r as s}from"./api-client-xQDlhUTu.js";import{t as c}from"./open-settings-EXR4zoZG.js";import{t as l}from"./button-C9ZXWb3b.js";import{t as u}from"./input-C3oVNCMq.js";import{Ai as d,Er as f,Gn as p,Hn as m,Kn as h,Pn as ee,Un as g,Vn as _,Wn as v}from"./index-D8QDpdgs.js";import{a as te,b as ne}from"./api-settings-vmIRFNwZ.js";function y(e){let t=/^claude-([a-z]+)((?:-\d{1,2})+)(?:-\d{8})?$/i.exec(e);if(!t)return e;let n=t[1],r=t[2].slice(1).split(`-`).join(`.`);return`${n[0].toUpperCase()}${n.slice(1)} ${r}`}var b=[`low`,`medium`,`high`,`xhigh`,`max`];function x(e){return typeof e==`string`&&b.includes(e)}function S(e){return b.indexOf(e)}function C(e){if(!e)return null;let t=e.toLowerCase();if(t===`auto`||t===`unset`)return{kind:`auto`};let n=t===`med`?`medium`:t;return x(n)?{kind:`level`,level:n}:Number.isNaN(parseInt(t,10))?null:{kind:`budget`}}function w(e,t){if(!t)return{level:e,reason:null};let n=C(t.env?.value),{observed:r}=t;if(n)return r?{level:r.applied,reason:`env`}:{level:T(n,t),reason:`env`};let i=r&&r.requested===e?r.applied:E(e,t);return i===e?{level:i,reason:null}:{level:i,reason:t.cap&&S(e)>S(t.cap.value)?`cap`:`model`}}function T(e,t){return e.kind===`level`?E(e.level,t):t.cap?e.kind===`budget`?E(`high`,t):t.cap.value===`low`?E(`low`,t):null:null}function E(e,t){if(t.supported?.length===0)return null;let n=t.cap&&S(e)>S(t.cap.value)?t.cap.value:e;return t.supported&&!t.supported.includes(n)&&(n===`xhigh`||n===`max`)?`high`:n}function D(e){if(e.file)return e.file;switch(e.source){case`userSettings`:return`~/.claude/settings.json`;case`projectSettings`:return`.claude/settings.json`;case`localSettings`:return`.claude/settings.local.json`;case`policySettings`:return`managed settings`;case`flagSettings`:return`the settings PPM passes to Claude Code`;case`environment`:return`the environment PPM runs in`}}var O=[{label:`Low`,value:`low`},{label:`Medium`,value:`medium`},{label:`High`,value:`high`,default:!0},{label:`Extra`,value:`xhigh`},{label:`Max`,value:`max`}];function k(e){return e?O.find(t=>t.value===e)?.label??e:``}function A(e,t){let n=k(t);return n?`${e} · ${n}`:e}var j=O.find(e=>e.default).value;function M(e,t){let n=x(e)?e:j;return{pick:n,...w(n,t)}}function N(e){return e.map(e=>typeof e==`string`?e:e.code).join(``)}var P=`Remove it there to use the effort picked in PPM.`;function re(e,t,n){if(!e.reason||!t)return null;let r=t.observed?.model,i=r?y(r.replace(/\[[^\]]*\]$/,``)):n,a=e.level?k(e.level):null,o=C(t.env?.value);if(e.reason===`env`&&t.env&&o){let n=[{code:`CLAUDE_CODE_EFFORT_LEVEL=${t.env.value}`},` in `,{code:D(t.env)}];if(o.kind===`auto`){let e=t.cap?`Claude Code sends ${i}'s default effort, capped at ${k(t.cap.value)}.`:a?`Claude Code sends ${i}'s default, ${a}.`:`no effort is sent, so ${i}'s default applies.`;return{title:`Effort is left to the model`,detail:[...n,` overrides the effort picked here: ${e} `,P]}}if(o.kind===`budget`)return a?{title:`Effort is set to ${a} outside PPM`,detail:[...n,` overrides the effort picked here; with a maxEffortLevel set, Claude Code runs it as ${a}. `,P]}:{title:`A thinking budget replaces the effort`,detail:[...n,` sets a thinking budget instead of an effort level, so the effort picked here is not sent. `,P]};let r=e.level===o.level?``:a?` ${i} runs it as ${a}.`:` ${i} takes no effort level, so none is sent.`;return{title:`Effort is set to ${k(o.level)} outside PPM`,detail:[...n,` overrides the effort picked here.${r} `,P]}}if(e.reason===`cap`&&t.cap){let n=e.level===t.cap.value||!a?``:` ${i} runs it as ${a}.`;return{title:`Effort is capped at ${k(t.cap.value)}`,detail:[{code:`maxEffortLevel: "${t.cap.value}"`},` in `,{code:D(t.cap)},` lowers any effort picked above it.${n}`]}}return a?{title:`Runs at ${a}`,detail:[`${k(e.pick)} isn't available for ${i}, so Claude Code runs it at ${a}.`]}:{title:`${i} takes no effort level`,detail:[`Claude Code sends no effort with ${i}, so the effort picked here has no effect.`]}}var F=e(t(),1),I=n(),L=[128e3,272e3,4e5,512e3,872e3,1e6],R=[1e5,2e5,23e4,35e4,45e4,75e4,9e5];function z({id:e,label:t,value:n,presets:r,disabled:i,compact:a,onChange:o}){let[s,c]=(0,F.useState)(!!n&&!r.includes(Number(n))),l=a?`text-[11px]`:`text-sm`;return(0,I.jsxs)(`div`,{className:`space-y-1`,children:[(0,I.jsx)(f,{htmlFor:e,className:l,children:t}),(0,I.jsxs)(`select`,{id:e,value:s?`custom`:n||`default`,disabled:i,"aria-describedby":`codex-context-help`,className:`w-full min-h-11 sm:min-h-0 rounded-md border border-input bg-background px-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:opacity-50 ${a?`h-7`:`h-9`} ${l}`,onChange:e=>{let t=e.target.value;c(t===`custom`),t!==`custom`&&o(t===`default`?``:t)},children:[(0,I.jsx)(`option`,{value:`default`,children:`Codex default`}),r.map(e=>(0,I.jsxs)(`option`,{value:String(e),children:[e===1e6?`1M`:`${e/1e3}K`,` tokens`]},e)),(0,I.jsx)(`option`,{value:`custom`,children:`Custom...`})]}),s&&(0,I.jsx)(u,{id:`${e}-custom`,"aria-label":`Custom ${t.toLowerCase()}`,type:`number`,min:1,step:1,required:!0,value:n,disabled:i,placeholder:`Enter tokens`,"aria-describedby":`codex-context-help`,className:`min-h-11 sm:min-h-0 ${a?`h-7 text-[11px]`:``}`,onChange:e=>o(e.target.value)})]})}function ie({config:e,compact:t,saving:n,onSave:r}){let[i,a]=(0,F.useState)(String(e?.model_context_window??``)),[o,s]=(0,F.useState)(String(e?.model_auto_compact_token_limit??``)),[c,l]=(0,F.useState)(null),u=t?`text-[11px]`:`text-sm`,d=t?`text-[9px]`:`text-[11px]`;async function f(e){e.preventDefault();let t=i.trim()?Number(i):null,n=o.trim()?Number(o):null;if([t,n].some(e=>e!==null&&(!Number.isSafeInteger(e)||e<=0))){l(`Enter positive whole numbers of tokens, or leave blank for Codex defaults.`);return}if(t!==null&&n!==null&&n>t){l(`Auto-compact threshold must not exceed the context window.`);return}l(null),await r({model_context_window:t,model_auto_compact_token_limit:n})}return(0,I.jsxs)(`form`,{onSubmit:f,className:`space-y-2 rounded-md border border-border p-3`,children:[(0,I.jsxs)(`div`,{className:`grid grid-cols-1 gap-3 sm:grid-cols-2`,children:[(0,I.jsx)(z,{id:`codex-context-window`,label:`Context window (tokens)`,value:i,presets:L,disabled:n,compact:t,onChange:e=>{a(e),l(null)}}),(0,I.jsx)(z,{id:`codex-compact-threshold`,label:`Auto-compact threshold (tokens)`,value:o,presets:R,disabled:n,compact:t,onChange:e=>{s(e),l(null)}})]}),(0,I.jsx)(`p`,{id:`codex-context-help`,className:`${d} text-muted-foreground`,children:`Choose Codex default to use Codex configuration and model defaults, or Custom to enter a value. Presets are shortcuts, not a list of limits supported by your model; increasing these values does not unlock a larger context window. Applies to new sessions and sessions resumed after a PPM restart.`}),c&&(0,I.jsx)(`p`,{role:`alert`,className:`${u} text-error`,children:c}),(0,I.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-2`,children:[(0,I.jsx)(`a`,{href:`https://learn.chatgpt.com/docs/config-file/config-reference`,target:`_blank`,rel:`noreferrer`,className:`${d} text-primary underline`,children:`Codex context documentation`}),(0,I.jsx)(`button`,{type:`submit`,disabled:n,className:`min-h-11 sm:min-h-0 rounded-md border border-border px-3 py-1.5 hover:bg-surface-elevated disabled:opacity-50 ${u}`,children:n?`Saving...`:`Save context settings`})]})]})}var ae=[{value:`low`,label:`Low`},{value:`medium`,label:`Medium`},{value:`high`,label:`High`},{value:`xhigh`,label:`Extra`},{value:`max`,label:`Max`}],oe=[{value:`bypassPermissions`,label:`Bypass permissions (default)`},{value:`default`,label:`Ask before edits`},{value:`acceptEdits`,label:`Edit automatically`},{value:`plan`,label:`Plan mode`}],B={claude:`Claude`,cursor:`Cursor`,codex:`Codex`,gemini:`Gemini`};function V({compact:e}={}){let[t,n]=(0,F.useState)(null),[r,b]=(0,F.useState)(``),[x,S]=(0,F.useState)([]),[C,w]=(0,F.useState)(!1),[T,E]=(0,F.useState)(!1),[D,O]=(0,F.useState)(null),[k,A]=(0,F.useState)(0),[j,P]=(0,F.useState)([]),[L,R]=(0,F.useState)(!1);(0,F.useEffect)(()=>{te().then(e=>{n(e),b(e.default_provider??`claude`)}).catch(e=>O(e.message))},[]),(0,F.useEffect)(()=>{r&&s.get(`/api/settings/ai/providers/status`).then(P).catch(()=>P([]))},[r]);let z=j.find(e=>e.id===r&&!e.registered);(0,F.useEffect)(()=>{r&&(w(!0),s.get(`/api/settings/ai/providers/${r}/models`).then(S).catch(()=>S([])).finally(()=>w(!1)))},[r,!z]);let[V,H]=(0,F.useState)(null),U=t?.providers[r]?.model;(0,F.useEffect)(()=>{if(H(null),!r)return;let e=!0,t=U?`?model=${encodeURIComponent(U)}`:``;return s.get(`/api/settings/ai/providers/${r}/effort-status${t}`).then(({status:t})=>{e&&H(t)}).catch(()=>{}),()=>{e=!1}},[r,U]);let ce=async()=>{R(!0);try{let e=await s.post(`/api/settings/ai/providers/${r}/probe`);P(t=>t.map(t=>t.id===e.id?e:t))}catch(e){O(e.message)}finally{R(!1)}},W=t?Object.keys(t.providers).filter(e=>e!==`mock`).map(e=>({id:e,name:B[e]??e})):[],G=t?.providers[r],K=G?.type===`agent-sdk`||!G?.type&&r===`claude`,q=re(M(G?.effort,V),V,G?.model?y(G.model):`the model`),J=async e=>{if(!t)return!1;E(!0),O(null);try{return n(await ne(e)),A(e=>e+1),!0}catch(e){return O(e.message),!1}finally{E(!1)}},Y=(e,t)=>J({providers:{[r]:{[e]:t}}}),X=e?`text-[11px]`:`text-sm`,Z=e?`text-xs`:`text-sm`,le=e?`space-y-2`:`space-y-4`,Q=e?`space-y-1.5`:`space-y-3`,$=e?`space-y-1`:`space-y-1.5`;if(!t)return(0,I.jsxs)(`div`,{className:Q,children:[(0,I.jsx)(`h3`,{className:`${Z} font-medium text-text-secondary`,children:`AI Settings`}),(0,I.jsx)(`p`,{className:`${X} text-text-subtle`,children:D?`Error: ${D}`:`Loading...`})]});let ue=K?x:[{value:`__default__`,label:`Auto (default)`},...x];return(0,I.jsxs)(`div`,{className:le,children:[(0,I.jsx)(`h3`,{className:`${Z} font-medium text-text-secondary`,children:`AI Settings`}),(0,I.jsxs)(`div`,{className:$,children:[(0,I.jsx)(f,{htmlFor:`ai-new-chat-provider`,className:e?X:void 0,children:`New chat provider`}),(0,I.jsxs)(_,{value:t.new_chat_provider_mode??`default`,disabled:T,onValueChange:e=>J({new_chat_provider_mode:e}),children:[(0,I.jsx)(v,{id:`ai-new-chat-provider`,className:`w-full ${e?`h-7 text-[11px]`:``}`,children:(0,I.jsx)(p,{})}),(0,I.jsxs)(m,{children:[(0,I.jsx)(g,{value:`follow-focus`,children:`Follow last focused chat`}),(0,I.jsx)(g,{value:`default`,children:`Always use default provider`})]})]}),(0,I.jsx)(`p`,{className:`${e?`text-[9px]`:`text-[11px]`} text-muted-foreground`,children:t.new_chat_provider_mode===`follow-focus`?`New tabs follow the last chat you focused in this project, across panels. Existing tabs keep their provider.`:`New tabs always use the default provider. Existing tabs keep their provider.`})]}),(0,I.jsxs)(`div`,{className:$,children:[(0,I.jsx)(f,{htmlFor:`ai-default-provider`,className:e?X:void 0,children:`Default provider`}),(0,I.jsxs)(_,{value:t.default_provider,disabled:T,onValueChange:e=>J({default_provider:e}),children:[(0,I.jsx)(v,{id:`ai-default-provider`,className:`w-full ${e?`h-7 text-[11px]`:``}`,children:(0,I.jsx)(p,{})}),(0,I.jsx)(m,{children:W.map(e=>(0,I.jsx)(g,{value:e.id,children:e.name},e.id))})]}),t.new_chat_provider_mode===`follow-focus`&&(0,I.jsx)(`p`,{className:`${e?`text-[9px]`:`text-[11px]`} text-muted-foreground`,children:`Used when no chat has been focused in this project yet.`})]}),(0,I.jsxs)(`div`,{className:`flex items-start justify-between gap-3 rounded-md border border-border p-3`,children:[(0,I.jsxs)(`div`,{className:$,children:[(0,I.jsx)(f,{htmlFor:`ai-share-provider-context`,className:e?X:void 0,children:`Share rules and memory between providers`}),(0,I.jsx)(`p`,{id:`ai-share-provider-context-description`,className:`${e?`text-[9px]`:`text-[11px]`} text-muted-foreground`,children:`Share project rules and memory, plus global instruction files, across providers. Applies from the next project-chat message. Turning off keeps context already sent.`})]}),(0,I.jsx)(h,{id:`ai-share-provider-context`,"aria-describedby":`ai-share-provider-context-description`,checked:t.share_provider_context??!0,disabled:T,onCheckedChange:e=>J({share_provider_context:e})})]}),W.length>1&&(0,I.jsx)(`div`,{className:`flex gap-0.5 border-b border-border/50 -mx-1 px-1`,children:W.map(e=>(0,I.jsxs)(`button`,{onClick:()=>b(e.id),className:`flex items-center gap-1 px-2 py-1 text-[11px] rounded-t transition-colors ${r===e.id?`text-primary border-b-2 border-primary font-medium`:`text-text-subtle hover:text-text-secondary`}`,children:[(0,I.jsx)(d,{providerId:e.id}),(0,I.jsx)(`span`,{className:`capitalize`,children:e.name})]},e.id))}),(0,I.jsxs)(`div`,{className:Q,children:[z&&(0,I.jsxs)(`div`,{className:`flex items-start gap-2 rounded-md border border-warning/30 bg-warning/5 px-2.5 py-2`,children:[(0,I.jsx)(o,{className:`size-3.5 text-warning shrink-0 mt-0.5`}),(0,I.jsxs)(`div`,{className:`min-w-0 flex-1 space-y-1.5`,children:[(0,I.jsxs)(`p`,{className:`${X} text-text-secondary`,children:[B[r]??r,` is not available in chat — PPM could not start it.`]}),(0,I.jsx)(`p`,{className:`text-[11px] text-muted-foreground break-words`,children:z.reason}),z.nextProbeAt&&(0,I.jsxs)(`p`,{className:`text-[11px] text-text-subtle`,children:[`Checking again at `,new Date(z.nextProbeAt).toLocaleTimeString()]}),(0,I.jsxs)(l,{variant:`outline`,size:`sm`,onClick:ce,disabled:L,className:`gap-1.5 cursor-pointer min-h-11 md:min-h-8`,children:[(0,I.jsx)(a,{className:`size-3.5 ${L?`animate-spin`:``}`}),L?`Checking...`:`Check again`]})]})]}),r===`codex`&&(0,I.jsxs)(`button`,{type:`button`,onClick:()=>c(`accounts`),className:`w-full flex items-center justify-between gap-2 rounded-md border border-border px-2.5 py-2 text-left cursor-pointer hover:bg-surface-elevated transition-colors`,children:[(0,I.jsx)(`span`,{className:`${X} text-text-secondary`,children:`Codex accounts & login`}),(0,I.jsx)(i,{className:`size-3.5 text-text-subtle shrink-0`})]}),x.length>0&&(0,I.jsxs)(`div`,{className:$,children:[(0,I.jsx)(f,{htmlFor:`ai-model`,className:e?X:void 0,children:`Model`}),(0,I.jsxs)(_,{value:K?G?.model??x[0]?.value:G?.model||`__default__`,onValueChange:e=>Y(`model`,e===`__default__`?void 0:e),disabled:C,children:[(0,I.jsx)(v,{id:`ai-model`,className:`w-full ${e?`h-7 text-[11px]`:``}`,children:(0,I.jsx)(p,{placeholder:C?`Loading models...`:`Select model`})}),(0,I.jsx)(m,{className:`max-h-[300px]`,children:ue.map(e=>(0,I.jsx)(g,{value:e.value,children:e.label},e.value))})]})]}),r===`codex`&&(0,I.jsx)(ie,{config:G,compact:e,saving:T,onSave:e=>J({providers:{codex:e}})},JSON.stringify([G?.model_context_window,G?.model_auto_compact_token_limit])),K&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)(`div`,{className:$,children:[(0,I.jsx)(f,{htmlFor:`ai-base-url`,className:e?X:void 0,children:`Base URL`}),(0,I.jsx)(u,{id:`ai-base-url`,type:`url`,defaultValue:G?.base_url??``,placeholder:`https://api.anthropic.com (default)`,className:e?`h-7 text-[11px]`:void 0,onBlur:e=>{Y(`base_url`,e.target.value.trim()||void 0)}},`baseurl-${r}-${k}`)]}),(0,I.jsxs)(`div`,{className:$,children:[(0,I.jsx)(f,{htmlFor:`ai-api-key`,className:e?X:void 0,children:`API Key / Token`}),(0,I.jsx)(u,{id:`ai-api-key`,type:`password`,defaultValue:G?.api_key??``,placeholder:`sk-ant-... (optional, overrides accounts)`,className:e?`h-7 text-[11px] font-mono`:`font-mono`,onBlur:e=>{let t=e.target.value.trim();t.startsWith(`••••`)||Y(`api_key`,t||void 0)}},`apikey-${r}-${k}`),(0,I.jsx)(`p`,{className:`${e?`text-[9px]`:`text-[11px]`} text-muted-foreground`,children:`Direct API key or OAuth token. Leave empty to use connected accounts.`})]}),(0,I.jsxs)(`div`,{className:$,children:[(0,I.jsx)(f,{htmlFor:`ai-effort`,className:e?X:void 0,children:`Effort`}),(0,I.jsxs)(_,{value:G?.effort??`high`,onValueChange:e=>Y(`effort`,e),children:[(0,I.jsx)(v,{id:`ai-effort`,className:`w-full ${e?`h-7 text-[11px]`:``}`,children:(0,I.jsx)(p,{})}),(0,I.jsx)(m,{children:ae.map(e=>(0,I.jsx)(g,{value:e.value,children:e.label},e.value))})]}),q&&(0,I.jsxs)(`div`,{role:`note`,className:`flex items-start gap-2 rounded-md border border-warning/30 bg-warning/5 px-2.5 py-2`,children:[(0,I.jsx)(o,{className:`size-3.5 text-warning shrink-0 mt-0.5`}),(0,I.jsxs)(`div`,{className:`min-w-0 flex-1 space-y-1`,children:[(0,I.jsx)(`p`,{className:`${X} text-text-secondary`,children:q.title}),(0,I.jsx)(`p`,{className:`text-[11px] text-muted-foreground break-words`,children:N(q.detail)})]})]})]}),(0,I.jsxs)(`div`,{className:$,children:[(0,I.jsx)(f,{htmlFor:`ai-max-turns`,className:e?X:void 0,children:`Max Turns (1-500)`}),(0,I.jsx)(u,{id:`ai-max-turns`,type:`number`,min:1,max:500,defaultValue:G?.max_turns??100,className:e?`h-7 text-[11px]`:void 0,onBlur:e=>{let t=parseInt(e.target.value);isNaN(t)||Y(`max_turns`,t)}},`turns-${r}-${k}`)]}),(0,I.jsxs)(`div`,{className:$,children:[(0,I.jsx)(f,{htmlFor:`ai-budget`,className:e?X:void 0,children:`Max Budget (USD)`}),(0,I.jsx)(u,{id:`ai-budget`,type:`number`,step:.1,min:.01,max:50,defaultValue:G?.max_budget_usd??``,placeholder:`No limit`,className:e?`h-7 text-[11px]`:void 0,onBlur:e=>{let t=parseFloat(e.target.value);Y(`max_budget_usd`,isNaN(t)?void 0:t)}},`budget-${r}-${k}`)]}),(0,I.jsxs)(`div`,{className:$,children:[(0,I.jsx)(f,{htmlFor:`ai-thinking`,className:e?X:void 0,children:`Thinking Budget (tokens)`}),(0,I.jsx)(u,{id:`ai-thinking`,type:`number`,min:0,defaultValue:G?.thinking_budget_tokens??``,placeholder:`Adaptive (model decides)`,className:e?`h-7 text-[11px]`:void 0,onBlur:e=>{let t=parseInt(e.target.value);Y(`thinking_budget_tokens`,isNaN(t)?void 0:t)}},`thinking-${r}-${k}`)]}),(0,I.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,I.jsxs)(`div`,{children:[(0,I.jsx)(f,{htmlFor:`ai-agent-teams`,className:e?X:void 0,children:`Agent Teams`}),(0,I.jsx)(`p`,{className:`${e?`text-[9px]`:`text-[11px]`} text-muted-foreground`,children:`Experimental. Enables multi-agent collaboration with shared tasks and messaging. Uses ~7x more tokens.`})]}),(0,I.jsx)(h,{id:`ai-agent-teams`,checked:G?.agent_teams??!1,onCheckedChange:e=>Y(`agent_teams`,e)})]}),G?.agent_teams&&(0,I.jsx)(se,{compact:e}),(0,I.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,I.jsxs)(`div`,{children:[(0,I.jsx)(f,{htmlFor:`ai-context-1m`,className:e?X:void 0,children:`1M Context Window`}),(0,I.jsx)(`p`,{className:`${e?`text-[9px]`:`text-[11px]`} text-muted-foreground`,children:`Requires an entitled account (Max/Team/Enterprise) and an Opus 4 / Sonnet 4 model. Other accounts will error.`})]}),(0,I.jsx)(h,{id:`ai-context-1m`,checked:G?.context_1m??!1,onCheckedChange:e=>Y(`context_1m`,e)})]}),(0,I.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,I.jsxs)(`div`,{children:[(0,I.jsx)(f,{htmlFor:`ai-inherit-mcp`,className:e?X:void 0,children:`Inherit Claude Code MCP`}),(0,I.jsx)(`p`,{className:`${e?`text-[9px]`:`text-[11px]`} text-muted-foreground`,children:`Auto-load MCP servers from Claude Code's ~/.claude.json (global + per-project). Your own MCP servers override inherited ones.`})]}),(0,I.jsx)(h,{id:`ai-inherit-mcp`,checked:G?.inherit_claude_mcp??!0,onCheckedChange:e=>Y(`inherit_claude_mcp`,e)})]}),(0,I.jsxs)(`div`,{className:$,children:[(0,I.jsx)(f,{className:e?X:void 0,children:`MCP sign-in`}),(0,I.jsx)(`p`,{className:`${e?`text-[9px]`:`text-[11px]`} text-muted-foreground`,children:`Servers that use OAuth stay unavailable to Claude until someone signs in. Project-scoped servers are listed in the project's AI Resources panel.`}),(0,I.jsx)(`div`,{className:`-mx-2`,children:(0,I.jsx)(ee,{showWhenEmpty:!0})})]})]}),(0,I.jsxs)(`div`,{className:$,children:[(0,I.jsx)(f,{htmlFor:`ai-permission-mode`,className:e?X:void 0,children:`Default Permission Mode`}),(0,I.jsxs)(_,{value:G?.permission_mode??`bypassPermissions`,onValueChange:e=>Y(`permission_mode`,e),children:[(0,I.jsx)(v,{id:`ai-permission-mode`,className:`w-full ${e?`h-7 text-[11px]`:``}`,children:(0,I.jsx)(p,{})}),(0,I.jsx)(m,{children:oe.map(e=>(0,I.jsx)(g,{value:e.value,children:e.label},e.value))})]})]}),(0,I.jsxs)(`div`,{className:$,children:[(0,I.jsx)(f,{htmlFor:`ai-system-prompt`,className:e?X:void 0,children:`Additional Instructions`}),(0,I.jsx)(`textarea`,{id:`ai-system-prompt`,rows:e?3:4,defaultValue:G?.system_prompt??``,placeholder:`Enter additional instructions for ${r}...`,className:`w-full rounded-md border border-input bg-background px-3 py-2 ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 ${e?`text-[11px]`:`text-sm`}`,onBlur:e=>{Y(`system_prompt`,e.target.value.trim()||void 0)}},`sysprompt-${r}-${k}`)]})]}),T&&(0,I.jsx)(`p`,{className:`text-xs text-text-subtle`,children:`Saving...`}),D&&(0,I.jsx)(`p`,{className:`text-xs text-error`,children:D})]})}function se({compact:e}){let[t,n]=(0,F.useState)([]),[i,o]=(0,F.useState)(!1),[c,l]=(0,F.useState)(null),u=(0,F.useCallback)(async()=>{o(!0);try{n(await s.get(`/api/teams`)??[])}catch{}o(!1)},[]);(0,F.useEffect)(()=>{u()},[u]);let d=async e=>{try{await s.del(`/api/teams/${encodeURIComponent(e)}`),n(t=>t.filter(t=>t.name!==e)),l(null)}catch{}};return t.length===0&&!i?null:(0,I.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,I.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,I.jsxs)(f,{className:e?`text-[11px]`:void 0,children:[`Teams (`,t.length,`)`]}),(0,I.jsx)(`button`,{onClick:u,className:`text-text-subtle hover:text-foreground p-1`,"aria-label":`Refresh teams`,children:(0,I.jsx)(a,{className:`size-3 ${i?`animate-spin`:``}`})})]}),t.map(e=>(0,I.jsxs)(`div`,{className:`flex items-center justify-between p-2 rounded bg-surface-elevated text-xs`,children:[(0,I.jsxs)(`div`,{className:`min-w-0`,children:[(0,I.jsx)(`div`,{className:`font-medium truncate`,children:e.name}),e.description&&(0,I.jsx)(`div`,{className:`text-text-subtle truncate`,children:e.description}),(0,I.jsxs)(`div`,{className:`text-text-subtle`,children:[e.members?.length??e.memberCount??0,` members`,e.createdAt?` · ${new Date(e.createdAt).toLocaleDateString()}`:``]})]}),c===e.name?(0,I.jsxs)(`div`,{className:`flex gap-1 shrink-0 ml-2`,children:[(0,I.jsx)(`button`,{onClick:()=>d(e.name),className:`px-2 py-1 bg-error text-white rounded text-[10px]`,children:`Delete`}),(0,I.jsx)(`button`,{onClick:()=>l(null),className:`px-2 py-1 bg-panel-2 text-text rounded text-[10px]`,children:`Cancel`})]}):(0,I.jsx)(`button`,{onClick:()=>l(e.name),className:`shrink-0 text-text-subtle hover:text-error p-1 ml-2`,"aria-label":`Delete team ${e.name}`,children:(0,I.jsx)(r,{className:`size-3.5`})})]},e.name))]})}export{re as a,y as c,k as i,O as n,N as o,A as r,M as s,V as t};

package/dist/web/assets/{android-tab-4Z4AgHz1.js → android-tab-C-wmlFc0.js}

@@ -1,2 +1,2 @@
-import{s as e}from"./rolldown-runtime-C5c2KzVm.js";import{D as t,E as n}from"./vendor-markdown-C-P1aR4p.js";import"./vendor-ui-BTSIXzhZ.js";import{A as r,Ar as i,Hn as a,I as o,K as s,Kr as c,Mr as l,P as u,Vn as d,Xt as f,Yt as p,Z as m,Zr as h,_r as g,br as _,cr as v,er as y,gr as b,hr as x,li as S,lr as C,ni as w,nn as T,o as E,or as D,qr as O,ri as k,u as A,un as j,ut as M,xn as N,xr as P}from"./icons-BwyIKaTT.js";import{a as F,k as I,r as L}from"./api-client-xQDlhUTu.js";import{n as R}from"./utils-Bslrbb-G.js";import"./portal-container-context-NBi-KGK0.js";import"./window-store-DqX_qmkQ.js";import"./panel-store-BJhazigC.js";import{i as z}from"./project-store-BLGl9IAO.js";import"./project-framework-store-DwLxaRan.js";import"./session-list-sync-triggers-DtJI5KF0.js";import{t as B}from"./tab-store-D5I52eLN.js";import{n as ee}from"./use-is-mobile-VRV9eZy1.js";import{t as V}from"./button-C9ZXWb3b.js";import{a as H,n as U,o as W,r as te,t as ne}from"./dialog-Dn_2tuYa.js";import{i as G,m as re,r as ie,t as ae}from"./dropdown-menu-BQidk_OJ.js";import{t as K}from"./mobile-bottom-sheet-DArbIyrD.js";import"./use-visual-viewport-MmugpRg-.js";import{t as q}from"./input-C3oVNCMq.js";import"./start-ellipsis-CU8GkxaV.js";import{t as oe}from"./ws-auth-CbF6GqxP.js";import{Tr as J}from"./index-BpgSIM5B.js";import{n as se,t as ce}from"./use-h264-canvas-decoder-_zqeiVx8.js";var Y=e(t(),1),le=/^[A-Za-z0-9][A-Za-z0-9._-]{0,62}$/;function ue(e){return le.test(e)?null:`use 1–63 letters, digits, dots, dashes or underscores, starting with a letter or digit`}var X={ramMb:{min:512,max:16*1024,default:2048},storageMb:{min:1024,max:128*1024,default:6144},sdCardMb:{min:0,max:32*1024,default:512}},Z=n(),de=[`phone`,`tablet`,`tv`,`wear`,`automotive`,`desktop`,`other`],fe={phone:`Phones`,tablet:`Tablets`,tv:`TV`,wear:`Wear`,automotive:`Automotive`,desktop:`Desktop`,other:`Other`},pe=e=>`${(e/1024**3).toFixed(1)} GB`;function me({open:e,onClose:t,existingNames:n,onCreated:r}){let a=ee(),[o,s]=(0,Y.useState)(null),[c,l]=(0,Y.useState)(null),[u,d]=(0,Y.useState)(null),[p,m]=(0,Y.useState)(``),[h,g]=(0,Y.useState)(``),[_,v]=(0,Y.useState)(``),[y,b]=(0,Y.useState)(String(X.ramMb.default)),[x,S]=(0,Y.useState)(String(X.storageMb.default)),[C,w]=(0,Y.useState)(!1),[T,E]=(0,Y.useState)(null);(0,Y.useEffect)(()=>{if(!e)return;let t=!0;return d(null),(async()=>{try{let[e,n]=await Promise.all([L.get(`/api/android/system-images`),L.get(`/api/android/device-profiles`)]);if(!t)return;s(e.images),l(n.profiles);let r=e.images.filter(e=>e.hostCompatible).slice().sort((e,t)=>(t.apiLevel??0)-(e.apiLevel??0))[0];r&&g(e=>e||r.id),n.profiles.some(e=>e.id===`pixel_9`)&&v(e=>e||`pixel_9`)}catch(e){t&&d(e.message)}})(),()=>{t=!1}},[e]);let D=(0,Y.useMemo)(()=>(o??[]).map(e=>({value:e.hostCompatible?e.id:``,label:`API ${e.apiLevel??`?`} · ${e.tagDisplay} · ${e.abi}`,group:e.hostCompatible?`Runs on this host`:`Wrong CPU for this host`,hint:e.hostCompatible?pe(e.bytes):`needs ${e.abi}`,title:e.id})),[o]),k=(0,Y.useMemo)(()=>{let e=c??[];return de.flatMap(t=>e.filter(e=>e.kind===t).map(e=>({value:e.id,label:e.name,group:fe[t],hint:e.oem})))},[c]),A=p.length===0?null:n.some(e=>e.toLowerCase()===p.toLowerCase())?`an AVD with that name already exists`:ue(p),j=Number(y),M=Number(x),P=Number.isFinite(j)&&j>=X.ramMb.min&&j<=X.ramMb.max?null:`RAM must be between ${X.ramMb.min} and ${X.ramMb.max} MB`,F=Number.isFinite(M)&&M>=X.storageMb.min&&M<=X.storageMb.max?null:`Storage must be between ${X.storageMb.min} and ${X.storageMb.max} MB`,I=p.length>0&&!A&&!P&&!F&&h!==``&&_!==``&&!C,R=()=>{m(``),E(null),w(!1),b(String(X.ramMb.default)),S(String(X.storageMb.default))},z=async()=>{if(I){w(!0),E(null);try{await L.post(`/api/android/avds`,{name:p,systemImage:h,deviceProfile:_,ramMb:j,storageMb:M}),r(p),R(),t()}catch(e){E(e.message),w(!1)}}},B=!u&&(o===null||c===null),G=(0,Z.jsxs)(`div`,{className:`space-y-4`,children:[u&&(0,Z.jsxs)(`p`,{className:`flex items-start gap-2 text-sm leading-relaxed text-destructive`,children:[(0,Z.jsx)(O,{className:`mt-0.5 size-4 shrink-0`}),(0,Z.jsx)(`span`,{className:`min-w-0 flex-1`,children:u})]}),B&&(0,Z.jsxs)(`p`,{className:`flex items-center gap-2 py-6 text-sm text-muted-foreground`,children:[(0,Z.jsx)(N,{className:`size-4 animate-spin`}),` Reading the SDK…`]}),!B&&!u&&(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,Z.jsx)(`label`,{htmlFor:`avd-name`,className:`text-sm font-medium`,children:`Name`}),(0,Z.jsx)(q,{id:`avd-name`,value:p,onChange:e=>m(e.target.value),placeholder:`Pixel_9_API_35`,autoComplete:`off`,spellCheck:!1,className:`h-11`}),A?(0,Z.jsx)(`p`,{className:`text-xs leading-relaxed text-destructive`,children:A}):(0,Z.jsx)(`p`,{className:`text-xs leading-relaxed text-muted-foreground`,children:`This becomes a folder name, so no spaces.`})]}),(0,Z.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,Z.jsx)(`span`,{className:`text-sm font-medium`,children:`System image`}),(0,Z.jsx)(J,{value:h,items:D,onChange:g,label:`System image`,searchPlaceholder:`Search images`,emptyText:`No system images are installed`,placeholder:`Pick an installed image`,icon:f,className:`h-11 w-full md:h-9`,modal:!a}),(0,Z.jsxs)(`p`,{className:`text-xs leading-relaxed text-muted-foreground`,children:[`Only images already downloaded on this host. PPM never downloads one for you — use Android Studio's SDK Manager, or`,` `,(0,Z.jsx)(`code`,{className:`rounded bg-muted px-1 text-[11px]`,children:`sdkmanager`}),`.`]})]}),(0,Z.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,Z.jsx)(`span`,{className:`text-sm font-medium`,children:`Device`}),(0,Z.jsx)(J,{value:_,items:k,onChange:v,label:`Device profile`,searchPlaceholder:`Search devices`,emptyText:`No device profiles`,placeholder:`Pick a device`,icon:i,className:`h-11 w-full md:h-9`,modal:!a}),(0,Z.jsx)(`p`,{className:`text-xs leading-relaxed text-muted-foreground`,children:`Sets the screen. Without one the emulator is 320x640.`})]}),(0,Z.jsxs)(`div`,{className:`flex gap-3`,children:[(0,Z.jsxs)(`div`,{className:`min-w-0 flex-1 space-y-1.5`,children:[(0,Z.jsx)(`label`,{htmlFor:`avd-ram`,className:`text-sm font-medium`,children:`RAM (MB)`}),(0,Z.jsx)(q,{id:`avd-ram`,inputMode:`numeric`,value:y,className:`h-11`,onChange:e=>b(e.target.value)})]}),(0,Z.jsxs)(`div`,{className:`min-w-0 flex-1 space-y-1.5`,children:[(0,Z.jsx)(`label`,{htmlFor:`avd-storage`,className:`text-sm font-medium`,children:`Storage (MB)`}),(0,Z.jsx)(q,{id:`avd-storage`,inputMode:`numeric`,value:x,className:`h-11`,onChange:e=>S(e.target.value)})]})]}),(P||F)&&(0,Z.jsx)(`p`,{className:`text-xs leading-relaxed text-destructive`,children:P??F}),(0,Z.jsxs)(`p`,{className:`text-xs leading-relaxed text-muted-foreground`,children:[`PPM writes `,(0,Z.jsx)(`code`,{className:`rounded bg-muted px-1 text-[11px]`,children:`hw.keyboard=yes`}),` `,`into every AVD it creates — without it the emulator accepts key presses and shows nothing.`]})]}),T&&(0,Z.jsxs)(`p`,{className:`flex items-start gap-2 text-sm leading-relaxed text-destructive`,children:[(0,Z.jsx)(O,{className:`mt-0.5 size-4 shrink-0`}),(0,Z.jsx)(`span`,{className:`min-w-0 flex-1`,children:T})]}),(0,Z.jsxs)(`div`,{className:`flex flex-col-reverse gap-2 pt-2 md:flex-row md:justify-end`,children:[(0,Z.jsx)(V,{variant:`outline`,className:`min-h-11`,onClick:()=>{R(),t()},children:`Cancel`}),(0,Z.jsx)(V,{className:`min-h-11`,disabled:!I,onClick:()=>void z(),children:C?(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(N,{className:`animate-spin`}),` Creating…`]}):`Create device`})]})]});return e?a?(0,Z.jsx)(K,{open:!0,onClose:t,children:(0,Z.jsxs)(`div`,{className:`max-h-[80vh] overflow-y-auto px-4 pb-4`,children:[(0,Z.jsx)(`h2`,{className:`mb-3 text-base font-semibold`,children:`New Android device`}),G]})}):(0,Z.jsx)(ne,{open:!0,onOpenChange:e=>!e&&t(),children:(0,Z.jsxs)(U,{className:`sm:max-w-lg`,children:[(0,Z.jsxs)(H,{children:[(0,Z.jsx)(W,{children:`New Android device`}),(0,Z.jsx)(te,{children:`Built from a system image already installed on this host.`})]}),(0,Z.jsx)(`div`,{className:`max-h-[70vh] overflow-y-auto pr-1`,children:G})]})}):null}function he({action:e,avdId:t,deviceName:n,onCancel:r,onDone:i}){let a=ee(),[o,s]=(0,Y.useState)(``),[c,l]=(0,Y.useState)(!1),[u,d]=(0,Y.useState)(null);if((0,Y.useEffect)(()=>{s(``),d(null),l(!1)},[e,t]),!e)return null;let f=e===`delete`,p=f?`Delete this device`:`Wipe this device`,m=o===n&&!c,h=async()=>{if(m){l(!0),d(null);try{f?(await L.del(`/api/android/avds/${encodeURIComponent(t)}`,{confirmName:n}),i(`delete`,`Deleted ${n}`)):i(`wipe`,(await L.post(`/api/android/avds/${encodeURIComponent(t)}/wipe`,{confirmName:n})).message)}catch(e){d(e.message),l(!1)}}},g=(0,Z.jsxs)(`div`,{className:`space-y-4`,children:[(0,Z.jsx)(`p`,{className:`text-sm leading-relaxed`,children:f?(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(`span`,{className:`font-medium`,children:n}),` and everything in it will be removed from disk. The AVD, its settings and its installed apps are gone for good — this is not a recycle bin.`]}):(0,Z.jsxs)(Z.Fragment,{children:[`Everything inside `,(0,Z.jsx)(`span`,{className:`font-medium`,children:n}),` goes back to factory: installed apps, accounts, files and saved snapshots. The device itself and its settings stay, and the next start is a cold boot.`]})}),(0,Z.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,Z.jsxs)(`label`,{htmlFor:`avd-confirm`,className:`text-sm font-medium`,children:[`Type `,(0,Z.jsx)(`span`,{className:`font-mono`,children:n}),` to confirm`]}),(0,Z.jsx)(q,{id:`avd-confirm`,value:o,onChange:e=>s(e.target.value),autoComplete:`off`,spellCheck:!1,autoCapitalize:`off`,className:`h-11 font-mono`})]}),u&&(0,Z.jsxs)(`p`,{className:`flex items-start gap-2 text-sm leading-relaxed text-destructive`,children:[(0,Z.jsx)(O,{className:`mt-0.5 size-4 shrink-0`}),(0,Z.jsx)(`span`,{className:`min-w-0 flex-1`,children:u})]}),(0,Z.jsxs)(`div`,{className:`flex flex-col-reverse gap-2 pt-2 md:flex-row md:justify-end`,children:[(0,Z.jsx)(V,{variant:`outline`,className:`min-h-11`,onClick:r,children:`Cancel`}),(0,Z.jsx)(V,{variant:`destructive`,className:`min-h-11`,autoFocus:!1,disabled:!m,onClick:()=>void h(),children:c?(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(N,{className:`animate-spin`}),` `,f?`Deleting…`:`Wiping…`]}):f?`Delete device`:`Wipe data`})]})]});return a?(0,Z.jsx)(K,{open:!0,onClose:r,children:(0,Z.jsxs)(`div`,{className:`px-4 pb-4`,children:[(0,Z.jsx)(`h2`,{className:`mb-3 text-base font-semibold`,children:p}),g]})}):(0,Z.jsx)(ne,{open:!0,onOpenChange:e=>!e&&r(),children:(0,Z.jsxs)(U,{className:`sm:max-w-md`,children:[(0,Z.jsxs)(H,{children:[(0,Z.jsx)(W,{children:p}),(0,Z.jsx)(te,{children:f?`This cannot be undone.`:`A factory reset — the device itself stays.`})]}),g]})})}var ge=1500;function _e({onOpen:e}){let[t,n]=(0,Y.useState)(null),[o,s]=(0,Y.useState)([]),[u,d]=(0,Y.useState)(null),[f,p]=(0,Y.useState)({}),[m,h]=(0,Y.useState)(!1),[g,_]=(0,Y.useState)(null),y=(0,Y.useRef)(!0),S=(0,Y.useCallback)(async()=>{try{let e=await L.get(`/api/android/capabilities`);if(!y.current||(n(e),!e.enabled))return;let t=await L.get(`/api/android/devices`);if(!y.current)return;s(t.devices),d(null)}catch(e){y.current&&d(e.message)}},[]);(0,Y.useEffect)(()=>{y.current=!0,S();let e=setInterval(()=>void S(),ge*4);return()=>{y.current=!1,clearInterval(e)}},[S]);let C=(0,Y.useCallback)(async e=>{p(t=>({...t,[e.avdId]:`Starting…`}));try{let{operationId:t}=await L.post(`/api/android/avds/${encodeURIComponent(e.avdId)}/start`,{});for(;;){if(await new Promise(e=>setTimeout(e,ge)),!y.current)return;let n=await L.get(`/api/android/operations/${t}`);if(p(t=>({...t,[e.avdId]:n.detail??`Starting…`})),n.state===`succeeded`)break;if(n.state===`failed`||n.state===`cancelled`){d(n.error??`the emulator failed to start`);break}}}catch(e){y.current&&d(e.message)}finally{y.current&&(p(t=>{let n={...t};return delete n[e.avdId],n}),S())}},[S]),w=(0,Y.useCallback)(async e=>{if(e.runtime){p(t=>({...t,[e.avdId]:`Stopping…`}));try{await L.post(`/api/android/devices/${encodeURIComponent(e.runtime.deviceId)}/stop?generation=${e.runtime.generation}`,{})}catch(e){y.current&&d(e.message)}finally{y.current&&(p(t=>{let n={...t};return delete n[e.avdId],n}),S())}}},[S]);if(!t)return(0,Z.jsxs)(`div`,{className:`flex h-full items-center justify-center text-sm text-muted-foreground`,children:[(0,Z.jsx)(N,{className:`mr-2 size-4 animate-spin`}),` Checking this host…`]});let T=t.requirements.filter(e=>!e.met);return(0,Z.jsxs)(`div`,{className:`flex h-full min-h-0 flex-col`,children:[(0,Z.jsxs)(`div`,{className:`flex items-center gap-2 border-b px-4 py-3`,children:[(0,Z.jsx)(i,{className:`size-4 shrink-0 text-muted-foreground`}),(0,Z.jsx)(`h2`,{className:`min-w-0 flex-1 truncate text-sm font-medium`,children:`Android devices`}),t.canCreateAvd&&(0,Z.jsxs)(V,{size:`sm`,className:`h-10`,onClick:()=>h(!0),children:[(0,Z.jsx)(v,{}),` New device`]}),(0,Z.jsx)(V,{variant:`ghost`,size:`icon`,className:`size-10`,onClick:()=>void S(),title:`Refresh`,"aria-label":`Refresh`,children:(0,Z.jsx)(x,{})})]}),(0,Z.jsxs)(`div`,{className:`min-h-0 flex-1 overflow-y-auto p-4`,children:[u&&(0,Z.jsxs)(`div`,{className:`mb-4 flex items-start gap-2 rounded-md border border-destructive/40 bg-destructive/10 p-3 text-sm`,children:[(0,Z.jsx)(O,{className:`mt-0.5 size-4 shrink-0 text-destructive`}),(0,Z.jsx)(`span`,{className:`min-w-0 flex-1 leading-relaxed`,children:u})]}),T.length>0&&(0,Z.jsxs)(`div`,{className:`mb-4 rounded-md border p-4`,children:[(0,Z.jsx)(`p`,{className:`text-sm font-medium`,children:`This host is not ready yet`}),(0,Z.jsx)(`ul`,{className:`mt-3 space-y-3`,children:t.requirements.map(e=>(0,Z.jsxs)(`li`,{className:`flex items-start gap-2 text-sm leading-relaxed`,children:[e.met?(0,Z.jsx)(r,{className:`mt-0.5 size-4 shrink-0 text-muted-foreground`}):(0,Z.jsx)(O,{className:`mt-0.5 size-4 shrink-0 text-destructive`}),(0,Z.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[(0,Z.jsx)(`span`,{className:R(!e.met&&`font-medium`),children:e.label}),(0,Z.jsx)(`span`,{className:`block text-muted-foreground`,children:e.detail}),!e.met&&e.fix&&(0,Z.jsx)(`code`,{className:`mt-1 block overflow-x-auto rounded bg-muted px-2 py-1 text-xs`,children:e.fix})]})]},e.id))})]}),o.length===0&&T.length===0&&(0,Z.jsxs)(`div`,{className:`py-8 text-center`,children:[(0,Z.jsx)(`p`,{className:`text-sm leading-relaxed text-muted-foreground`,children:`No AVDs on this host yet.`}),t.canCreateAvd?(0,Z.jsxs)(V,{className:`mt-4 min-h-11`,onClick:()=>h(!0),children:[(0,Z.jsx)(v,{}),` New device`]}):(0,Z.jsxs)(`p`,{className:`mt-2 text-sm leading-relaxed text-muted-foreground`,children:[`Create one in Android Studio, or with`,` `,(0,Z.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`avdmanager create avd`}),`.`]})]}),(0,Z.jsx)(`ul`,{className:`space-y-2`,children:o.map(n=>{let r=n.runtime!==null,i=f[n.avdId];return(0,Z.jsxs)(`li`,{className:`flex flex-col gap-3 rounded-md border p-4 sm:flex-row sm:items-center`,children:[(0,Z.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,Z.jsx)(`p`,{className:`truncate text-sm font-medium`,children:n.name}),(0,Z.jsx)(`p`,{className:`mt-0.5 text-xs leading-relaxed text-muted-foreground`,children:[n.apiLevel?`API ${n.apiLevel}`:null,n.abi,n.displayWidth&&n.displayHeight?`${n.displayWidth}x${n.displayHeight}`:null,r?n.runtime.ownedByPpm?`running (PPM)`:`running (external)`:null].filter(Boolean).join(` · `)}),n.lockedByAnotherProcess&&(0,Z.jsx)(`p`,{className:`mt-1 text-xs leading-relaxed text-destructive`,children:`Locked by another process — it is probably open in Android Studio.`}),!n.hardwareKeyboard&&(0,Z.jsxs)(`p`,{className:`mt-1 text-xs leading-relaxed text-muted-foreground`,children:[`This AVD has no hardware keyboard, so typing will not reach it. Set`,` `,(0,Z.jsx)(`code`,{className:`rounded bg-muted px-1 text-[11px]`,children:`hw.keyboard=yes`}),` in its config.ini.`]})]}),(0,Z.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2`,children:[i&&(0,Z.jsxs)(`span`,{className:`flex items-center gap-1.5 text-xs text-muted-foreground`,children:[(0,Z.jsx)(N,{className:`size-3.5 animate-spin`}),` `,i]}),r?(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(V,{size:`sm`,className:`h-10`,onClick:()=>e(n),children:`View`}),n.runtime.ownedByPpm&&(0,Z.jsxs)(V,{size:`sm`,variant:`outline`,className:`h-10`,disabled:!!i,onClick:()=>void w(n),children:[(0,Z.jsx)(l,{}),` Stop`]})]}):(0,Z.jsxs)(V,{size:`sm`,className:`h-10`,disabled:!!i||n.lockedByAnotherProcess||!t.ready,onClick:()=>void C(n),children:[(0,Z.jsx)(D,{}),` Start`]}),(0,Z.jsxs)(ae,{children:[(0,Z.jsx)(re,{asChild:!0,children:(0,Z.jsx)(V,{variant:`ghost`,size:`icon`,className:`size-11 md:size-10`,title:`More for ${n.name}`,"aria-label":`More for ${n.name}`,children:(0,Z.jsx)(a,{})})}),(0,Z.jsxs)(ie,{align:`end`,children:[(0,Z.jsxs)(G,{className:`min-h-11 md:min-h-0`,disabled:r||n.lockedByAnotherProcess||!!i,onSelect:()=>_({action:`wipe`,device:n}),children:[(0,Z.jsx)(b,{}),` Wipe data`]}),(0,Z.jsxs)(G,{variant:`destructive`,className:`min-h-11 md:min-h-0`,disabled:r||n.lockedByAnotherProcess||!!i||!t.canCreateAvd,onSelect:()=>_({action:`delete`,device:n}),children:[(0,Z.jsx)(c,{}),` Delete device`]})]})]})]})]},n.avdId)})})]}),(0,Z.jsx)(me,{open:m,onClose:()=>h(!1),existingNames:o.map(e=>e.name),onCreated:e=>{I.success(`Created ${e}`),S()}}),(0,Z.jsx)(he,{action:g?.action??null,avdId:g?.device.avdId??``,deviceName:g?.device.name??``,onCancel:()=>_(null),onDone:(e,t)=>{_(null),I.success(t),S()}})]})}var ve={low:`Low`,balanced:`Balanced`,high:`High`};function ye(e){let{send:t,controller:n,rotation:r,quality:i,onQualityChange:a,onKeyboard:o,layout:c}=e,[u,f]=(0,Y.useState)(!1),p=c===`bar`,m=p?`size-11`:`size-9`,h=e=>()=>t({type:`hardware`,key:e});return(0,Z.jsxs)(`div`,{className:R(`flex items-center gap-2`,be(p)),children:[(0,Z.jsx)(V,{variant:`ghost`,size:`icon`,className:m,disabled:!n,onClick:h(`back`),title:`Back`,"aria-label":`Back`,children:(0,Z.jsx)(A,{})}),(0,Z.jsx)(V,{variant:`ghost`,size:`icon`,className:m,disabled:!n,onClick:h(`home`),title:`Home`,"aria-label":`Home`,children:(0,Z.jsx)(s,{})}),(0,Z.jsx)(V,{variant:`ghost`,size:`icon`,className:m,disabled:!n,onClick:h(`recent`),title:`Recent apps`,"aria-label":`Recent apps`,children:(0,Z.jsx)(l,{})}),(0,Z.jsx)(`span`,{className:`mx-1 h-6 w-px shrink-0 bg-border`,"aria-hidden":!0}),(0,Z.jsx)(V,{variant:`ghost`,size:`icon`,className:m,disabled:!n,onClick:o,title:`Keyboard`,"aria-label":`Keyboard`,children:(0,Z.jsx)(j,{})}),(0,Z.jsx)(V,{variant:`ghost`,size:`icon`,className:m,disabled:!n,onClick:()=>t({type:`rotate`,rotation:xe(r)}),title:`Rotate (now ${r}°)`,"aria-label":`Rotate`,children:(0,Z.jsx)(g,{})}),(0,Z.jsx)(V,{variant:`ghost`,size:`icon`,className:m,disabled:!n,onClick:()=>f(e=>!e),title:`More keys`,"aria-label":`More keys`,"aria-expanded":u,children:(0,Z.jsx)(d,{})}),u&&(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(V,{variant:`ghost`,size:`icon`,className:m,disabled:!n,onClick:h(`volume-up`),title:`Volume up`,"aria-label":`Volume up`,children:(0,Z.jsx)(k,{})}),(0,Z.jsx)(V,{variant:`ghost`,size:`icon`,className:m,disabled:!n,onClick:h(`volume-down`),title:`Volume down`,"aria-label":`Volume down`,children:(0,Z.jsx)(w,{})}),(0,Z.jsx)(V,{variant:`ghost`,size:`icon`,className:m,disabled:!n,onClick:h(`power`),title:`Power`,"aria-label":`Power`,children:(0,Z.jsx)(C,{})})]}),(0,Z.jsx)(`span`,{className:`flex-1`}),(0,Z.jsx)(`label`,{className:`sr-only`,htmlFor:`android-quality`,children:`Quality`}),(0,Z.jsx)(`select`,{id:`android-quality`,className:R(`rounded-md border bg-background px-2 text-sm`,p?`h-11`:`h-9`),value:i,disabled:!n,onChange:e=>a(e.target.value),children:Object.keys(ve).map(e=>(0,Z.jsx)(`option`,{value:e,children:ve[e]},e))})]})}function be(e){return e?`w-full justify-center border-t bg-background/95 px-3 py-2 backdrop-blur`:`px-2 py-1`}function xe(e){return(e+90)%360}function Se({deviceId:e}){let[t,n]=(0,Y.useState)(null),[i,a]=(0,Y.useState)(``),[o,s]=(0,Y.useState)(null),[c,l]=(0,Y.useState)(!1),[u,d]=(0,Y.useState)(null),f=(0,Y.useCallback)(async()=>{s(`read`),d(null);try{n((await L.get(`/api/android/devices/${encodeURIComponent(e)}/clipboard`)).text)}catch(e){d(e.message)}finally{s(null)}},[e]),p=(0,Y.useCallback)(async()=>{s(`write`),d(null);try{await L.post(`/api/android/devices/${encodeURIComponent(e)}/clipboard`,{text:i}),l(!0),setTimeout(()=>l(!1),1500)}catch(e){d(e.message)}finally{s(null)}},[e,i]);return(0,Z.jsxs)(`div`,{className:`flex h-full min-h-0 flex-col gap-4 overflow-auto p-3`,children:[(0,Z.jsxs)(`section`,{className:`flex flex-col gap-2`,children:[(0,Z.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,Z.jsx)(`h3`,{className:`flex-1 text-sm font-medium`,children:`From the device`}),(0,Z.jsxs)(V,{variant:`secondary`,className:`h-11 md:h-9`,onClick:()=>void f(),disabled:o!==null,children:[o===`read`?(0,Z.jsx)(N,{className:`animate-spin`}):(0,Z.jsx)(m,{}),` Read`]})]}),t!==null&&(0,Z.jsx)(`textarea`,{readOnly:!0,value:t,rows:3,placeholder:`(the device's clipboard is empty)`,className:`w-full resize-y rounded-md border bg-muted/40 p-2 font-mono text-xs`})]}),(0,Z.jsxs)(`section`,{className:`flex flex-col gap-2 border-t pt-3`,children:[(0,Z.jsx)(`h3`,{className:`text-sm font-medium`,children:`To the device`}),(0,Z.jsx)(`textarea`,{value:i,onChange:e=>a(e.target.value),rows:3,placeholder:`Text to put on the device's clipboard`,className:`w-full resize-y rounded-md border bg-background p-2 font-mono text-xs`}),(0,Z.jsxs)(V,{className:`h-11 self-start md:h-9`,onClick:()=>void p(),disabled:o!==null||i.length===0,children:[c?(0,Z.jsx)(r,{}):o===`write`?(0,Z.jsx)(N,{className:`animate-spin`}):(0,Z.jsx)(h,{}),c?`Sent`:`Send to device`]}),(0,Z.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Paste it in the guest with a long press, or with the keyboard's paste key.`})]}),u&&(0,Z.jsx)(`p`,{className:`text-sm text-destructive`,children:u})]})}function Ce(e,t,n){let r=new URLSearchParams({filename:t});return n&&r.set(`downgrade`,`1`),`/api/android/devices/${encodeURIComponent(e)}/apk?${r.toString()}`}function we(e,t){let n=null;try{n=JSON.parse(t)}catch{}let r=n;if(e>=200&&e<300&&r?.ok&&r.data?.operationId)return{operationId:r.data.operationId};throw Error(r?.error??(t.trim()||`the upload failed with HTTP ${e}`))}function Te(e){let t=new XMLHttpRequest,n=!1;return{done:new Promise((n,r)=>{t.open(`POST`,Ce(e.deviceId,e.file.name,e.allowDowngrade===!0)),e.token&&t.setRequestHeader(`Authorization`,`Bearer ${e.token}`),t.setRequestHeader(`Content-Type`,`application/vnd.android.package-archive`),t.setRequestHeader(`x-ppm-client`,`web`),t.upload.onprogress=t=>{t.lengthComputable&&e.onProgress&&e.onProgress(t.loaded/t.total)},t.onload=()=>{try{n(we(t.status,t.responseText).operationId)}catch(e){r(e)}},t.onerror=()=>r(Error(`the upload could not reach the server`)),t.onabort=()=>r(Error(`cancelled`)),t.send(e.file)}),cancel(){n||(n=!0,t.abort())}}}var Ee=800;function De({deviceId:e,deviceName:t}){let n=z(e=>e.projects),[r,i]=(0,Y.useState)(``),[a,o]=(0,Y.useState)(null),[s,c]=(0,Y.useState)(!1),[l,u]=(0,Y.useState)(!1),[d,f]=(0,Y.useState)({kind:`idle`}),p=(0,Y.useRef)(null),m=(0,Y.useRef)(null),g=(0,Y.useRef)(d);g.current=d;let _=d.kind===`uploading`||d.kind===`installing`,v=(0,Y.useCallback)(async(e,t)=>{for(;;){await new Promise(e=>setTimeout(e,Ee));let n=g.current;if(n.kind!==`installing`||n.operationId!==e)return;let r;try{r=await L.get(`/api/android/operations/${encodeURIComponent(e)}`)}catch(e){f({kind:`failed`,message:e.message});return}if(r.state===`succeeded`){f({kind:`done`,filename:t});return}if(r.state===`failed`){f({kind:`failed`,message:r.error??`the install failed`});return}if(r.state===`cancelled`){f({kind:`idle`});return}f({kind:`installing`,operationId:e,detail:r.detail,filename:t})}},[]),y=(0,Y.useCallback)(t=>{f({kind:`uploading`,fraction:0,filename:t.name});let n=Te({deviceId:e,file:t,allowDowngrade:l,token:F(),onProgress:e=>f({kind:`uploading`,fraction:e,filename:t.name})});m.current=n,n.done.then(e=>{m.current=null,f({kind:`installing`,operationId:e,detail:`installing…`,filename:t.name}),v(e,t.name)}).catch(e=>{m.current=null,f(e.message===`cancelled`?{kind:`idle`}:{kind:`failed`,message:e.message})})},[e,l,v]),b=(0,Y.useCallback)(async t=>{let n=t.split(`/`).pop()??t;f({kind:`installing`,operationId:``,detail:`starting…`,filename:n});try{let{operationId:i}=await L.post(`/api/android/devices/${encodeURIComponent(e)}/apk/project`,{project:r,path:t,downgrade:l});f({kind:`installing`,operationId:i,detail:`installing…`,filename:n}),v(i,n)}catch(e){f({kind:`failed`,message:e.message})}},[e,r,l,v]),S=(0,Y.useCallback)(()=>{if(d.kind===`uploading`){m.current?.cancel();return}d.kind===`installing`&&d.operationId&&(L.post(`/api/android/operations/${encodeURIComponent(d.operationId)}/cancel`,{}).catch(()=>{}),f({kind:`idle`}))},[d]),C=(0,Y.useCallback)(async e=>{if(!e){o(null);return}c(!0);try{o((await L.get(`/api/android/projects/${encodeURIComponent(e)}/apks`)).apks)}catch{o([])}finally{c(!1)}},[]);return(0,Y.useEffect)(()=>{C(r)},[r,C]),(0,Y.useEffect)(()=>()=>m.current?.cancel(),[]),(0,Z.jsxs)(`div`,{className:`flex h-full min-h-0 flex-col gap-3 overflow-auto p-3`,children:[(0,Z.jsxs)(`p`,{className:`text-xs text-muted-foreground`,children:[`Installing on `,t,`.`]}),(0,Z.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,Z.jsx)(`input`,{ref:p,type:`file`,accept:`.apk,application/vnd.android.package-archive`,className:`hidden`,onChange:e=>{let t=e.target.files?.[0];e.target.value=``,t&&y(t)}}),(0,Z.jsxs)(V,{className:`h-11 md:h-9`,disabled:_,onClick:()=>p.current?.click(),children:[(0,Z.jsx)(h,{}),` Choose an APK`]}),(0,Z.jsxs)(`label`,{className:`flex min-h-11 cursor-pointer items-center gap-2 text-sm md:min-h-9`,children:[(0,Z.jsx)(`input`,{type:`checkbox`,className:`size-4`,checked:l,disabled:_,onChange:e=>u(e.target.checked)}),`Allow downgrade`]})]}),(0,Z.jsx)(Oe,{phase:d,onCancel:S,onDismiss:()=>f({kind:`idle`})}),(0,Z.jsxs)(`div`,{className:`flex flex-col gap-2 border-t pt-3`,children:[(0,Z.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,Z.jsx)(`label`,{className:`text-sm`,htmlFor:`android-apk-project`,children:`From a project`}),(0,Z.jsxs)(`select`,{id:`android-apk-project`,className:`h-11 min-w-0 flex-1 rounded-md border bg-background px-2 text-sm md:h-9`,value:r,onChange:e=>i(e.target.value),children:[(0,Z.jsx)(`option`,{value:``,children:`Choose a project…`}),n.map(e=>(0,Z.jsx)(`option`,{value:e.name,children:e.name},e.name))]}),r&&(0,Z.jsx)(V,{variant:`ghost`,size:`icon`,className:`size-11 md:size-9`,disabled:s,onClick:()=>void C(r),title:`Rescan`,"aria-label":`Rescan`,children:s?(0,Z.jsx)(N,{className:`animate-spin`}):(0,Z.jsx)(x,{})})]}),s&&(0,Z.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`Looking for APKs…`}),!s&&a?.length===0&&(0,Z.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`No .apk files in that project yet — build one and press rescan.`}),!s&&a&&a.length>0&&(0,Z.jsx)(`ul`,{className:`flex flex-col gap-1`,children:a.map(e=>(0,Z.jsx)(`li`,{children:(0,Z.jsxs)(`button`,{type:`button`,disabled:_,onClick:()=>void b(e.path),className:R(`flex min-h-11 w-full flex-col items-start rounded-md border px-3 py-2 text-left text-sm md:min-h-9`,_?`opacity-50`:`hover:bg-accent`),children:[(0,Z.jsx)(`span`,{dir:`rtl`,className:`w-full truncate`,children:(0,Z.jsx)(`bdi`,{children:e.path})}),(0,Z.jsxs)(`span`,{className:`text-xs text-muted-foreground`,children:[ke(e.bytes),` · `,new Date(e.modifiedAt).toLocaleString()]})]})},e.path))})]})]})}function Oe({phase:e,onCancel:t,onDismiss:n}){if(e.kind===`idle`)return null;if(e.kind===`uploading`||e.kind===`installing`){let n=e.kind===`uploading`?Math.round(e.fraction*100):null,r=e.kind===`installing`?e.detail:``;return(0,Z.jsxs)(`div`,{className:`flex flex-col gap-2 rounded-md border p-3`,children:[(0,Z.jsxs)(`div`,{className:`flex items-center gap-2 text-sm`,children:[(0,Z.jsx)(N,{className:`size-4 shrink-0 animate-spin`}),(0,Z.jsx)(`span`,{dir:`rtl`,className:`min-w-0 flex-1 truncate`,children:(0,Z.jsx)(`bdi`,{children:e.filename})}),(0,Z.jsx)(V,{variant:`ghost`,size:`icon`,className:`size-9`,onClick:t,title:`Cancel`,"aria-label":`Cancel`,children:(0,Z.jsx)(S,{})})]}),n===null?(0,Z.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:r}):(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(`div`,{className:`h-1.5 overflow-hidden rounded-full bg-muted`,children:(0,Z.jsx)(`div`,{className:`h-full bg-primary transition-[width]`,style:{width:`${n}%`}})}),(0,Z.jsxs)(`p`,{className:`text-xs text-muted-foreground`,children:[`Uploading — `,n,`%`]})]})]})}return e.kind===`done`?(0,Z.jsxs)(`div`,{className:`flex items-center gap-2 rounded-md border border-emerald-600/40 bg-emerald-600/10 p-3 text-sm`,children:[(0,Z.jsx)(r,{className:`size-4 shrink-0 text-emerald-600 dark:text-emerald-400`}),(0,Z.jsx)(`span`,{dir:`rtl`,className:`min-w-0 flex-1 truncate`,children:(0,Z.jsx)(`bdi`,{children:e.filename})}),(0,Z.jsx)(`span`,{className:`shrink-0 text-muted-foreground`,children:`installed`}),(0,Z.jsx)(V,{variant:`ghost`,size:`icon`,className:`size-9`,onClick:n,"aria-label":`Dismiss`,children:(0,Z.jsx)(S,{})})]}):(0,Z.jsxs)(`div`,{className:`flex items-start gap-2 rounded-md border border-destructive/40 bg-destructive/10 p-3 text-sm`,children:[(0,Z.jsx)(O,{className:`mt-0.5 size-4 shrink-0 text-destructive`}),(0,Z.jsx)(`span`,{className:`min-w-0 flex-1`,children:e.message}),(0,Z.jsx)(V,{variant:`ghost`,size:`icon`,className:`size-9`,onClick:n,"aria-label":`Dismiss`,children:(0,Z.jsx)(S,{})})]})}function ke(e){return e<1024?`${e} B`:e<1024*1024?`${(e/1024).toFixed(0)} KB`:`${(e/1024/1024).toFixed(1)} MB`}var Ae=[`verbose`,`debug`,`info`,`warn`,`error`,`fatal`],je=new Map(Ae.map((e,t)=>[e,t]));function Me(e,t){return(je.get(e)??0)>=(je.get(t)??0)}var Ne={minimum:`verbose`,text:``,pid:0};function Pe(e,t){if(!Me(e.level,t.minimum)||t.pid!==0&&e.pid!==t.pid)return!1;let n=t.text.trim().toLowerCase();return n.length===0?!0:e.tag.toLowerCase().includes(n)||e.message.toLowerCase().includes(n)}function Fe(e,t,n){if(t.length===0)return e;let r=e.length>0?e[e.length-1].id:0,i=t[0].id>r?t:t.filter(e=>e.id>r);if(i.length===0)return e;let a=e.concat(i);return a.length>n?a.slice(a.length-n):a}function Ie(e){let t=new Date(e),n=(e,t=2)=>String(e).padStart(t,`0`);return`${n(t.getHours())}:${n(t.getMinutes())}:${n(t.getSeconds())}.${n(t.getMilliseconds(),3)}`}function Le(e){let t={verbose:`V`,debug:`D`,info:`I`,warn:`W`,error:`E`,fatal:`F`};return e.map(e=>`${Ie(e.timestamp)} ${String(e.pid).padStart(5)} ${String(e.tid).padStart(5)} ${t[e.level]} ${e.tag}: ${e.message}`).join(`
+import{s as e}from"./rolldown-runtime-C5c2KzVm.js";import{D as t,E as n}from"./vendor-markdown-C-P1aR4p.js";import"./vendor-ui-BTSIXzhZ.js";import{A as r,Ar as i,Hn as a,I as o,K as s,Kr as c,Mr as l,P as u,Vn as d,Xt as f,Yt as p,Z as m,Zr as h,_r as g,br as _,cr as v,er as y,gr as b,hr as x,li as S,lr as C,ni as w,nn as T,o as E,or as D,qr as O,ri as k,u as A,un as j,ut as M,xn as N,xr as P}from"./icons-BwyIKaTT.js";import{a as F,k as I,r as L}from"./api-client-xQDlhUTu.js";import{n as R}from"./utils-Bslrbb-G.js";import"./portal-container-context-NBi-KGK0.js";import"./window-store-DqX_qmkQ.js";import"./panel-store-BJhazigC.js";import{i as z}from"./project-store-BLGl9IAO.js";import"./project-framework-store-DwLxaRan.js";import"./session-list-sync-triggers-DtJI5KF0.js";import{t as B}from"./tab-store-D5I52eLN.js";import{n as ee}from"./use-is-mobile-VRV9eZy1.js";import{t as V}from"./button-C9ZXWb3b.js";import{a as H,n as U,o as W,r as te,t as ne}from"./dialog-Dn_2tuYa.js";import{i as G,m as re,r as ie,t as ae}from"./dropdown-menu-BQidk_OJ.js";import{t as K}from"./mobile-bottom-sheet-DArbIyrD.js";import"./use-visual-viewport-MmugpRg-.js";import{t as q}from"./input-C3oVNCMq.js";import"./start-ellipsis-CU8GkxaV.js";import{t as oe}from"./ws-auth-CbF6GqxP.js";import{Tr as J}from"./index-D8QDpdgs.js";import{n as se,t as ce}from"./use-h264-canvas-decoder-_zqeiVx8.js";var Y=e(t(),1),le=/^[A-Za-z0-9][A-Za-z0-9._-]{0,62}$/;function ue(e){return le.test(e)?null:`use 1–63 letters, digits, dots, dashes or underscores, starting with a letter or digit`}var X={ramMb:{min:512,max:16*1024,default:2048},storageMb:{min:1024,max:128*1024,default:6144},sdCardMb:{min:0,max:32*1024,default:512}},Z=n(),de=[`phone`,`tablet`,`tv`,`wear`,`automotive`,`desktop`,`other`],fe={phone:`Phones`,tablet:`Tablets`,tv:`TV`,wear:`Wear`,automotive:`Automotive`,desktop:`Desktop`,other:`Other`},pe=e=>`${(e/1024**3).toFixed(1)} GB`;function me({open:e,onClose:t,existingNames:n,onCreated:r}){let a=ee(),[o,s]=(0,Y.useState)(null),[c,l]=(0,Y.useState)(null),[u,d]=(0,Y.useState)(null),[p,m]=(0,Y.useState)(``),[h,g]=(0,Y.useState)(``),[_,v]=(0,Y.useState)(``),[y,b]=(0,Y.useState)(String(X.ramMb.default)),[x,S]=(0,Y.useState)(String(X.storageMb.default)),[C,w]=(0,Y.useState)(!1),[T,E]=(0,Y.useState)(null);(0,Y.useEffect)(()=>{if(!e)return;let t=!0;return d(null),(async()=>{try{let[e,n]=await Promise.all([L.get(`/api/android/system-images`),L.get(`/api/android/device-profiles`)]);if(!t)return;s(e.images),l(n.profiles);let r=e.images.filter(e=>e.hostCompatible).slice().sort((e,t)=>(t.apiLevel??0)-(e.apiLevel??0))[0];r&&g(e=>e||r.id),n.profiles.some(e=>e.id===`pixel_9`)&&v(e=>e||`pixel_9`)}catch(e){t&&d(e.message)}})(),()=>{t=!1}},[e]);let D=(0,Y.useMemo)(()=>(o??[]).map(e=>({value:e.hostCompatible?e.id:``,label:`API ${e.apiLevel??`?`} · ${e.tagDisplay} · ${e.abi}`,group:e.hostCompatible?`Runs on this host`:`Wrong CPU for this host`,hint:e.hostCompatible?pe(e.bytes):`needs ${e.abi}`,title:e.id})),[o]),k=(0,Y.useMemo)(()=>{let e=c??[];return de.flatMap(t=>e.filter(e=>e.kind===t).map(e=>({value:e.id,label:e.name,group:fe[t],hint:e.oem})))},[c]),A=p.length===0?null:n.some(e=>e.toLowerCase()===p.toLowerCase())?`an AVD with that name already exists`:ue(p),j=Number(y),M=Number(x),P=Number.isFinite(j)&&j>=X.ramMb.min&&j<=X.ramMb.max?null:`RAM must be between ${X.ramMb.min} and ${X.ramMb.max} MB`,F=Number.isFinite(M)&&M>=X.storageMb.min&&M<=X.storageMb.max?null:`Storage must be between ${X.storageMb.min} and ${X.storageMb.max} MB`,I=p.length>0&&!A&&!P&&!F&&h!==``&&_!==``&&!C,R=()=>{m(``),E(null),w(!1),b(String(X.ramMb.default)),S(String(X.storageMb.default))},z=async()=>{if(I){w(!0),E(null);try{await L.post(`/api/android/avds`,{name:p,systemImage:h,deviceProfile:_,ramMb:j,storageMb:M}),r(p),R(),t()}catch(e){E(e.message),w(!1)}}},B=!u&&(o===null||c===null),G=(0,Z.jsxs)(`div`,{className:`space-y-4`,children:[u&&(0,Z.jsxs)(`p`,{className:`flex items-start gap-2 text-sm leading-relaxed text-destructive`,children:[(0,Z.jsx)(O,{className:`mt-0.5 size-4 shrink-0`}),(0,Z.jsx)(`span`,{className:`min-w-0 flex-1`,children:u})]}),B&&(0,Z.jsxs)(`p`,{className:`flex items-center gap-2 py-6 text-sm text-muted-foreground`,children:[(0,Z.jsx)(N,{className:`size-4 animate-spin`}),` Reading the SDK…`]}),!B&&!u&&(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,Z.jsx)(`label`,{htmlFor:`avd-name`,className:`text-sm font-medium`,children:`Name`}),(0,Z.jsx)(q,{id:`avd-name`,value:p,onChange:e=>m(e.target.value),placeholder:`Pixel_9_API_35`,autoComplete:`off`,spellCheck:!1,className:`h-11`}),A?(0,Z.jsx)(`p`,{className:`text-xs leading-relaxed text-destructive`,children:A}):(0,Z.jsx)(`p`,{className:`text-xs leading-relaxed text-muted-foreground`,children:`This becomes a folder name, so no spaces.`})]}),(0,Z.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,Z.jsx)(`span`,{className:`text-sm font-medium`,children:`System image`}),(0,Z.jsx)(J,{value:h,items:D,onChange:g,label:`System image`,searchPlaceholder:`Search images`,emptyText:`No system images are installed`,placeholder:`Pick an installed image`,icon:f,className:`h-11 w-full md:h-9`,modal:!a}),(0,Z.jsxs)(`p`,{className:`text-xs leading-relaxed text-muted-foreground`,children:[`Only images already downloaded on this host. PPM never downloads one for you — use Android Studio's SDK Manager, or`,` `,(0,Z.jsx)(`code`,{className:`rounded bg-muted px-1 text-[11px]`,children:`sdkmanager`}),`.`]})]}),(0,Z.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,Z.jsx)(`span`,{className:`text-sm font-medium`,children:`Device`}),(0,Z.jsx)(J,{value:_,items:k,onChange:v,label:`Device profile`,searchPlaceholder:`Search devices`,emptyText:`No device profiles`,placeholder:`Pick a device`,icon:i,className:`h-11 w-full md:h-9`,modal:!a}),(0,Z.jsx)(`p`,{className:`text-xs leading-relaxed text-muted-foreground`,children:`Sets the screen. Without one the emulator is 320x640.`})]}),(0,Z.jsxs)(`div`,{className:`flex gap-3`,children:[(0,Z.jsxs)(`div`,{className:`min-w-0 flex-1 space-y-1.5`,children:[(0,Z.jsx)(`label`,{htmlFor:`avd-ram`,className:`text-sm font-medium`,children:`RAM (MB)`}),(0,Z.jsx)(q,{id:`avd-ram`,inputMode:`numeric`,value:y,className:`h-11`,onChange:e=>b(e.target.value)})]}),(0,Z.jsxs)(`div`,{className:`min-w-0 flex-1 space-y-1.5`,children:[(0,Z.jsx)(`label`,{htmlFor:`avd-storage`,className:`text-sm font-medium`,children:`Storage (MB)`}),(0,Z.jsx)(q,{id:`avd-storage`,inputMode:`numeric`,value:x,className:`h-11`,onChange:e=>S(e.target.value)})]})]}),(P||F)&&(0,Z.jsx)(`p`,{className:`text-xs leading-relaxed text-destructive`,children:P??F}),(0,Z.jsxs)(`p`,{className:`text-xs leading-relaxed text-muted-foreground`,children:[`PPM writes `,(0,Z.jsx)(`code`,{className:`rounded bg-muted px-1 text-[11px]`,children:`hw.keyboard=yes`}),` `,`into every AVD it creates — without it the emulator accepts key presses and shows nothing.`]})]}),T&&(0,Z.jsxs)(`p`,{className:`flex items-start gap-2 text-sm leading-relaxed text-destructive`,children:[(0,Z.jsx)(O,{className:`mt-0.5 size-4 shrink-0`}),(0,Z.jsx)(`span`,{className:`min-w-0 flex-1`,children:T})]}),(0,Z.jsxs)(`div`,{className:`flex flex-col-reverse gap-2 pt-2 md:flex-row md:justify-end`,children:[(0,Z.jsx)(V,{variant:`outline`,className:`min-h-11`,onClick:()=>{R(),t()},children:`Cancel`}),(0,Z.jsx)(V,{className:`min-h-11`,disabled:!I,onClick:()=>void z(),children:C?(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(N,{className:`animate-spin`}),` Creating…`]}):`Create device`})]})]});return e?a?(0,Z.jsx)(K,{open:!0,onClose:t,children:(0,Z.jsxs)(`div`,{className:`max-h-[80vh] overflow-y-auto px-4 pb-4`,children:[(0,Z.jsx)(`h2`,{className:`mb-3 text-base font-semibold`,children:`New Android device`}),G]})}):(0,Z.jsx)(ne,{open:!0,onOpenChange:e=>!e&&t(),children:(0,Z.jsxs)(U,{className:`sm:max-w-lg`,children:[(0,Z.jsxs)(H,{children:[(0,Z.jsx)(W,{children:`New Android device`}),(0,Z.jsx)(te,{children:`Built from a system image already installed on this host.`})]}),(0,Z.jsx)(`div`,{className:`max-h-[70vh] overflow-y-auto pr-1`,children:G})]})}):null}function he({action:e,avdId:t,deviceName:n,onCancel:r,onDone:i}){let a=ee(),[o,s]=(0,Y.useState)(``),[c,l]=(0,Y.useState)(!1),[u,d]=(0,Y.useState)(null);if((0,Y.useEffect)(()=>{s(``),d(null),l(!1)},[e,t]),!e)return null;let f=e===`delete`,p=f?`Delete this device`:`Wipe this device`,m=o===n&&!c,h=async()=>{if(m){l(!0),d(null);try{f?(await L.del(`/api/android/avds/${encodeURIComponent(t)}`,{confirmName:n}),i(`delete`,`Deleted ${n}`)):i(`wipe`,(await L.post(`/api/android/avds/${encodeURIComponent(t)}/wipe`,{confirmName:n})).message)}catch(e){d(e.message),l(!1)}}},g=(0,Z.jsxs)(`div`,{className:`space-y-4`,children:[(0,Z.jsx)(`p`,{className:`text-sm leading-relaxed`,children:f?(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(`span`,{className:`font-medium`,children:n}),` and everything in it will be removed from disk. The AVD, its settings and its installed apps are gone for good — this is not a recycle bin.`]}):(0,Z.jsxs)(Z.Fragment,{children:[`Everything inside `,(0,Z.jsx)(`span`,{className:`font-medium`,children:n}),` goes back to factory: installed apps, accounts, files and saved snapshots. The device itself and its settings stay, and the next start is a cold boot.`]})}),(0,Z.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,Z.jsxs)(`label`,{htmlFor:`avd-confirm`,className:`text-sm font-medium`,children:[`Type `,(0,Z.jsx)(`span`,{className:`font-mono`,children:n}),` to confirm`]}),(0,Z.jsx)(q,{id:`avd-confirm`,value:o,onChange:e=>s(e.target.value),autoComplete:`off`,spellCheck:!1,autoCapitalize:`off`,className:`h-11 font-mono`})]}),u&&(0,Z.jsxs)(`p`,{className:`flex items-start gap-2 text-sm leading-relaxed text-destructive`,children:[(0,Z.jsx)(O,{className:`mt-0.5 size-4 shrink-0`}),(0,Z.jsx)(`span`,{className:`min-w-0 flex-1`,children:u})]}),(0,Z.jsxs)(`div`,{className:`flex flex-col-reverse gap-2 pt-2 md:flex-row md:justify-end`,children:[(0,Z.jsx)(V,{variant:`outline`,className:`min-h-11`,onClick:r,children:`Cancel`}),(0,Z.jsx)(V,{variant:`destructive`,className:`min-h-11`,autoFocus:!1,disabled:!m,onClick:()=>void h(),children:c?(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(N,{className:`animate-spin`}),` `,f?`Deleting…`:`Wiping…`]}):f?`Delete device`:`Wipe data`})]})]});return a?(0,Z.jsx)(K,{open:!0,onClose:r,children:(0,Z.jsxs)(`div`,{className:`px-4 pb-4`,children:[(0,Z.jsx)(`h2`,{className:`mb-3 text-base font-semibold`,children:p}),g]})}):(0,Z.jsx)(ne,{open:!0,onOpenChange:e=>!e&&r(),children:(0,Z.jsxs)(U,{className:`sm:max-w-md`,children:[(0,Z.jsxs)(H,{children:[(0,Z.jsx)(W,{children:p}),(0,Z.jsx)(te,{children:f?`This cannot be undone.`:`A factory reset — the device itself stays.`})]}),g]})})}var ge=1500;function _e({onOpen:e}){let[t,n]=(0,Y.useState)(null),[o,s]=(0,Y.useState)([]),[u,d]=(0,Y.useState)(null),[f,p]=(0,Y.useState)({}),[m,h]=(0,Y.useState)(!1),[g,_]=(0,Y.useState)(null),y=(0,Y.useRef)(!0),S=(0,Y.useCallback)(async()=>{try{let e=await L.get(`/api/android/capabilities`);if(!y.current||(n(e),!e.enabled))return;let t=await L.get(`/api/android/devices`);if(!y.current)return;s(t.devices),d(null)}catch(e){y.current&&d(e.message)}},[]);(0,Y.useEffect)(()=>{y.current=!0,S();let e=setInterval(()=>void S(),ge*4);return()=>{y.current=!1,clearInterval(e)}},[S]);let C=(0,Y.useCallback)(async e=>{p(t=>({...t,[e.avdId]:`Starting…`}));try{let{operationId:t}=await L.post(`/api/android/avds/${encodeURIComponent(e.avdId)}/start`,{});for(;;){if(await new Promise(e=>setTimeout(e,ge)),!y.current)return;let n=await L.get(`/api/android/operations/${t}`);if(p(t=>({...t,[e.avdId]:n.detail??`Starting…`})),n.state===`succeeded`)break;if(n.state===`failed`||n.state===`cancelled`){d(n.error??`the emulator failed to start`);break}}}catch(e){y.current&&d(e.message)}finally{y.current&&(p(t=>{let n={...t};return delete n[e.avdId],n}),S())}},[S]),w=(0,Y.useCallback)(async e=>{if(e.runtime){p(t=>({...t,[e.avdId]:`Stopping…`}));try{await L.post(`/api/android/devices/${encodeURIComponent(e.runtime.deviceId)}/stop?generation=${e.runtime.generation}`,{})}catch(e){y.current&&d(e.message)}finally{y.current&&(p(t=>{let n={...t};return delete n[e.avdId],n}),S())}}},[S]);if(!t)return(0,Z.jsxs)(`div`,{className:`flex h-full items-center justify-center text-sm text-muted-foreground`,children:[(0,Z.jsx)(N,{className:`mr-2 size-4 animate-spin`}),` Checking this host…`]});let T=t.requirements.filter(e=>!e.met);return(0,Z.jsxs)(`div`,{className:`flex h-full min-h-0 flex-col`,children:[(0,Z.jsxs)(`div`,{className:`flex items-center gap-2 border-b px-4 py-3`,children:[(0,Z.jsx)(i,{className:`size-4 shrink-0 text-muted-foreground`}),(0,Z.jsx)(`h2`,{className:`min-w-0 flex-1 truncate text-sm font-medium`,children:`Android devices`}),t.canCreateAvd&&(0,Z.jsxs)(V,{size:`sm`,className:`h-10`,onClick:()=>h(!0),children:[(0,Z.jsx)(v,{}),` New device`]}),(0,Z.jsx)(V,{variant:`ghost`,size:`icon`,className:`size-10`,onClick:()=>void S(),title:`Refresh`,"aria-label":`Refresh`,children:(0,Z.jsx)(x,{})})]}),(0,Z.jsxs)(`div`,{className:`min-h-0 flex-1 overflow-y-auto p-4`,children:[u&&(0,Z.jsxs)(`div`,{className:`mb-4 flex items-start gap-2 rounded-md border border-destructive/40 bg-destructive/10 p-3 text-sm`,children:[(0,Z.jsx)(O,{className:`mt-0.5 size-4 shrink-0 text-destructive`}),(0,Z.jsx)(`span`,{className:`min-w-0 flex-1 leading-relaxed`,children:u})]}),T.length>0&&(0,Z.jsxs)(`div`,{className:`mb-4 rounded-md border p-4`,children:[(0,Z.jsx)(`p`,{className:`text-sm font-medium`,children:`This host is not ready yet`}),(0,Z.jsx)(`ul`,{className:`mt-3 space-y-3`,children:t.requirements.map(e=>(0,Z.jsxs)(`li`,{className:`flex items-start gap-2 text-sm leading-relaxed`,children:[e.met?(0,Z.jsx)(r,{className:`mt-0.5 size-4 shrink-0 text-muted-foreground`}):(0,Z.jsx)(O,{className:`mt-0.5 size-4 shrink-0 text-destructive`}),(0,Z.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[(0,Z.jsx)(`span`,{className:R(!e.met&&`font-medium`),children:e.label}),(0,Z.jsx)(`span`,{className:`block text-muted-foreground`,children:e.detail}),!e.met&&e.fix&&(0,Z.jsx)(`code`,{className:`mt-1 block overflow-x-auto rounded bg-muted px-2 py-1 text-xs`,children:e.fix})]})]},e.id))})]}),o.length===0&&T.length===0&&(0,Z.jsxs)(`div`,{className:`py-8 text-center`,children:[(0,Z.jsx)(`p`,{className:`text-sm leading-relaxed text-muted-foreground`,children:`No AVDs on this host yet.`}),t.canCreateAvd?(0,Z.jsxs)(V,{className:`mt-4 min-h-11`,onClick:()=>h(!0),children:[(0,Z.jsx)(v,{}),` New device`]}):(0,Z.jsxs)(`p`,{className:`mt-2 text-sm leading-relaxed text-muted-foreground`,children:[`Create one in Android Studio, or with`,` `,(0,Z.jsx)(`code`,{className:`rounded bg-muted px-1 py-0.5 text-xs`,children:`avdmanager create avd`}),`.`]})]}),(0,Z.jsx)(`ul`,{className:`space-y-2`,children:o.map(n=>{let r=n.runtime!==null,i=f[n.avdId];return(0,Z.jsxs)(`li`,{className:`flex flex-col gap-3 rounded-md border p-4 sm:flex-row sm:items-center`,children:[(0,Z.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,Z.jsx)(`p`,{className:`truncate text-sm font-medium`,children:n.name}),(0,Z.jsx)(`p`,{className:`mt-0.5 text-xs leading-relaxed text-muted-foreground`,children:[n.apiLevel?`API ${n.apiLevel}`:null,n.abi,n.displayWidth&&n.displayHeight?`${n.displayWidth}x${n.displayHeight}`:null,r?n.runtime.ownedByPpm?`running (PPM)`:`running (external)`:null].filter(Boolean).join(` · `)}),n.lockedByAnotherProcess&&(0,Z.jsx)(`p`,{className:`mt-1 text-xs leading-relaxed text-destructive`,children:`Locked by another process — it is probably open in Android Studio.`}),!n.hardwareKeyboard&&(0,Z.jsxs)(`p`,{className:`mt-1 text-xs leading-relaxed text-muted-foreground`,children:[`This AVD has no hardware keyboard, so typing will not reach it. Set`,` `,(0,Z.jsx)(`code`,{className:`rounded bg-muted px-1 text-[11px]`,children:`hw.keyboard=yes`}),` in its config.ini.`]})]}),(0,Z.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2`,children:[i&&(0,Z.jsxs)(`span`,{className:`flex items-center gap-1.5 text-xs text-muted-foreground`,children:[(0,Z.jsx)(N,{className:`size-3.5 animate-spin`}),` `,i]}),r?(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(V,{size:`sm`,className:`h-10`,onClick:()=>e(n),children:`View`}),n.runtime.ownedByPpm&&(0,Z.jsxs)(V,{size:`sm`,variant:`outline`,className:`h-10`,disabled:!!i,onClick:()=>void w(n),children:[(0,Z.jsx)(l,{}),` Stop`]})]}):(0,Z.jsxs)(V,{size:`sm`,className:`h-10`,disabled:!!i||n.lockedByAnotherProcess||!t.ready,onClick:()=>void C(n),children:[(0,Z.jsx)(D,{}),` Start`]}),(0,Z.jsxs)(ae,{children:[(0,Z.jsx)(re,{asChild:!0,children:(0,Z.jsx)(V,{variant:`ghost`,size:`icon`,className:`size-11 md:size-10`,title:`More for ${n.name}`,"aria-label":`More for ${n.name}`,children:(0,Z.jsx)(a,{})})}),(0,Z.jsxs)(ie,{align:`end`,children:[(0,Z.jsxs)(G,{className:`min-h-11 md:min-h-0`,disabled:r||n.lockedByAnotherProcess||!!i,onSelect:()=>_({action:`wipe`,device:n}),children:[(0,Z.jsx)(b,{}),` Wipe data`]}),(0,Z.jsxs)(G,{variant:`destructive`,className:`min-h-11 md:min-h-0`,disabled:r||n.lockedByAnotherProcess||!!i||!t.canCreateAvd,onSelect:()=>_({action:`delete`,device:n}),children:[(0,Z.jsx)(c,{}),` Delete device`]})]})]})]})]},n.avdId)})})]}),(0,Z.jsx)(me,{open:m,onClose:()=>h(!1),existingNames:o.map(e=>e.name),onCreated:e=>{I.success(`Created ${e}`),S()}}),(0,Z.jsx)(he,{action:g?.action??null,avdId:g?.device.avdId??``,deviceName:g?.device.name??``,onCancel:()=>_(null),onDone:(e,t)=>{_(null),I.success(t),S()}})]})}var ve={low:`Low`,balanced:`Balanced`,high:`High`};function ye(e){let{send:t,controller:n,rotation:r,quality:i,onQualityChange:a,onKeyboard:o,layout:c}=e,[u,f]=(0,Y.useState)(!1),p=c===`bar`,m=p?`size-11`:`size-9`,h=e=>()=>t({type:`hardware`,key:e});return(0,Z.jsxs)(`div`,{className:R(`flex items-center gap-2`,be(p)),children:[(0,Z.jsx)(V,{variant:`ghost`,size:`icon`,className:m,disabled:!n,onClick:h(`back`),title:`Back`,"aria-label":`Back`,children:(0,Z.jsx)(A,{})}),(0,Z.jsx)(V,{variant:`ghost`,size:`icon`,className:m,disabled:!n,onClick:h(`home`),title:`Home`,"aria-label":`Home`,children:(0,Z.jsx)(s,{})}),(0,Z.jsx)(V,{variant:`ghost`,size:`icon`,className:m,disabled:!n,onClick:h(`recent`),title:`Recent apps`,"aria-label":`Recent apps`,children:(0,Z.jsx)(l,{})}),(0,Z.jsx)(`span`,{className:`mx-1 h-6 w-px shrink-0 bg-border`,"aria-hidden":!0}),(0,Z.jsx)(V,{variant:`ghost`,size:`icon`,className:m,disabled:!n,onClick:o,title:`Keyboard`,"aria-label":`Keyboard`,children:(0,Z.jsx)(j,{})}),(0,Z.jsx)(V,{variant:`ghost`,size:`icon`,className:m,disabled:!n,onClick:()=>t({type:`rotate`,rotation:xe(r)}),title:`Rotate (now ${r}°)`,"aria-label":`Rotate`,children:(0,Z.jsx)(g,{})}),(0,Z.jsx)(V,{variant:`ghost`,size:`icon`,className:m,disabled:!n,onClick:()=>f(e=>!e),title:`More keys`,"aria-label":`More keys`,"aria-expanded":u,children:(0,Z.jsx)(d,{})}),u&&(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(V,{variant:`ghost`,size:`icon`,className:m,disabled:!n,onClick:h(`volume-up`),title:`Volume up`,"aria-label":`Volume up`,children:(0,Z.jsx)(k,{})}),(0,Z.jsx)(V,{variant:`ghost`,size:`icon`,className:m,disabled:!n,onClick:h(`volume-down`),title:`Volume down`,"aria-label":`Volume down`,children:(0,Z.jsx)(w,{})}),(0,Z.jsx)(V,{variant:`ghost`,size:`icon`,className:m,disabled:!n,onClick:h(`power`),title:`Power`,"aria-label":`Power`,children:(0,Z.jsx)(C,{})})]}),(0,Z.jsx)(`span`,{className:`flex-1`}),(0,Z.jsx)(`label`,{className:`sr-only`,htmlFor:`android-quality`,children:`Quality`}),(0,Z.jsx)(`select`,{id:`android-quality`,className:R(`rounded-md border bg-background px-2 text-sm`,p?`h-11`:`h-9`),value:i,disabled:!n,onChange:e=>a(e.target.value),children:Object.keys(ve).map(e=>(0,Z.jsx)(`option`,{value:e,children:ve[e]},e))})]})}function be(e){return e?`w-full justify-center border-t bg-background/95 px-3 py-2 backdrop-blur`:`px-2 py-1`}function xe(e){return(e+90)%360}function Se({deviceId:e}){let[t,n]=(0,Y.useState)(null),[i,a]=(0,Y.useState)(``),[o,s]=(0,Y.useState)(null),[c,l]=(0,Y.useState)(!1),[u,d]=(0,Y.useState)(null),f=(0,Y.useCallback)(async()=>{s(`read`),d(null);try{n((await L.get(`/api/android/devices/${encodeURIComponent(e)}/clipboard`)).text)}catch(e){d(e.message)}finally{s(null)}},[e]),p=(0,Y.useCallback)(async()=>{s(`write`),d(null);try{await L.post(`/api/android/devices/${encodeURIComponent(e)}/clipboard`,{text:i}),l(!0),setTimeout(()=>l(!1),1500)}catch(e){d(e.message)}finally{s(null)}},[e,i]);return(0,Z.jsxs)(`div`,{className:`flex h-full min-h-0 flex-col gap-4 overflow-auto p-3`,children:[(0,Z.jsxs)(`section`,{className:`flex flex-col gap-2`,children:[(0,Z.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,Z.jsx)(`h3`,{className:`flex-1 text-sm font-medium`,children:`From the device`}),(0,Z.jsxs)(V,{variant:`secondary`,className:`h-11 md:h-9`,onClick:()=>void f(),disabled:o!==null,children:[o===`read`?(0,Z.jsx)(N,{className:`animate-spin`}):(0,Z.jsx)(m,{}),` Read`]})]}),t!==null&&(0,Z.jsx)(`textarea`,{readOnly:!0,value:t,rows:3,placeholder:`(the device's clipboard is empty)`,className:`w-full resize-y rounded-md border bg-muted/40 p-2 font-mono text-xs`})]}),(0,Z.jsxs)(`section`,{className:`flex flex-col gap-2 border-t pt-3`,children:[(0,Z.jsx)(`h3`,{className:`text-sm font-medium`,children:`To the device`}),(0,Z.jsx)(`textarea`,{value:i,onChange:e=>a(e.target.value),rows:3,placeholder:`Text to put on the device's clipboard`,className:`w-full resize-y rounded-md border bg-background p-2 font-mono text-xs`}),(0,Z.jsxs)(V,{className:`h-11 self-start md:h-9`,onClick:()=>void p(),disabled:o!==null||i.length===0,children:[c?(0,Z.jsx)(r,{}):o===`write`?(0,Z.jsx)(N,{className:`animate-spin`}):(0,Z.jsx)(h,{}),c?`Sent`:`Send to device`]}),(0,Z.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Paste it in the guest with a long press, or with the keyboard's paste key.`})]}),u&&(0,Z.jsx)(`p`,{className:`text-sm text-destructive`,children:u})]})}function Ce(e,t,n){let r=new URLSearchParams({filename:t});return n&&r.set(`downgrade`,`1`),`/api/android/devices/${encodeURIComponent(e)}/apk?${r.toString()}`}function we(e,t){let n=null;try{n=JSON.parse(t)}catch{}let r=n;if(e>=200&&e<300&&r?.ok&&r.data?.operationId)return{operationId:r.data.operationId};throw Error(r?.error??(t.trim()||`the upload failed with HTTP ${e}`))}function Te(e){let t=new XMLHttpRequest,n=!1;return{done:new Promise((n,r)=>{t.open(`POST`,Ce(e.deviceId,e.file.name,e.allowDowngrade===!0)),e.token&&t.setRequestHeader(`Authorization`,`Bearer ${e.token}`),t.setRequestHeader(`Content-Type`,`application/vnd.android.package-archive`),t.setRequestHeader(`x-ppm-client`,`web`),t.upload.onprogress=t=>{t.lengthComputable&&e.onProgress&&e.onProgress(t.loaded/t.total)},t.onload=()=>{try{n(we(t.status,t.responseText).operationId)}catch(e){r(e)}},t.onerror=()=>r(Error(`the upload could not reach the server`)),t.onabort=()=>r(Error(`cancelled`)),t.send(e.file)}),cancel(){n||(n=!0,t.abort())}}}var Ee=800;function De({deviceId:e,deviceName:t}){let n=z(e=>e.projects),[r,i]=(0,Y.useState)(``),[a,o]=(0,Y.useState)(null),[s,c]=(0,Y.useState)(!1),[l,u]=(0,Y.useState)(!1),[d,f]=(0,Y.useState)({kind:`idle`}),p=(0,Y.useRef)(null),m=(0,Y.useRef)(null),g=(0,Y.useRef)(d);g.current=d;let _=d.kind===`uploading`||d.kind===`installing`,v=(0,Y.useCallback)(async(e,t)=>{for(;;){await new Promise(e=>setTimeout(e,Ee));let n=g.current;if(n.kind!==`installing`||n.operationId!==e)return;let r;try{r=await L.get(`/api/android/operations/${encodeURIComponent(e)}`)}catch(e){f({kind:`failed`,message:e.message});return}if(r.state===`succeeded`){f({kind:`done`,filename:t});return}if(r.state===`failed`){f({kind:`failed`,message:r.error??`the install failed`});return}if(r.state===`cancelled`){f({kind:`idle`});return}f({kind:`installing`,operationId:e,detail:r.detail,filename:t})}},[]),y=(0,Y.useCallback)(t=>{f({kind:`uploading`,fraction:0,filename:t.name});let n=Te({deviceId:e,file:t,allowDowngrade:l,token:F(),onProgress:e=>f({kind:`uploading`,fraction:e,filename:t.name})});m.current=n,n.done.then(e=>{m.current=null,f({kind:`installing`,operationId:e,detail:`installing…`,filename:t.name}),v(e,t.name)}).catch(e=>{m.current=null,f(e.message===`cancelled`?{kind:`idle`}:{kind:`failed`,message:e.message})})},[e,l,v]),b=(0,Y.useCallback)(async t=>{let n=t.split(`/`).pop()??t;f({kind:`installing`,operationId:``,detail:`starting…`,filename:n});try{let{operationId:i}=await L.post(`/api/android/devices/${encodeURIComponent(e)}/apk/project`,{project:r,path:t,downgrade:l});f({kind:`installing`,operationId:i,detail:`installing…`,filename:n}),v(i,n)}catch(e){f({kind:`failed`,message:e.message})}},[e,r,l,v]),S=(0,Y.useCallback)(()=>{if(d.kind===`uploading`){m.current?.cancel();return}d.kind===`installing`&&d.operationId&&(L.post(`/api/android/operations/${encodeURIComponent(d.operationId)}/cancel`,{}).catch(()=>{}),f({kind:`idle`}))},[d]),C=(0,Y.useCallback)(async e=>{if(!e){o(null);return}c(!0);try{o((await L.get(`/api/android/projects/${encodeURIComponent(e)}/apks`)).apks)}catch{o([])}finally{c(!1)}},[]);return(0,Y.useEffect)(()=>{C(r)},[r,C]),(0,Y.useEffect)(()=>()=>m.current?.cancel(),[]),(0,Z.jsxs)(`div`,{className:`flex h-full min-h-0 flex-col gap-3 overflow-auto p-3`,children:[(0,Z.jsxs)(`p`,{className:`text-xs text-muted-foreground`,children:[`Installing on `,t,`.`]}),(0,Z.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,Z.jsx)(`input`,{ref:p,type:`file`,accept:`.apk,application/vnd.android.package-archive`,className:`hidden`,onChange:e=>{let t=e.target.files?.[0];e.target.value=``,t&&y(t)}}),(0,Z.jsxs)(V,{className:`h-11 md:h-9`,disabled:_,onClick:()=>p.current?.click(),children:[(0,Z.jsx)(h,{}),` Choose an APK`]}),(0,Z.jsxs)(`label`,{className:`flex min-h-11 cursor-pointer items-center gap-2 text-sm md:min-h-9`,children:[(0,Z.jsx)(`input`,{type:`checkbox`,className:`size-4`,checked:l,disabled:_,onChange:e=>u(e.target.checked)}),`Allow downgrade`]})]}),(0,Z.jsx)(Oe,{phase:d,onCancel:S,onDismiss:()=>f({kind:`idle`})}),(0,Z.jsxs)(`div`,{className:`flex flex-col gap-2 border-t pt-3`,children:[(0,Z.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,Z.jsx)(`label`,{className:`text-sm`,htmlFor:`android-apk-project`,children:`From a project`}),(0,Z.jsxs)(`select`,{id:`android-apk-project`,className:`h-11 min-w-0 flex-1 rounded-md border bg-background px-2 text-sm md:h-9`,value:r,onChange:e=>i(e.target.value),children:[(0,Z.jsx)(`option`,{value:``,children:`Choose a project…`}),n.map(e=>(0,Z.jsx)(`option`,{value:e.name,children:e.name},e.name))]}),r&&(0,Z.jsx)(V,{variant:`ghost`,size:`icon`,className:`size-11 md:size-9`,disabled:s,onClick:()=>void C(r),title:`Rescan`,"aria-label":`Rescan`,children:s?(0,Z.jsx)(N,{className:`animate-spin`}):(0,Z.jsx)(x,{})})]}),s&&(0,Z.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`Looking for APKs…`}),!s&&a?.length===0&&(0,Z.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`No .apk files in that project yet — build one and press rescan.`}),!s&&a&&a.length>0&&(0,Z.jsx)(`ul`,{className:`flex flex-col gap-1`,children:a.map(e=>(0,Z.jsx)(`li`,{children:(0,Z.jsxs)(`button`,{type:`button`,disabled:_,onClick:()=>void b(e.path),className:R(`flex min-h-11 w-full flex-col items-start rounded-md border px-3 py-2 text-left text-sm md:min-h-9`,_?`opacity-50`:`hover:bg-accent`),children:[(0,Z.jsx)(`span`,{dir:`rtl`,className:`w-full truncate`,children:(0,Z.jsx)(`bdi`,{children:e.path})}),(0,Z.jsxs)(`span`,{className:`text-xs text-muted-foreground`,children:[ke(e.bytes),` · `,new Date(e.modifiedAt).toLocaleString()]})]})},e.path))})]})]})}function Oe({phase:e,onCancel:t,onDismiss:n}){if(e.kind===`idle`)return null;if(e.kind===`uploading`||e.kind===`installing`){let n=e.kind===`uploading`?Math.round(e.fraction*100):null,r=e.kind===`installing`?e.detail:``;return(0,Z.jsxs)(`div`,{className:`flex flex-col gap-2 rounded-md border p-3`,children:[(0,Z.jsxs)(`div`,{className:`flex items-center gap-2 text-sm`,children:[(0,Z.jsx)(N,{className:`size-4 shrink-0 animate-spin`}),(0,Z.jsx)(`span`,{dir:`rtl`,className:`min-w-0 flex-1 truncate`,children:(0,Z.jsx)(`bdi`,{children:e.filename})}),(0,Z.jsx)(V,{variant:`ghost`,size:`icon`,className:`size-9`,onClick:t,title:`Cancel`,"aria-label":`Cancel`,children:(0,Z.jsx)(S,{})})]}),n===null?(0,Z.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:r}):(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(`div`,{className:`h-1.5 overflow-hidden rounded-full bg-muted`,children:(0,Z.jsx)(`div`,{className:`h-full bg-primary transition-[width]`,style:{width:`${n}%`}})}),(0,Z.jsxs)(`p`,{className:`text-xs text-muted-foreground`,children:[`Uploading — `,n,`%`]})]})]})}return e.kind===`done`?(0,Z.jsxs)(`div`,{className:`flex items-center gap-2 rounded-md border border-emerald-600/40 bg-emerald-600/10 p-3 text-sm`,children:[(0,Z.jsx)(r,{className:`size-4 shrink-0 text-emerald-600 dark:text-emerald-400`}),(0,Z.jsx)(`span`,{dir:`rtl`,className:`min-w-0 flex-1 truncate`,children:(0,Z.jsx)(`bdi`,{children:e.filename})}),(0,Z.jsx)(`span`,{className:`shrink-0 text-muted-foreground`,children:`installed`}),(0,Z.jsx)(V,{variant:`ghost`,size:`icon`,className:`size-9`,onClick:n,"aria-label":`Dismiss`,children:(0,Z.jsx)(S,{})})]}):(0,Z.jsxs)(`div`,{className:`flex items-start gap-2 rounded-md border border-destructive/40 bg-destructive/10 p-3 text-sm`,children:[(0,Z.jsx)(O,{className:`mt-0.5 size-4 shrink-0 text-destructive`}),(0,Z.jsx)(`span`,{className:`min-w-0 flex-1`,children:e.message}),(0,Z.jsx)(V,{variant:`ghost`,size:`icon`,className:`size-9`,onClick:n,"aria-label":`Dismiss`,children:(0,Z.jsx)(S,{})})]})}function ke(e){return e<1024?`${e} B`:e<1024*1024?`${(e/1024).toFixed(0)} KB`:`${(e/1024/1024).toFixed(1)} MB`}var Ae=[`verbose`,`debug`,`info`,`warn`,`error`,`fatal`],je=new Map(Ae.map((e,t)=>[e,t]));function Me(e,t){return(je.get(e)??0)>=(je.get(t)??0)}var Ne={minimum:`verbose`,text:``,pid:0};function Pe(e,t){if(!Me(e.level,t.minimum)||t.pid!==0&&e.pid!==t.pid)return!1;let n=t.text.trim().toLowerCase();return n.length===0?!0:e.tag.toLowerCase().includes(n)||e.message.toLowerCase().includes(n)}function Fe(e,t,n){if(t.length===0)return e;let r=e.length>0?e[e.length-1].id:0,i=t[0].id>r?t:t.filter(e=>e.id>r);if(i.length===0)return e;let a=e.concat(i);return a.length>n?a.slice(a.length-n):a}function Ie(e){let t=new Date(e),n=(e,t=2)=>String(e).padStart(t,`0`);return`${n(t.getHours())}:${n(t.getMinutes())}:${n(t.getSeconds())}.${n(t.getMilliseconds(),3)}`}function Le(e){let t={verbose:`V`,debug:`D`,info:`I`,warn:`W`,error:`E`,fatal:`F`};return e.map(e=>`${Ie(e.timestamp)} ${String(e.pid).padStart(5)} ${String(e.tid).padStart(5)} ${t[e.level]} ${e.tag}: ${e.message}`).join(`
 `)}var Re=1e3,ze=400,Q={verbose:`text-muted-foreground`,debug:`text-muted-foreground`,info:`text-foreground`,warn:`text-amber-600 dark:text-amber-400`,error:`text-destructive`,fatal:`text-destructive font-semibold`},Be={verbose:`V`,debug:`D`,info:`I`,warn:`W`,error:`E`,fatal:`F`};function Ve({setLogcat:e,onLog:t}){let[n,i]=(0,Y.useState)([]),[a,o]=(0,Y.useState)(Ne),[s,l]=(0,Y.useState)(!1),[u,d]=(0,Y.useState)(!1),[f,p]=(0,Y.useState)(!0),m=(0,Y.useRef)(null),h=(0,Y.useRef)(!1);h.current=s,(0,Y.useEffect)(()=>(e(!0),()=>e(!1)),[e]),(0,Y.useEffect)(()=>t(e=>{h.current||i(t=>Fe(t,e,Re))}),[t]);let g=(0,Y.useMemo)(()=>{let e=n.filter(e=>Pe(e,a));return e.length>ze?e.slice(e.length-ze):e},[n,a]);(0,Y.useEffect)(()=>{if(!f)return;let e=m.current;e&&(e.scrollTop=e.scrollHeight)},[g,f]);let _=(0,Y.useCallback)(()=>{let e=m.current;e&&p(e.scrollHeight-e.scrollTop-e.clientHeight<24)},[]),v=(0,Y.useCallback)(async()=>{let e=Le(g);try{navigator.clipboard?.writeText?await navigator.clipboard.writeText(e):He(e),d(!0),setTimeout(()=>d(!1),1500)}catch{He(e)}},[g]);return(0,Z.jsxs)(`div`,{className:`flex h-full min-h-0 flex-col bg-background`,children:[(0,Z.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2 border-b p-2`,children:[(0,Z.jsxs)(`div`,{className:`relative min-w-40 flex-1`,children:[(0,Z.jsx)(P,{className:`pointer-events-none absolute left-2 top-1/2 size-4 -translate-y-1/2 text-muted-foreground`}),(0,Z.jsx)(q,{className:`h-11 pl-8 md:h-9`,placeholder:`Filter tag or message`,value:a.text,onChange:e=>o(t=>({...t,text:e.target.value}))})]}),(0,Z.jsx)(`label`,{className:`sr-only`,htmlFor:`android-log-level`,children:`Minimum level`}),(0,Z.jsx)(`select`,{id:`android-log-level`,className:`h-11 rounded-md border bg-background px-2 text-sm md:h-9`,value:a.minimum,onChange:e=>o(t=>({...t,minimum:e.target.value})),children:Ae.map(e=>(0,Z.jsx)(`option`,{value:e,children:e[0].toUpperCase()+e.slice(1)},e))}),(0,Z.jsx)(V,{variant:s?`default`:`ghost`,size:`icon`,className:`size-11 md:size-9`,onClick:()=>l(e=>!e),title:s?`Resume`:`Pause the view`,"aria-label":s?`Resume`:`Pause the view`,"aria-pressed":s,children:s?(0,Z.jsx)(D,{}):(0,Z.jsx)(y,{})}),(0,Z.jsx)(V,{variant:`ghost`,size:`icon`,className:`size-11 md:size-9`,onClick:()=>i([]),title:`Clear the view`,"aria-label":`Clear the view`,children:(0,Z.jsx)(c,{})}),(0,Z.jsx)(V,{variant:`ghost`,size:`icon`,className:`size-11 md:size-9`,onClick:()=>void v(),title:`Copy what is shown`,"aria-label":`Copy what is shown`,children:u?(0,Z.jsx)(r,{}):(0,Z.jsx)(M,{})})]}),(0,Z.jsx)(`div`,{ref:m,onScroll:_,className:`min-h-0 flex-1 overflow-auto px-2 py-1 font-mono text-[11px] leading-[1.45]`,children:g.length===0?(0,Z.jsx)(`p`,{className:`px-2 py-6 text-center text-sm text-muted-foreground`,children:n.length===0?`Waiting for the device to log something…`:`Nothing matches that filter.`}):g.map(e=>(0,Z.jsxs)(`div`,{className:`flex gap-2 whitespace-pre-wrap break-words`,children:[(0,Z.jsx)(`span`,{className:`shrink-0 tabular-nums text-muted-foreground`,children:Ie(e.timestamp)}),(0,Z.jsx)(`span`,{className:R(`w-3 shrink-0 text-center font-semibold`,Q[e.level]),children:Be[e.level]}),e.tag&&(0,Z.jsx)(`button`,{type:`button`,className:`shrink-0 max-w-40 truncate text-left text-muted-foreground hover:underline`,title:`Filter by ${e.tag}`,onClick:()=>o(t=>({...t,text:e.tag})),children:e.tag}),(0,Z.jsx)(`span`,{className:R(`min-w-0`,Q[e.level]),children:e.message})]},e.id))}),(0,Z.jsxs)(`div`,{className:`flex items-center gap-2 border-t px-2 py-1 text-xs text-muted-foreground`,children:[(0,Z.jsx)(`span`,{children:g.length===n.length?`${n.length} lines`:`${g.length} of ${n.length} lines`}),s&&(0,Z.jsx)(`span`,{className:`text-amber-600 dark:text-amber-400`,children:`paused`}),(0,Z.jsx)(`span`,{className:`flex-1`}),!f&&(0,Z.jsxs)(V,{variant:`ghost`,size:`sm`,className:`h-8`,onClick:()=>p(!0),children:[(0,Z.jsx)(E,{}),` Follow`]})]})]})}function He(e){let t=document.createElement(`textarea`);t.value=e,t.style.position=`fixed`,t.style.left=`-9999px`,t.setAttribute(`readonly`,``),document.body.appendChild(t);try{t.select(),document.execCommand(`copy`)}finally{t.remove()}}var Ue=[{id:`install`,label:`Install`,Icon:i},{id:`logs`,label:`Logs`,Icon:_},{id:`clipboard`,label:`Clipboard`,Icon:m}];function We(e){let{tool:t,onToolChange:n,onClose:r,deviceId:i,deviceName:a,setLogcat:o,onLog:s}=e;return(0,Z.jsxs)(`div`,{className:`flex h-full min-h-0 flex-col border-t bg-background`,children:[(0,Z.jsxs)(`div`,{className:`flex items-center gap-1 border-b px-1`,children:[Ue.map(({id:e,label:r,Icon:i})=>(0,Z.jsxs)(`button`,{type:`button`,onClick:()=>n(e),"aria-current":t===e,className:R(`flex min-h-11 items-center gap-1.5 border-b-2 px-3 text-sm md:min-h-9`,t===e?`border-primary font-medium text-foreground`:`border-transparent text-muted-foreground hover:text-foreground`),children:[(0,Z.jsx)(i,{className:`size-4`}),r]},e)),(0,Z.jsx)(`span`,{className:`flex-1`}),(0,Z.jsx)(V,{variant:`ghost`,size:`icon`,className:`size-11 md:size-9`,onClick:r,title:`Hide the tools`,"aria-label":`Hide the tools`,children:(0,Z.jsx)(u,{})})]}),(0,Z.jsxs)(`div`,{className:`min-h-0 flex-1`,children:[t===`install`&&(0,Z.jsx)(De,{deviceId:i,deviceName:a}),t===`logs`&&(0,Z.jsx)(Ve,{setLogcat:o,onLog:s}),t===`clipboard`&&(0,Z.jsx)(Se,{deviceId:i})]})]})}function Ge(e,t){if(!e)return t;let n=e.match(/filename\*\s*=\s*UTF-8''([^;]+)/i);if(n?.[1])try{return decodeURIComponent(n[1].trim())||t}catch{}let r=(e.match(/filename\s*=\s*"([^"]*)"/i)??e.match(/filename\s*=\s*([^;]+)/i))?.[1]?.trim();return r&&r.length>0?r:t}function Ke(e){return`/api/android/devices/${encodeURIComponent(e)}/screenshot`}function qe(e,t){let n=URL.createObjectURL(e),r=document.createElement(`a`);r.href=n,r.download=t,document.body.appendChild(r),r.click(),r.remove(),setTimeout(()=>URL.revokeObjectURL(n),1e4)}async function Je(e,t,n){let r=await fetch(Ke(e),{headers:t?{Authorization:`Bearer ${t}`,"x-ppm-client":`web`}:{"x-ppm-client":`web`}});if(!r.ok){let e=`the screenshot failed with HTTP ${r.status}`;try{let t=await r.json();t?.error&&(e=t.error)}catch{}throw Error(e)}qe(await r.blob(),Ge(r.headers.get(`content-disposition`),n))}var Ye={deleteContentBackward:`Backspace`,deleteContentForward:`Delete`,insertLineBreak:`Enter`,insertParagraph:`Enter`},Xe=new Set([`Enter`,`Backspace`,`Delete`,`Tab`,`Escape`,`ArrowUp`,`ArrowDown`,`ArrowLeft`,`ArrowRight`,`Home`,`End`,`PageUp`,`PageDown`]);function Ze(e){let{geometry:t,enabled:n,send:r}=e,i=(0,Y.useRef)(null),a=(0,Y.useRef)(t);a.current=t;let o=(0,Y.useRef)(n);return o.current=n,(0,Y.useEffect)(()=>{let e=i.current;if(!e)return;let t=e=>{let t=e;if(!o.current)return;t.preventDefault();let n=Ye[t.inputType];if(n){let e=a.current;e&&r({type:`key`,geometryGeneration:e.generation,key:n,action:`press`});return}let i=t.data??t.dataTransfer?.getData(`text/plain`)??``;i&&r(t.inputType===`insertFromPaste`?{type:`paste`,text:i}:{type:`text`,text:i})},n=e=>{if(!o.current||!Xe.has(e.key))return;e.preventDefault();let t=a.current;t&&r({type:`key`,geometryGeneration:t.generation,key:e.key,action:`press`})};return e.addEventListener(`beforeinput`,t),e.addEventListener(`keydown`,n),()=>{e.removeEventListener(`beforeinput`,t),e.removeEventListener(`keydown`,n)}},[r]),{inputRef:i,focus:(0,Y.useCallback)(()=>i.current?.focus(),[]),blur:(0,Y.useCallback)(()=>i.current?.blur(),[])}}function Qe(e,t,n=`8081`){let r=oe(`/ws/android`),i=e.protocol===`https:`?`wss:`:`ws:`;return t&&e.protocol!==`https:`?`ws://${e.hostname}:${n}${r}`:`${i}//${e.host}${r}`}function $e(e){let t=e instanceof Uint8Array?e:new Uint8Array(e);if(t.length<22)return null;let n=new DataView(t.buffer,t.byteOffset,t.byteLength),r=n.getUint8(1),i=n.getUint32(18,!0);return t.length-22===i?{header:{version:n.getUint8(0),keyframe:(r&1)!=0,codecConfig:(r&2)!=0,sessionGeneration:n.getUint16(2,!0),geometryGeneration:n.getUint16(4,!0),sequence:n.getUint32(6,!0),ptsMs:n.getFloat64(10,!0),payloadLength:i},payload:t.subarray(22)}:null}var et=5e3,$=[500,1e3,2e3,4e3,8e3];function tt(e){let{deviceId:t,quality:n,canvasRef:r,paused:i=!1}=e,[a,o]=(0,Y.useState)(`connecting`),[s,c]=(0,Y.useState)(null),[l,u]=(0,Y.useState)(null),[d,f]=(0,Y.useState)(!1),[p,m]=(0,Y.useState)(null),[h,g]=(0,Y.useState)(null),[_,v]=(0,Y.useState)(!1),y=se(r),b=(0,Y.useRef)(null),x=(0,Y.useRef)(0),S=(0,Y.useRef)(0),C=(0,Y.useRef)(null),w=(0,Y.useRef)(null),T=(0,Y.useRef)(n);T.current=n;let E=(0,Y.useRef)(!1),D=(0,Y.useRef)(new Set),O=(0,Y.useRef)(!1),k=(0,Y.useCallback)(e=>{let t=b.current;t?.readyState===WebSocket.OPEN&&t.send(JSON.stringify(e))},[]),A=(0,Y.useCallback)(()=>k({type:`take-control`}),[k]),j=(0,Y.useCallback)(e=>{switch(e.type){case`ready`:x.current=0,o(`live`),c(null),u(e.geometry),f(e.controller),m(null),g(e.encoder),e.codec&&(w.current=e.codec,y.configure(e.codec)),O.current&&k({type:`logcat`,subscribe:!0});return;case`log`:for(let t of D.current)t(e.entries);return;case`codec`:if(e.codec===w.current)return;w.current=e.codec,y.configure(e.codec);return;case`geometry`:u(e.geometry),y.reset(),v(!1);return;case`controller`:f(e.controller),m(e.reason??null);return;case`error`:c(e.message);return;default:return}},[y,k]),M=(0,Y.useCallback)(()=>{S.current+=1,C.current&&clearTimeout(C.current),C.current=null,b.current?.close(),b.current=null},[]),N=(0,Y.useCallback)(async()=>{M();let e=S.current,n=()=>S.current===e;c(null);let r;try{r=(await L.post(`/api/android/devices/${encodeURIComponent(t)}/sessions`,{})).nonce}catch(e){if(!n())return;c(e.message),o(`failed`);return}if(!n())return;let i=new WebSocket(Qe(window.location,!1));i.binaryType=`arraybuffer`,b.current=i,i.onopen=()=>{i.send(JSON.stringify({type:`auth`,nonce:r,quality:T.current}))},i.onmessage=e=>{if(!n())return;if(typeof e.data==`string`){try{j(JSON.parse(e.data))}catch{}return}let t=$e(e.data);!t||t.header.version!==1||ce(E.current,t.header.keyframe)&&(E.current=!0,v(!0),y.decodeAccessUnit(t.payload,t.header.keyframe))},i.onclose=()=>{if(!n())return;b.current=null;let e=$[Math.min(x.current,$.length-1)];x.current+=1,o(x.current>$.length?`failed`:`reconnecting`),E.current=!1,v(!1),y.reset(),w.current=null,C.current=setTimeout(()=>{N()},e)},i.onerror=()=>{}},[t,y,j,M]);(0,Y.useEffect)(()=>(N(),()=>{M(),y.reset()}),[t]),(0,Y.useEffect)(()=>{let e=setInterval(()=>k({type:`heartbeat`}),et);return()=>clearInterval(e)},[k]),(0,Y.useEffect)(()=>{k({type:`visibility`,visible:!i})},[i,k]),(0,Y.useEffect)(()=>{a===`live`&&k({type:`quality`,quality:n})},[n,a,k]);let P=(0,Y.useCallback)(e=>{O.current=e,k({type:`logcat`,subscribe:e})},[k]),F=(0,Y.useCallback)(e=>{let t=D.current;return t.add(e),()=>{t.delete(e)}},[]),I=(0,Y.useCallback)(()=>{x.current=0,o(`connecting`),N()},[N]);return{state:a,errorMessage:s??y.errorMessage,geometry:l,controller:d,controllerReason:p,encoder:h,hasPicture:_,send:k,takeControl:A,reconnect:I,setLogcat:P,onLog:F}}function nt(e,t,n){if(t<=0||n<=0||e.width<=0||e.height<=0)return{left:0,top:0,width:0,height:0,scale:0};let r=Math.min(e.width/t,e.height/n),i=t*r,a=n*r;return{left:(e.width-i)/2,top:(e.height-a)/2,width:i,height:a,scale:r}}function rt(e,t,n,r,i){let a=nt(e,t,n);if(a.scale<=0)return null;let o=(r-a.left)/a.scale,s=(i-a.top)/a.scale;return o<0||s<0||o>t||s>n?null:{x:Math.min(o,t-1),y:Math.min(s,n-1)}}function it(e,t){let{width:n,height:r,deviceWidth:i,deviceHeight:a,rotation:o}=t;if(n<=0||r<=0)return{x:0,y:0};let s=e.x/n,c=e.y/r,l,u;switch(o){case 90:l=1-c,u=s;break;case 180:l=1-s,u=1-c;break;case 270:l=c,u=1-s;break;default:l=s,u=c;break}return{x:Math.round(l*i),y:Math.round(u*a)}}function at(e,t,n,r){let i=rt(e,t.width,t.height,n,r);return i?it(i,t):null}var ot=1,st=10;function ct(e){let{canvasRef:t,geometry:n,enabled:r,send:i}=e,a=(0,Y.useRef)(new Map),o=(0,Y.useRef)(n);o.current=n;let s=(0,Y.useRef)(r);s.current=r;let c=(0,Y.useCallback)(e=>{let t=o.current;if(!t)return;let n=[...a.current.values()].map(e=>({x:e.x,y:e.y,id:e.slot,pressure:ot}));e&&n.push({x:e.x,y:e.y,id:e.slot,pressure:0}),n.length!==0&&i({type:`touch`,geometryGeneration:t.generation,touches:n})},[i]),l=(0,Y.useCallback)(e=>{let n=t.current,r=o.current;if(!n||!r)return null;let i=n.getBoundingClientRect();return at(i,r,e.clientX-i.left,e.clientY-i.top)},[t]),u=(0,Y.useCallback)(e=>{if(!s.current)return;let t=l(e);if(!t||a.current.size>=st)return;let n=new Set([...a.current.values()].map(e=>e.slot)),r=0;for(;n.has(r);)r++;a.current.set(e.pointerId,{slot:r,x:t.x,y:t.y});try{e.currentTarget.setPointerCapture(e.pointerId)}catch{}c()},[l,c]),d=(0,Y.useCallback)(e=>{let t=a.current.get(e.pointerId);if(!t||!s.current)return;let n=l(e);n&&(t.x=n.x,t.y=n.y),c()},[l,c]),f=(0,Y.useCallback)(e=>{let t=a.current.get(e.pointerId);if(t){a.current.delete(e.pointerId);try{e.currentTarget.releasePointerCapture(e.pointerId)}catch{}c(t)}},[c]);return(0,Y.useEffect)(()=>{let e=()=>{a.current.size!==0&&(a.current.clear(),i({type:`input-reset`}))};return window.addEventListener(`blur`,e),document.addEventListener(`visibilitychange`,e),()=>{window.removeEventListener(`blur`,e),document.removeEventListener(`visibilitychange`,e),e()}},[i]),{onPointerDown:u,onPointerMove:d,onPointerUp:f,onPointerCancel:f}}function lt({deviceId:e,deviceName:t,hidden:n=!1,onBack:r}){let i=(0,Y.useRef)(null),[a,s]=(0,Y.useState)(`balanced`),[c,l]=(0,Y.useState)(null),[u,d]=(0,Y.useState)(!1),[f,m]=(0,Y.useState)(null),h=tt({deviceId:e,quality:a,canvasRef:i,paused:n}),g=ct({canvasRef:i,geometry:h.geometry,enabled:h.controller,send:h.send}),_=Ze({geometry:h.geometry,enabled:h.controller,send:h.send});(0,Y.useEffect)(()=>{h.controller||_.blur()},[h.controller,_]);let v=h.geometry?.rotation??0,y=h.state===`connecting`||h.state===`reconnecting`,b=(0,Y.useCallback)(async()=>{d(!0),m(null);try{await Je(e,F(),`${t}.png`)}catch(e){m(e.message)}finally{d(!1)}},[e,t]);return(0,Z.jsxs)(`div`,{className:`flex h-full min-h-0 flex-col bg-black`,children:[(0,Z.jsxs)(`div`,{className:`flex items-center gap-1 border-b bg-background px-1 py-1`,children:[r&&(0,Z.jsx)(V,{variant:`ghost`,size:`icon`,className:`size-11 md:size-9`,onClick:r,title:`All devices`,"aria-label":`All devices`,children:(0,Z.jsx)(o,{})}),(0,Z.jsx)(`span`,{className:`min-w-0 flex-1 truncate px-1 text-sm font-medium`,children:t}),(0,Z.jsx)(V,{variant:`ghost`,size:`icon`,className:`size-11 md:size-9`,disabled:u,onClick:()=>void b(),title:`Save a screenshot`,"aria-label":`Save a screenshot`,children:u?(0,Z.jsx)(N,{className:`animate-spin`}):(0,Z.jsx)(T,{})}),Ue.map(({id:e,label:t,Icon:n})=>(0,Z.jsx)(V,{variant:c===e?`secondary`:`ghost`,size:`icon`,className:`size-11 md:size-9`,"aria-pressed":c===e,onClick:()=>l(t=>t===e?null:e),title:t,"aria-label":t,children:(0,Z.jsx)(n,{})},e))]}),f&&(0,Z.jsx)(`div`,{className:`bg-destructive/90 px-4 py-2 text-center text-sm text-white`,children:f}),!h.controller&&h.state===`live`&&(0,Z.jsxs)(`div`,{className:`flex items-center gap-2 border-b bg-background px-4 py-2 text-sm`,children:[(0,Z.jsx)(p,{className:`size-4 shrink-0 text-muted-foreground`}),(0,Z.jsx)(`span`,{className:`min-w-0 flex-1 truncate text-muted-foreground`,children:h.controllerReason??`Someone else is controlling this device.`}),(0,Z.jsx)(V,{size:`sm`,onClick:h.takeControl,children:`Take control`})]}),(0,Z.jsxs)(`div`,{className:`relative flex min-h-0 flex-1 items-center justify-center overflow-hidden`,children:[(0,Z.jsx)(`canvas`,{ref:i,className:R(`max-h-full max-w-full touch-none select-none object-contain`,h.controller?`cursor-crosshair`:`cursor-default`),onPointerDown:e=>{g.onPointerDown(e),_.focus()},onPointerMove:g.onPointerMove,onPointerUp:g.onPointerUp,onPointerCancel:g.onPointerCancel}),!h.hasPicture&&(0,Z.jsx)(`div`,{className:`absolute inset-0 flex flex-col items-center justify-center gap-3 text-sm text-white/70`,children:h.state===`failed`?(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(O,{className:`size-6`}),(0,Z.jsx)(`p`,{className:`max-w-xs px-6 text-center`,children:h.errorMessage??`Could not connect.`}),(0,Z.jsxs)(V,{size:`sm`,variant:`secondary`,onClick:h.reconnect,children:[(0,Z.jsx)(x,{}),` Try again`]})]}):(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(N,{className:`size-6 animate-spin`}),(0,Z.jsx)(`p`,{children:y?`Connecting to ${t}…`:`Waiting for the first frame…`})]})}),h.hasPicture&&h.errorMessage&&(0,Z.jsx)(`div`,{className:`absolute inset-x-0 top-0 bg-destructive/90 px-4 py-2 text-center text-sm text-white`,children:h.errorMessage})]}),(0,Z.jsx)(`textarea`,{ref:_.inputRef,className:`pointer-events-none absolute size-px opacity-0`,"aria-hidden":!0,tabIndex:-1,autoCapitalize:`off`,autoCorrect:`off`,autoComplete:`off`,spellCheck:!1,value:``,onChange:()=>{}}),c&&(0,Z.jsx)(`div`,{className:`h-[45%] min-h-0 shrink-0`,children:(0,Z.jsx)(We,{tool:c,onToolChange:l,onClose:()=>l(null),deviceId:e,deviceName:t,setLogcat:h.setLogcat,onLog:h.onLog})}),(0,Z.jsx)(ye,{layout:`bar`,send:h.send,controller:h.controller,rotation:v,quality:a,onQualityChange:s,onKeyboard:_.focus})]})}function ut({metadata:e,tabId:t}){let n=B(e=>e.updateTab),r=typeof e?.avdId==`string`?e.avdId:null,[i,a]=(0,Y.useState)(null),[o,s]=(0,Y.useState)(r!==null);(0,Y.useEffect)(()=>{if(!r){s(!1);return}let e=!1;return(async()=>{try{let{devices:t}=await L.get(`/api/android/devices`);if(e)return;a(t.find(e=>e.avdId===r&&e.runtime!==null)??null)}catch{e||a(null)}finally{e||s(!1)}})(),()=>{e=!0}},[r]);let c=(0,Y.useCallback)(r=>{a(r),t&&n(t,{title:r.name,metadata:{...e,avdId:r.avdId}})},[t,n,e]),l=(0,Y.useCallback)(()=>{a(null),t&&n(t,{title:`Android`,metadata:{...e,avdId:void 0}})},[t,n,e]);return o?(0,Z.jsx)(`div`,{className:`h-full`}):i?.runtime?(0,Z.jsx)(lt,{deviceId:i.runtime.deviceId,deviceName:i.name,onBack:l}):(0,Z.jsx)(_e,{onOpen:c})}export{ut as AndroidTab};

package/dist/web/assets/{appearance-settings-section-DjQjiJF7.js → appearance-settings-section-CYqX6BGh.js}

@@ -1 +1 @@
-import{s as e}from"./rolldown-runtime-C5c2KzVm.js";import{D as t,E as n}from"./vendor-markdown-C-P1aR4p.js";import{c as r,l as i,s as a,u as o}from"./vendor-ui-BTSIXzhZ.js";import{A as s,Kr as c,cr as l,si as u}from"./icons-BwyIKaTT.js";import{k as d}from"./api-client-xQDlhUTu.js";import{t as f}from"./settings-store-B4mLp19V.js";import{n as p}from"./utils-Bslrbb-G.js";import"./portal-container-context-NBi-KGK0.js";import{n as m}from"./use-is-mobile-VRV9eZy1.js";import{r as h,t as g}from"./button-C9ZXWb3b.js";import{a as _,i as v,n as y,o as b,r as x,t as S}from"./dialog-Dn_2tuYa.js";import{t as C}from"./input-C3oVNCMq.js";import{n as w,r as T,t as E}from"./resolve-theme-BqoL27BW.js";import{Kn as D,lt as O,oi as k,ot as A}from"./index-BpgSIM5B.js";import{t as j}from"./separator-DmU9aJwq.js";var M=n();function N(){let e=f(e=>e.themeStyle),t=f(e=>e.themeMode),n=f(e=>e.customThemeId),r=f(e=>e.customThemes),i=f(e=>e.setThemeStyle),a=f(e=>e.setThemeMode),o=E(e,t,r,n);return(0,M.jsx)(`div`,{className:`grid grid-cols-2 gap-2`,children:w.map(e=>{let t=T[e];if(!t)return null;let n=o.id===e;return(0,M.jsxs)(`button`,{onClick:()=>{i(t.style),a(t.mode)},className:p(`relative flex items-center gap-2 rounded-lg border p-2 text-left transition-colors min-h-11`,n?`border-primary ring-[3px] ring-accent-wash`:`border-border hover:bg-accent/40`),children:[(0,M.jsx)(O,{swatch:t.swatch}),(0,M.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[(0,M.jsx)(`span`,{className:`block truncate text-xs font-medium text-text`,children:t.name.replace(/ (Dark|Light)$/,``)}),(0,M.jsx)(`span`,{className:`block text-[10px] text-text-3 capitalize`,children:t.mode})]}),n&&(0,M.jsx)(s,{className:`absolute top-1 right-1 size-3.5 text-primary`})]},e)})})}var P=e(t(),1);function F({className:e,orientation:t=`horizontal`,...n}){return(0,M.jsx)(i,{"data-slot":`tabs`,"data-orientation":t,orientation:t,className:p(`group/tabs flex gap-2 data-[orientation=horizontal]:flex-col`,e),...n})}var I=h(`group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-[orientation=horizontal]/tabs:h-9 group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col data-[variant=line]:rounded-none`,{variants:{variant:{default:`bg-muted`,line:`gap-1 bg-transparent`}},defaultVariants:{variant:`default`}});function L({className:e,variant:t=`default`,...n}){return(0,M.jsx)(r,{"data-slot":`tabs-list`,"data-variant":t,className:p(I({variant:t}),e),...n})}function R({className:e,...t}){return(0,M.jsx)(o,{"data-slot":`tabs-trigger`,className:p(`relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 group-data-[variant=default]/tabs-list:data-[state=active]:shadow-sm group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none dark:text-muted-foreground dark:hover:text-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,`group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:border-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent`,`data-[state=active]:bg-background data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 dark:data-[state=active]:text-foreground`,`after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100`,e),...t})}function z({className:e,...t}){return(0,M.jsx)(a,{"data-slot":`tabs-content`,className:p(`flex-1 outline-none`,e),...t})}function B({open:e,onOpenChange:t}){let n=f(e=>e.importThemeFrom),r=f(e=>e.setCustomTheme),[i,a]=(0,P.useState)(`url`),[o,s]=(0,P.useState)(``),[c,l]=(0,P.useState)(``),[u,p]=(0,P.useState)(``),[m,h]=(0,P.useState)(!1),w=()=>{s(``),l(``),p(``),a(`url`)},T=async()=>{let e=i===`url`?o.trim():c.trim();if(!e){d.error(`Nothing to import`);return}h(!0);try{let a=await n({source:i===`url`?`url`:i===`upload`?`upload`:`json`,value:e,name:u.trim()||void 0});d.success(a.length>1?`Imported ${a.length} themes`:`Imported "${a[0]?.name}"`),a[0]&&r(a[0].id),w(),t(!1)}catch(e){d.error(e.message||`Import failed`)}finally{h(!1)}},E=async e=>{if(e)try{l(await e.text()),p(e.name.replace(/\.json$/i,``))}catch{d.error(`Could not read file`)}};return(0,M.jsx)(S,{open:e,onOpenChange:t,children:(0,M.jsxs)(y,{className:`max-w-md`,children:[(0,M.jsxs)(_,{children:[(0,M.jsx)(b,{children:`Import theme`}),(0,M.jsx)(x,{className:`text-text-3`,children:`Import a VSCode color theme. Single-mode themes apply to both dark and light.`})]}),(0,M.jsxs)(F,{value:i,onValueChange:e=>a(e),children:[(0,M.jsxs)(L,{className:`w-full`,children:[(0,M.jsx)(R,{value:`url`,className:`flex-1`,children:`URL`}),(0,M.jsx)(R,{value:`json`,className:`flex-1`,children:`Paste JSON`}),(0,M.jsx)(R,{value:`upload`,className:`flex-1`,children:`Upload`})]}),(0,M.jsxs)(z,{value:`url`,className:`space-y-2 pt-2`,children:[(0,M.jsx)(C,{placeholder:`https://…/theme.json or Marketplace .vsix URL`,value:o,onChange:e=>s(e.target.value)}),(0,M.jsx)(`p`,{className:`text-[11px] text-text-3`,children:`Only https URLs; private/internal addresses are blocked.`})]}),(0,M.jsx)(z,{value:`json`,className:`pt-2`,children:(0,M.jsx)(`textarea`,{className:`w-full h-40 rounded-md border border-border bg-surface p-2 text-xs font-mono text-text focus:outline-none focus:border-ring`,placeholder:`{ "name": "My Theme", "type": "dark", "colors": { … }, "tokenColors": [ … ] }`,value:c,onChange:e=>l(e.target.value)})}),(0,M.jsxs)(z,{value:`upload`,className:`space-y-2 pt-2`,children:[(0,M.jsx)(`input`,{type:`file`,accept:`.json,application/json`,onChange:e=>E(e.target.files?.[0]),className:`block w-full text-xs text-text-2 file:mr-3 file:rounded file:border file:border-border file:bg-panel-2 file:px-2 file:py-1 file:text-text`}),c&&(0,M.jsxs)(`p`,{className:`text-[11px] text-success`,children:[`File loaded (`,c.length,` chars)`]})]})]}),(0,M.jsx)(C,{placeholder:`Optional name`,value:u,onChange:e=>p(e.target.value)}),(0,M.jsxs)(v,{children:[(0,M.jsx)(g,{variant:`outline`,onClick:()=>t(!1),disabled:m,children:`Cancel`}),(0,M.jsx)(g,{onClick:T,disabled:m,children:m?`Importing…`:`Import`})]})]})})}function V(){let e=f(e=>e.customThemes),t=f(e=>e.themeStyle),n=f(e=>e.customThemeId),r=f(e=>e.setCustomTheme),i=f(e=>e.deleteCustomTheme),[a,o]=(0,P.useState)(!1);return(0,M.jsxs)(`section`,{className:`space-y-2`,children:[(0,M.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,M.jsx)(`h3`,{className:`text-xs font-medium text-muted-foreground`,children:`Imported themes`}),(0,M.jsxs)(g,{size:`sm`,variant:`outline`,className:`h-7 gap-1 text-xs`,onClick:()=>o(!0),children:[(0,M.jsx)(l,{className:`size-3.5`}),` Import`]})]}),e.length===0?(0,M.jsx)(`p`,{className:`text-[11px] text-text-3`,children:`No imported themes yet. Import a VSCode theme from a URL, .vsix, or JSON.`}):(0,M.jsx)(`ul`,{className:`space-y-1`,children:e.map(e=>{let a=t===`custom`&&n===e.id;return(0,M.jsxs)(`li`,{className:p(`flex items-center gap-2 rounded-md border px-2 py-1.5`,a?`border-primary bg-primary/10`:`border-border`),children:[(0,M.jsx)(O,{swatch:e.swatch}),(0,M.jsxs)(`button`,{className:`flex-1 min-w-0 text-left`,onClick:()=>r(e.id),children:[(0,M.jsx)(`span`,{className:`block truncate text-xs text-text`,children:e.name}),(0,M.jsx)(`span`,{className:`block text-[10px] text-text-3`,children:e.mode})]}),a&&(0,M.jsx)(s,{className:`size-4 text-primary shrink-0`}),(0,M.jsx)(`button`,{className:`text-text-3 hover:text-error transition-colors shrink-0`,title:`Delete`,onClick:()=>void i(e.id),children:(0,M.jsx)(c,{className:`size-3.5`})})]},e.id)})}),(0,M.jsx)(B,{open:a,onOpenChange:o})]})}var H=[{value:`default`,label:`Default`},{value:`boxed`,label:`Boxed`},{value:`pill`,label:`Pill`}],U=[{value:`auto`,label:`Auto`},{value:`windows`,label:`Windows`},{value:`macos`,label:`macOS`}];function W({options:e,value:t,onChange:n}){return(0,M.jsx)(`div`,{className:`flex gap-2`,children:e.map(e=>(0,M.jsx)(g,{variant:t===e.value?`default`:`outline`,onClick:()=>n(e.value),className:p(`flex-1 cursor-pointer`,t===e.value&&`ring-2 ring-primary`),children:e.label},e.value))})}function G(){let{theme:e,setTheme:t,tabWrap:n,toggleTabWrap:r,editorTabStyle:i,setEditorTabStyle:a,explorerSkin:o,setExplorerSkin:s}=f(k(e=>({theme:e.themeMode,setTheme:e.setThemeMode,tabWrap:e.tabWrap,toggleTabWrap:e.toggleTabWrap,editorTabStyle:e.editorTabStyle,setEditorTabStyle:e.setEditorTabStyle,explorerSkin:e.explorerSkin,setExplorerSkin:e.setExplorerSkin}))),{wordWrap:c,toggleWordWrap:l,mobileWordWrap:d,toggleMobileWordWrap:h}=f(k(e=>({wordWrap:e.wordWrap,toggleWordWrap:e.toggleWordWrap,mobileWordWrap:e.mobileWordWrap,toggleMobileWordWrap:e.toggleMobileWordWrap}))),_=m();return(0,M.jsxs)(`div`,{className:`space-y-6`,children:[(0,M.jsxs)(`section`,{className:`space-y-3`,children:[(0,M.jsx)(`h3`,{className:`text-sm font-medium`,children:`Theme`}),(0,M.jsx)(N,{}),(0,M.jsx)(`div`,{className:`flex gap-2`,children:A.map(n=>{let r=n.icon;return(0,M.jsxs)(g,{variant:e===n.value?`default`:`outline`,onClick:()=>t(n.value),className:p(`flex-1 gap-2 cursor-pointer`,e===n.value&&`ring-2 ring-primary`),children:[(0,M.jsx)(r,{className:`size-4`}),n.label]},n.value)})})]}),(0,M.jsx)(j,{}),(0,M.jsx)(V,{}),(0,M.jsx)(j,{}),(0,M.jsxs)(`section`,{className:`flex items-center justify-between gap-4`,children:[(0,M.jsxs)(`div`,{className:`flex items-center gap-3 min-w-0`,children:[(0,M.jsx)(u,{className:`size-4 text-muted-foreground shrink-0`}),(0,M.jsxs)(`div`,{className:`min-w-0`,children:[(0,M.jsx)(`p`,{className:`text-sm font-medium`,children:`Wrap Tabs`}),(0,M.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Stack tabs in rows instead of scrolling`})]})]}),(0,M.jsx)(D,{checked:n,onCheckedChange:r})]}),(0,M.jsxs)(`section`,{className:`flex items-center justify-between gap-4`,children:[(0,M.jsxs)(`div`,{className:`flex items-center gap-3 min-w-0`,children:[(0,M.jsx)(u,{className:`size-4 text-muted-foreground shrink-0`}),(0,M.jsxs)(`div`,{className:`min-w-0`,children:[(0,M.jsx)(`p`,{className:`text-sm font-medium`,children:`Word Wrap`}),(0,M.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:_?`Wrap long lines instead of scrolling sideways (this device)`:`Wrap long lines in the editor (Alt+Z)`})]})]}),(0,M.jsx)(D,{checked:_?d:c,onCheckedChange:()=>_?h():l()})]}),(0,M.jsxs)(`section`,{className:`space-y-2`,children:[(0,M.jsx)(`h3`,{className:`text-sm font-medium`,children:`Tab Style`}),(0,M.jsx)(W,{options:H,value:i,onChange:a})]}),(0,M.jsxs)(`section`,{className:`space-y-2`,children:[(0,M.jsx)(`h3`,{className:`text-sm font-medium`,children:`Explorer Skin`}),(0,M.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Chrome the OS File Explorer window wears. Auto follows the host platform.`}),(0,M.jsx)(W,{options:U,value:o,onChange:s})]})]})}export{G as AppearanceSettingsSection};
+import{s as e}from"./rolldown-runtime-C5c2KzVm.js";import{D as t,E as n}from"./vendor-markdown-C-P1aR4p.js";import{c as r,l as i,s as a,u as o}from"./vendor-ui-BTSIXzhZ.js";import{A as s,Kr as c,cr as l,si as u}from"./icons-BwyIKaTT.js";import{k as d}from"./api-client-xQDlhUTu.js";import{t as f}from"./settings-store-B4mLp19V.js";import{n as p}from"./utils-Bslrbb-G.js";import"./portal-container-context-NBi-KGK0.js";import{n as m}from"./use-is-mobile-VRV9eZy1.js";import{r as h,t as g}from"./button-C9ZXWb3b.js";import{a as _,i as v,n as y,o as b,r as x,t as S}from"./dialog-Dn_2tuYa.js";import{t as C}from"./input-C3oVNCMq.js";import{n as w,r as T,t as E}from"./resolve-theme-BqoL27BW.js";import{Kn as D,lt as O,oi as k,ot as A}from"./index-D8QDpdgs.js";import{t as j}from"./separator-DmU9aJwq.js";var M=n();function N(){let e=f(e=>e.themeStyle),t=f(e=>e.themeMode),n=f(e=>e.customThemeId),r=f(e=>e.customThemes),i=f(e=>e.setThemeStyle),a=f(e=>e.setThemeMode),o=E(e,t,r,n);return(0,M.jsx)(`div`,{className:`grid grid-cols-2 gap-2`,children:w.map(e=>{let t=T[e];if(!t)return null;let n=o.id===e;return(0,M.jsxs)(`button`,{onClick:()=>{i(t.style),a(t.mode)},className:p(`relative flex items-center gap-2 rounded-lg border p-2 text-left transition-colors min-h-11`,n?`border-primary ring-[3px] ring-accent-wash`:`border-border hover:bg-accent/40`),children:[(0,M.jsx)(O,{swatch:t.swatch}),(0,M.jsxs)(`span`,{className:`min-w-0 flex-1`,children:[(0,M.jsx)(`span`,{className:`block truncate text-xs font-medium text-text`,children:t.name.replace(/ (Dark|Light)$/,``)}),(0,M.jsx)(`span`,{className:`block text-[10px] text-text-3 capitalize`,children:t.mode})]}),n&&(0,M.jsx)(s,{className:`absolute top-1 right-1 size-3.5 text-primary`})]},e)})})}var P=e(t(),1);function F({className:e,orientation:t=`horizontal`,...n}){return(0,M.jsx)(i,{"data-slot":`tabs`,"data-orientation":t,orientation:t,className:p(`group/tabs flex gap-2 data-[orientation=horizontal]:flex-col`,e),...n})}var I=h(`group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-[orientation=horizontal]/tabs:h-9 group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col data-[variant=line]:rounded-none`,{variants:{variant:{default:`bg-muted`,line:`gap-1 bg-transparent`}},defaultVariants:{variant:`default`}});function L({className:e,variant:t=`default`,...n}){return(0,M.jsx)(r,{"data-slot":`tabs-list`,"data-variant":t,className:p(I({variant:t}),e),...n})}function R({className:e,...t}){return(0,M.jsx)(o,{"data-slot":`tabs-trigger`,className:p(`relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 group-data-[variant=default]/tabs-list:data-[state=active]:shadow-sm group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none dark:text-muted-foreground dark:hover:text-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,`group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:border-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent`,`data-[state=active]:bg-background data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 dark:data-[state=active]:text-foreground`,`after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100`,e),...t})}function z({className:e,...t}){return(0,M.jsx)(a,{"data-slot":`tabs-content`,className:p(`flex-1 outline-none`,e),...t})}function B({open:e,onOpenChange:t}){let n=f(e=>e.importThemeFrom),r=f(e=>e.setCustomTheme),[i,a]=(0,P.useState)(`url`),[o,s]=(0,P.useState)(``),[c,l]=(0,P.useState)(``),[u,p]=(0,P.useState)(``),[m,h]=(0,P.useState)(!1),w=()=>{s(``),l(``),p(``),a(`url`)},T=async()=>{let e=i===`url`?o.trim():c.trim();if(!e){d.error(`Nothing to import`);return}h(!0);try{let a=await n({source:i===`url`?`url`:i===`upload`?`upload`:`json`,value:e,name:u.trim()||void 0});d.success(a.length>1?`Imported ${a.length} themes`:`Imported "${a[0]?.name}"`),a[0]&&r(a[0].id),w(),t(!1)}catch(e){d.error(e.message||`Import failed`)}finally{h(!1)}},E=async e=>{if(e)try{l(await e.text()),p(e.name.replace(/\.json$/i,``))}catch{d.error(`Could not read file`)}};return(0,M.jsx)(S,{open:e,onOpenChange:t,children:(0,M.jsxs)(y,{className:`max-w-md`,children:[(0,M.jsxs)(_,{children:[(0,M.jsx)(b,{children:`Import theme`}),(0,M.jsx)(x,{className:`text-text-3`,children:`Import a VSCode color theme. Single-mode themes apply to both dark and light.`})]}),(0,M.jsxs)(F,{value:i,onValueChange:e=>a(e),children:[(0,M.jsxs)(L,{className:`w-full`,children:[(0,M.jsx)(R,{value:`url`,className:`flex-1`,children:`URL`}),(0,M.jsx)(R,{value:`json`,className:`flex-1`,children:`Paste JSON`}),(0,M.jsx)(R,{value:`upload`,className:`flex-1`,children:`Upload`})]}),(0,M.jsxs)(z,{value:`url`,className:`space-y-2 pt-2`,children:[(0,M.jsx)(C,{placeholder:`https://…/theme.json or Marketplace .vsix URL`,value:o,onChange:e=>s(e.target.value)}),(0,M.jsx)(`p`,{className:`text-[11px] text-text-3`,children:`Only https URLs; private/internal addresses are blocked.`})]}),(0,M.jsx)(z,{value:`json`,className:`pt-2`,children:(0,M.jsx)(`textarea`,{className:`w-full h-40 rounded-md border border-border bg-surface p-2 text-xs font-mono text-text focus:outline-none focus:border-ring`,placeholder:`{ "name": "My Theme", "type": "dark", "colors": { … }, "tokenColors": [ … ] }`,value:c,onChange:e=>l(e.target.value)})}),(0,M.jsxs)(z,{value:`upload`,className:`space-y-2 pt-2`,children:[(0,M.jsx)(`input`,{type:`file`,accept:`.json,application/json`,onChange:e=>E(e.target.files?.[0]),className:`block w-full text-xs text-text-2 file:mr-3 file:rounded file:border file:border-border file:bg-panel-2 file:px-2 file:py-1 file:text-text`}),c&&(0,M.jsxs)(`p`,{className:`text-[11px] text-success`,children:[`File loaded (`,c.length,` chars)`]})]})]}),(0,M.jsx)(C,{placeholder:`Optional name`,value:u,onChange:e=>p(e.target.value)}),(0,M.jsxs)(v,{children:[(0,M.jsx)(g,{variant:`outline`,onClick:()=>t(!1),disabled:m,children:`Cancel`}),(0,M.jsx)(g,{onClick:T,disabled:m,children:m?`Importing…`:`Import`})]})]})})}function V(){let e=f(e=>e.customThemes),t=f(e=>e.themeStyle),n=f(e=>e.customThemeId),r=f(e=>e.setCustomTheme),i=f(e=>e.deleteCustomTheme),[a,o]=(0,P.useState)(!1);return(0,M.jsxs)(`section`,{className:`space-y-2`,children:[(0,M.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,M.jsx)(`h3`,{className:`text-xs font-medium text-muted-foreground`,children:`Imported themes`}),(0,M.jsxs)(g,{size:`sm`,variant:`outline`,className:`h-7 gap-1 text-xs`,onClick:()=>o(!0),children:[(0,M.jsx)(l,{className:`size-3.5`}),` Import`]})]}),e.length===0?(0,M.jsx)(`p`,{className:`text-[11px] text-text-3`,children:`No imported themes yet. Import a VSCode theme from a URL, .vsix, or JSON.`}):(0,M.jsx)(`ul`,{className:`space-y-1`,children:e.map(e=>{let a=t===`custom`&&n===e.id;return(0,M.jsxs)(`li`,{className:p(`flex items-center gap-2 rounded-md border px-2 py-1.5`,a?`border-primary bg-primary/10`:`border-border`),children:[(0,M.jsx)(O,{swatch:e.swatch}),(0,M.jsxs)(`button`,{className:`flex-1 min-w-0 text-left`,onClick:()=>r(e.id),children:[(0,M.jsx)(`span`,{className:`block truncate text-xs text-text`,children:e.name}),(0,M.jsx)(`span`,{className:`block text-[10px] text-text-3`,children:e.mode})]}),a&&(0,M.jsx)(s,{className:`size-4 text-primary shrink-0`}),(0,M.jsx)(`button`,{className:`text-text-3 hover:text-error transition-colors shrink-0`,title:`Delete`,onClick:()=>void i(e.id),children:(0,M.jsx)(c,{className:`size-3.5`})})]},e.id)})}),(0,M.jsx)(B,{open:a,onOpenChange:o})]})}var H=[{value:`default`,label:`Default`},{value:`boxed`,label:`Boxed`},{value:`pill`,label:`Pill`}],U=[{value:`auto`,label:`Auto`},{value:`windows`,label:`Windows`},{value:`macos`,label:`macOS`}];function W({options:e,value:t,onChange:n}){return(0,M.jsx)(`div`,{className:`flex gap-2`,children:e.map(e=>(0,M.jsx)(g,{variant:t===e.value?`default`:`outline`,onClick:()=>n(e.value),className:p(`flex-1 cursor-pointer`,t===e.value&&`ring-2 ring-primary`),children:e.label},e.value))})}function G(){let{theme:e,setTheme:t,tabWrap:n,toggleTabWrap:r,editorTabStyle:i,setEditorTabStyle:a,explorerSkin:o,setExplorerSkin:s}=f(k(e=>({theme:e.themeMode,setTheme:e.setThemeMode,tabWrap:e.tabWrap,toggleTabWrap:e.toggleTabWrap,editorTabStyle:e.editorTabStyle,setEditorTabStyle:e.setEditorTabStyle,explorerSkin:e.explorerSkin,setExplorerSkin:e.setExplorerSkin}))),{wordWrap:c,toggleWordWrap:l,mobileWordWrap:d,toggleMobileWordWrap:h}=f(k(e=>({wordWrap:e.wordWrap,toggleWordWrap:e.toggleWordWrap,mobileWordWrap:e.mobileWordWrap,toggleMobileWordWrap:e.toggleMobileWordWrap}))),_=m();return(0,M.jsxs)(`div`,{className:`space-y-6`,children:[(0,M.jsxs)(`section`,{className:`space-y-3`,children:[(0,M.jsx)(`h3`,{className:`text-sm font-medium`,children:`Theme`}),(0,M.jsx)(N,{}),(0,M.jsx)(`div`,{className:`flex gap-2`,children:A.map(n=>{let r=n.icon;return(0,M.jsxs)(g,{variant:e===n.value?`default`:`outline`,onClick:()=>t(n.value),className:p(`flex-1 gap-2 cursor-pointer`,e===n.value&&`ring-2 ring-primary`),children:[(0,M.jsx)(r,{className:`size-4`}),n.label]},n.value)})})]}),(0,M.jsx)(j,{}),(0,M.jsx)(V,{}),(0,M.jsx)(j,{}),(0,M.jsxs)(`section`,{className:`flex items-center justify-between gap-4`,children:[(0,M.jsxs)(`div`,{className:`flex items-center gap-3 min-w-0`,children:[(0,M.jsx)(u,{className:`size-4 text-muted-foreground shrink-0`}),(0,M.jsxs)(`div`,{className:`min-w-0`,children:[(0,M.jsx)(`p`,{className:`text-sm font-medium`,children:`Wrap Tabs`}),(0,M.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Stack tabs in rows instead of scrolling`})]})]}),(0,M.jsx)(D,{checked:n,onCheckedChange:r})]}),(0,M.jsxs)(`section`,{className:`flex items-center justify-between gap-4`,children:[(0,M.jsxs)(`div`,{className:`flex items-center gap-3 min-w-0`,children:[(0,M.jsx)(u,{className:`size-4 text-muted-foreground shrink-0`}),(0,M.jsxs)(`div`,{className:`min-w-0`,children:[(0,M.jsx)(`p`,{className:`text-sm font-medium`,children:`Word Wrap`}),(0,M.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:_?`Wrap long lines instead of scrolling sideways (this device)`:`Wrap long lines in the editor (Alt+Z)`})]})]}),(0,M.jsx)(D,{checked:_?d:c,onCheckedChange:()=>_?h():l()})]}),(0,M.jsxs)(`section`,{className:`space-y-2`,children:[(0,M.jsx)(`h3`,{className:`text-sm font-medium`,children:`Tab Style`}),(0,M.jsx)(W,{options:H,value:i,onChange:a})]}),(0,M.jsxs)(`section`,{className:`space-y-2`,children:[(0,M.jsx)(`h3`,{className:`text-sm font-medium`,children:`Explorer Skin`}),(0,M.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:`Chrome the OS File Explorer window wears. Auto follows the host platform.`}),(0,M.jsx)(W,{options:U,value:o,onChange:s})]})]})}export{G as AppearanceSettingsSection};

package/dist/web/assets/{apps-panel-_lxY9xbc.js → apps-panel-D1VTBxgC.js}

@@ -1 +1 @@
-import{s as e}from"./rolldown-runtime-C5c2KzVm.js";import{D as t,E as n}from"./vendor-markdown-C-P1aR4p.js";import"./vendor-ui-BTSIXzhZ.js";import{xr as r}from"./icons-BwyIKaTT.js";import{a as i}from"./api-client-xQDlhUTu.js";import{n as a}from"./utils-Bslrbb-G.js";import"./portal-container-context-NBi-KGK0.js";import"./context-menu-BCuZYfWC.js";import"./use-is-mobile-VRV9eZy1.js";import"./button-C9ZXWb3b.js";import"./dialog-Dn_2tuYa.js";import"./mobile-bottom-sheet-DArbIyrD.js";import"./use-visual-viewport-MmugpRg-.js";import{n as o,o as s,r as c,t as l,u}from"./adaptive-context-menu-C4jNSORA.js";import{r as d}from"./format-bytes-he3TR0bV.js";import{o as f}from"./process-row-format-CytRH7g2.js";import{n as p,r as m,t as h}from"./use-process-kill-DJ_f7rCO.js";var g=e(t(),1);function _(e){let t=new Map;for(let n of e){let e=t.get(n.ppid);e?e.push(n.pid):t.set(n.ppid,[n.pid])}return t}function v(e,t,n=()=>!1){let r=new Set,i=[...e];for(;i.length>0;){let e=i.pop();if(!r.has(e)){r.add(e);for(let r of t.get(e)??[])n(r)||i.push(r)}}return[...r]}function y(e){let t=0,n=!1;for(let r of e)r!==void 0&&(n=!0,t+=r);return n?t:void 0}var b=e=>Math.round(e*10)/10;function x(e,t){let n=new Map(t.map(e=>[e.pid,e])),r=_(t),i=[],a=new Map;for(let t of e)for(let e of t.pids)a.set(e,t.id);for(let t of e){let e=v(t.pids,r,e=>{let n=a.get(e);return n!==void 0&&n!==t.id}).map(e=>n.get(e)).filter(e=>e!==void 0);e.length!==0&&i.push({id:t.id,name:t.name,icon:t.icon,pids:t.pids,memberPids:e.map(e=>e.pid),processCount:e.length,cpu:b(e.reduce((e,t)=>e+t.cpu,0)),ramMB:b(e.reduce((e,t)=>e+t.ramMB,0)),swapMB:y(e.map(e=>e.swapMB)),diskReadBps:y(e.map(e=>e.diskReadBps)),diskWriteBps:y(e.map(e=>e.diskWriteBps)),gpuPct:S(y(e.map(e=>e.gpuPct))),gpuMemMB:y(e.map(e=>e.gpuMemMB))})}return i}function S(e){return e===void 0?void 0:b(Math.min(100,Math.max(0,e)))}function C(e,t,n){let r=n===`asc`?1:-1;return[...e].sort((e,n)=>{if(t===`name`)return r*e.name.localeCompare(n.name);let i=t===`cpu`?e.cpu-n.cpu:e.ramMB-n.ramMB;return i===0?e.name.localeCompare(n.name):r*i})}function w(e,t){let n=t.trim().toLowerCase();return n?e.filter(e=>e.name.toLowerCase().includes(n)):[...e]}var T=n();function E(e){let t=i(),n=t?`?token=${encodeURIComponent(t)}`:``;return`/api/system/app-icon/${encodeURIComponent(e)}${n}`}function D(e){return e>80?`text-error`:e>50?`text-warning`:`text-text-secondary`}function O({app:e,endProtected:t,onEnd:n}){let[r,i]=(0,g.useState)(!1);return(0,T.jsxs)(l,{children:[(0,T.jsx)(u,{asChild:!0,children:(0,T.jsx)(`div`,{className:`select-none`,children:(0,T.jsxs)(`div`,{className:`w-full min-h-11 px-3 py-2 flex items-center gap-3 hover:bg-surface-hover transition-colors`,"data-testid":`sysmon-app-row`,"data-app-id":e.id,"data-cpu":e.cpu,children:[e.icon&&!r?(0,T.jsx)(`img`,{src:E(e.id),alt:``,width:24,height:24,className:`size-6 shrink-0 object-contain`,onError:()=>i(!0)}):(0,T.jsx)(`span`,{"aria-hidden":!0,className:`size-6 shrink-0 rounded bg-surface-hover grid place-items-center text-[11px] text-text-subtle`,children:e.name.slice(0,1).toUpperCase()}),(0,T.jsxs)(`span`,{className:`flex-1 min-w-0`,children:[(0,T.jsx)(`span`,{className:`block text-sm truncate`,children:e.name}),(0,T.jsxs)(`span`,{className:`block text-[11px] text-text-subtle`,children:[e.processCount,` process`,e.processCount===1?``:`es`]})]}),(0,T.jsxs)(`span`,{className:a(`w-14 text-right text-xs tabular-nums`,D(e.cpu)),children:[e.cpu.toFixed(1),`%`]}),(0,T.jsx)(`span`,{className:`w-16 text-right text-xs tabular-nums text-text-secondary`,children:d(e.ramMB)}),e.swapMB!==void 0&&(0,T.jsx)(`span`,{className:`hidden @xs:block w-16 text-right text-xs tabular-nums text-text-subtle`,children:f(e.swapMB)})]})})}),(0,T.jsxs)(o,{children:[(0,T.jsx)(c,{variant:`destructive`,disabled:t,onSelect:()=>{t||n(e)},children:`End application`}),t&&(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(s,{}),(0,T.jsx)(`p`,{className:`px-2 py-1.5 text-[11px] text-text-subtle max-w-64`,children:`One of this app's processes is protected, so PPM will not end it.`})]})]})]})}var k=[{key:`cpu`,label:`CPU`},{key:`ram`,label:`Memory`},{key:`name`,label:`Name`}];function A(e){return{key:`app:${e.id}`,label:e.name,rootPid:null,cpu:e.cpu,ramMB:e.ramMB,count:e.processCount,ppm:!1,pids:e.memberPids}}function j({snapshot:e}){let[t,n]=(0,g.useState)(``),[i,o]=(0,g.useState)(`ram`),{pendingKill:s,requestKillGroup:c,confirmKill:l,cancelKill:u}=h(e),d=(0,g.useMemo)(()=>new Map(e.processes.map(e=>[e.pid,e])),[e.processes]),f=(0,g.useMemo)(()=>x(e.apps??[],e.processes),[e.apps,e.processes]),_=(0,g.useMemo)(()=>C(w(f,t),i,i===`name`?`asc`:`desc`),[f,t,i]),v=(0,g.useCallback)(e=>p(e.memberPids.map(e=>d.get(e)).filter(e=>e!==void 0)),[d]);return e.apps===void 0?(0,T.jsx)(`div`,{className:`p-4 text-sm text-text-subtle`,"data-testid":`sysmon-apps`,children:`This host does not list desktop applications.`}):(0,T.jsxs)(`div`,{className:`h-full flex flex-col min-h-0 @container`,"data-testid":`sysmon-apps`,"data-app-count":_.length,children:[(0,T.jsxs)(`div`,{className:`shrink-0 flex flex-wrap items-center gap-2 p-2 border-b border-border`,children:[(0,T.jsxs)(`div`,{className:`relative flex-1 min-w-[140px]`,children:[(0,T.jsx)(r,{className:`absolute left-2 top-1/2 -translate-y-1/2 size-3.5 text-text-subtle`}),(0,T.jsx)(`input`,{type:`text`,value:t,onChange:e=>n(e.target.value),placeholder:`Search applications`,"aria-label":`Search applications`,"data-testid":`sysmon-app-search`,className:`w-full min-h-11 md:min-h-8 pl-7 pr-2 text-sm rounded-md border border-border bg-transparent focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring`})]}),k.map(e=>(0,T.jsx)(`button`,{type:`button`,onClick:()=>o(e.key),"aria-pressed":i===e.key,"data-testid":`sysmon-app-sort-${e.key}`,className:a(`min-h-11 md:min-h-8 px-3 text-xs rounded-md border transition-colors`,i===e.key?`border-primary bg-primary/10 text-primary`:`border-border hover:bg-surface-hover`),children:e.label},e.key))]}),(0,T.jsxs)(`div`,{className:`flex-1 min-h-0 overflow-y-auto divide-y divide-border`,children:[_.length===0&&(0,T.jsx)(`p`,{className:`p-4 text-sm text-text-subtle`,children:f.length===0?`No desktop applications are running.`:`No applications match.`}),_.map(e=>(0,T.jsx)(O,{app:e,endProtected:v(e),onEnd:e=>c(A(e))},e.id))]}),(0,T.jsx)(m,{target:s,onConfirm:l,onCancel:u})]})}export{j as AppsPanel};
+import{s as e}from"./rolldown-runtime-C5c2KzVm.js";import{D as t,E as n}from"./vendor-markdown-C-P1aR4p.js";import"./vendor-ui-BTSIXzhZ.js";import{xr as r}from"./icons-BwyIKaTT.js";import{a as i}from"./api-client-xQDlhUTu.js";import{n as a}from"./utils-Bslrbb-G.js";import"./portal-container-context-NBi-KGK0.js";import"./context-menu-BCuZYfWC.js";import"./use-is-mobile-VRV9eZy1.js";import"./button-C9ZXWb3b.js";import"./dialog-Dn_2tuYa.js";import"./mobile-bottom-sheet-DArbIyrD.js";import"./use-visual-viewport-MmugpRg-.js";import{n as o,o as s,r as c,t as l,u}from"./adaptive-context-menu-C4jNSORA.js";import{r as d}from"./format-bytes-he3TR0bV.js";import{o as f}from"./process-row-format-CytRH7g2.js";import{n as p,r as m,t as h}from"./use-process-kill-YDcDqDtG.js";var g=e(t(),1);function _(e){let t=new Map;for(let n of e){let e=t.get(n.ppid);e?e.push(n.pid):t.set(n.ppid,[n.pid])}return t}function v(e,t,n=()=>!1){let r=new Set,i=[...e];for(;i.length>0;){let e=i.pop();if(!r.has(e)){r.add(e);for(let r of t.get(e)??[])n(r)||i.push(r)}}return[...r]}function y(e){let t=0,n=!1;for(let r of e)r!==void 0&&(n=!0,t+=r);return n?t:void 0}var b=e=>Math.round(e*10)/10;function x(e,t){let n=new Map(t.map(e=>[e.pid,e])),r=_(t),i=[],a=new Map;for(let t of e)for(let e of t.pids)a.set(e,t.id);for(let t of e){let e=v(t.pids,r,e=>{let n=a.get(e);return n!==void 0&&n!==t.id}).map(e=>n.get(e)).filter(e=>e!==void 0);e.length!==0&&i.push({id:t.id,name:t.name,icon:t.icon,pids:t.pids,memberPids:e.map(e=>e.pid),processCount:e.length,cpu:b(e.reduce((e,t)=>e+t.cpu,0)),ramMB:b(e.reduce((e,t)=>e+t.ramMB,0)),swapMB:y(e.map(e=>e.swapMB)),diskReadBps:y(e.map(e=>e.diskReadBps)),diskWriteBps:y(e.map(e=>e.diskWriteBps)),gpuPct:S(y(e.map(e=>e.gpuPct))),gpuMemMB:y(e.map(e=>e.gpuMemMB))})}return i}function S(e){return e===void 0?void 0:b(Math.min(100,Math.max(0,e)))}function C(e,t,n){let r=n===`asc`?1:-1;return[...e].sort((e,n)=>{if(t===`name`)return r*e.name.localeCompare(n.name);let i=t===`cpu`?e.cpu-n.cpu:e.ramMB-n.ramMB;return i===0?e.name.localeCompare(n.name):r*i})}function w(e,t){let n=t.trim().toLowerCase();return n?e.filter(e=>e.name.toLowerCase().includes(n)):[...e]}var T=n();function E(e){let t=i(),n=t?`?token=${encodeURIComponent(t)}`:``;return`/api/system/app-icon/${encodeURIComponent(e)}${n}`}function D(e){return e>80?`text-error`:e>50?`text-warning`:`text-text-secondary`}function O({app:e,endProtected:t,onEnd:n}){let[r,i]=(0,g.useState)(!1);return(0,T.jsxs)(l,{children:[(0,T.jsx)(u,{asChild:!0,children:(0,T.jsx)(`div`,{className:`select-none`,children:(0,T.jsxs)(`div`,{className:`w-full min-h-11 px-3 py-2 flex items-center gap-3 hover:bg-surface-hover transition-colors`,"data-testid":`sysmon-app-row`,"data-app-id":e.id,"data-cpu":e.cpu,children:[e.icon&&!r?(0,T.jsx)(`img`,{src:E(e.id),alt:``,width:24,height:24,className:`size-6 shrink-0 object-contain`,onError:()=>i(!0)}):(0,T.jsx)(`span`,{"aria-hidden":!0,className:`size-6 shrink-0 rounded bg-surface-hover grid place-items-center text-[11px] text-text-subtle`,children:e.name.slice(0,1).toUpperCase()}),(0,T.jsxs)(`span`,{className:`flex-1 min-w-0`,children:[(0,T.jsx)(`span`,{className:`block text-sm truncate`,children:e.name}),(0,T.jsxs)(`span`,{className:`block text-[11px] text-text-subtle`,children:[e.processCount,` process`,e.processCount===1?``:`es`]})]}),(0,T.jsxs)(`span`,{className:a(`w-14 text-right text-xs tabular-nums`,D(e.cpu)),children:[e.cpu.toFixed(1),`%`]}),(0,T.jsx)(`span`,{className:`w-16 text-right text-xs tabular-nums text-text-secondary`,children:d(e.ramMB)}),e.swapMB!==void 0&&(0,T.jsx)(`span`,{className:`hidden @xs:block w-16 text-right text-xs tabular-nums text-text-subtle`,children:f(e.swapMB)})]})})}),(0,T.jsxs)(o,{children:[(0,T.jsx)(c,{variant:`destructive`,disabled:t,onSelect:()=>{t||n(e)},children:`End application`}),t&&(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(s,{}),(0,T.jsx)(`p`,{className:`px-2 py-1.5 text-[11px] text-text-subtle max-w-64`,children:`One of this app's processes is protected, so PPM will not end it.`})]})]})]})}var k=[{key:`cpu`,label:`CPU`},{key:`ram`,label:`Memory`},{key:`name`,label:`Name`}];function A(e){return{key:`app:${e.id}`,label:e.name,rootPid:null,cpu:e.cpu,ramMB:e.ramMB,count:e.processCount,ppm:!1,pids:e.memberPids}}function j({snapshot:e}){let[t,n]=(0,g.useState)(``),[i,o]=(0,g.useState)(`ram`),{pendingKill:s,requestKillGroup:c,confirmKill:l,cancelKill:u}=h(e),d=(0,g.useMemo)(()=>new Map(e.processes.map(e=>[e.pid,e])),[e.processes]),f=(0,g.useMemo)(()=>x(e.apps??[],e.processes),[e.apps,e.processes]),_=(0,g.useMemo)(()=>C(w(f,t),i,i===`name`?`asc`:`desc`),[f,t,i]),v=(0,g.useCallback)(e=>p(e.memberPids.map(e=>d.get(e)).filter(e=>e!==void 0)),[d]);return e.apps===void 0?(0,T.jsx)(`div`,{className:`p-4 text-sm text-text-subtle`,"data-testid":`sysmon-apps`,children:`This host does not list desktop applications.`}):(0,T.jsxs)(`div`,{className:`h-full flex flex-col min-h-0 @container`,"data-testid":`sysmon-apps`,"data-app-count":_.length,children:[(0,T.jsxs)(`div`,{className:`shrink-0 flex flex-wrap items-center gap-2 p-2 border-b border-border`,children:[(0,T.jsxs)(`div`,{className:`relative flex-1 min-w-[140px]`,children:[(0,T.jsx)(r,{className:`absolute left-2 top-1/2 -translate-y-1/2 size-3.5 text-text-subtle`}),(0,T.jsx)(`input`,{type:`text`,value:t,onChange:e=>n(e.target.value),placeholder:`Search applications`,"aria-label":`Search applications`,"data-testid":`sysmon-app-search`,className:`w-full min-h-11 md:min-h-8 pl-7 pr-2 text-sm rounded-md border border-border bg-transparent focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring`})]}),k.map(e=>(0,T.jsx)(`button`,{type:`button`,onClick:()=>o(e.key),"aria-pressed":i===e.key,"data-testid":`sysmon-app-sort-${e.key}`,className:a(`min-h-11 md:min-h-8 px-3 text-xs rounded-md border transition-colors`,i===e.key?`border-primary bg-primary/10 text-primary`:`border-border hover:bg-surface-hover`),children:e.label},e.key))]}),(0,T.jsxs)(`div`,{className:`flex-1 min-h-0 overflow-y-auto divide-y divide-border`,children:[_.length===0&&(0,T.jsx)(`p`,{className:`p-4 text-sm text-text-subtle`,children:f.length===0?`No desktop applications are running.`:`No applications match.`}),_.map(e=>(0,T.jsx)(O,{app:e,endProtected:v(e),onEnd:e=>c(A(e))},e.id))]}),(0,T.jsx)(m,{target:s,onConfirm:l,onCancel:u})]})}export{j as AppsPanel};

package/dist/web/assets/{branch-review-tab-BzrhnFSs.js → branch-review-tab-BG6vxSsC.js}

@@ -1 +1 @@
-import{s as e}from"./rolldown-runtime-C5c2KzVm.js";import{D as t,E as n}from"./vendor-markdown-C-P1aR4p.js";import"./vendor-ui-BTSIXzhZ.js";import{A as r,Et as i,L as a,P as o,_n as s,hr as c,m as l,xn as u}from"./icons-BwyIKaTT.js";import{r as d}from"./api-client-xQDlhUTu.js";import"./settings-store-B4mLp19V.js";import"./portal-container-context-NBi-KGK0.js";import"./project-store-BLGl9IAO.js";import"./project-framework-store-DwLxaRan.js";import{n as f}from"./use-is-mobile-VRV9eZy1.js";import"./git-repo-store-CKB5fdNP.js";import{t as p}from"./button-C9ZXWb3b.js";import{n as m}from"./file-icons-JInFtBVl.js";import{t as h}from"./mobile-bottom-sheet-DArbIyrD.js";import"./use-visual-viewport-MmugpRg-.js";import{t as g}from"./start-ellipsis-CU8GkxaV.js";import{t as _}from"./scroll-area-DOlQJGZp.js";import{Cr as ee,Sr as te,dr as ne,ii as re,ur as ie,wr as v,xr as ae}from"./index-BpgSIM5B.js";import"./use-monaco-theme-BW05eZS4.js";import"./use-inline-blame-Ck5XoSS3.js";import{DiffViewer as y}from"./diff-viewer-Fl_4jqr6.js";var b=e(t(),1),x=`ppm:branch-review`,S=`${x}:recent`,C=20;function w(e,t,n){return`${x}:${e}:${t}:${n}`}function T(e,t){return e[t.path]===t.blob}function E(e,t){let n={...e};return T(e,t)?delete n[t.path]:n[t.path]=t.blob,n}function oe(e,t,n){if(!n)return{};let r={...e};for(let e of t)r[e.path]=e.blob;return r}function se(e,t){return t.reduce((t,n)=>t+(T(e,n)?1:0),0)}function D(e,t){let n=new Set(t.map(e=>e.path)),r={};for(let[t,i]of Object.entries(e))n.has(t)&&(r[t]=i);return r}function ce(e){return e.find(e=>!e.binary)??e[0]??null}function le(e,t,n){if(t.length===0)return null;let r=n?t.findIndex(e=>e.path===n)+1:0;for(let n=0;n<t.length;n++){let i=t[(r+n)%t.length];if(i&&!T(e,i))return i}return null}function ue(e){try{let t=localStorage.getItem(e);if(!t)return{};let n=JSON.parse(t);if(!n||typeof n!=`object`||Array.isArray(n))return{};let r={};for(let[e,t]of Object.entries(n))typeof t==`string`&&(r[e]=t);return r}catch{return{}}}function O(e,t,n=C){let r=[t,...e.filter(e=>e!==t)];return{recent:r.slice(0,n),evicted:r.slice(n)}}function k(){try{let e=JSON.parse(localStorage.getItem(S)??`[]`);return Array.isArray(e)?e.filter(e=>typeof e==`string`):[]}catch{return[]}}function A(e,t){try{if(Object.keys(t).length===0){localStorage.removeItem(e);let t=k().filter(t=>t!==e);localStorage.setItem(S,JSON.stringify(t));return}localStorage.setItem(e,JSON.stringify(t));let{recent:n,evicted:r}=O(k(),e);for(let e of r)localStorage.removeItem(e);localStorage.setItem(S,JSON.stringify(n))}catch{}}var j=n(),M={M:`text-warning`,A:`text-success`,D:`text-error`,R:`text-primary`,C:`text-accent-2`,T:`text-text-3`};function N(e){let{node:t,depth:n,byPath:i,reviewed:s,selectedPath:c,collapsed:l,onToggleCollapse:u,onSelect:d,onToggleReviewed:f}=e,p=t.file?i.get(t.fullPath):void 0;if(!p){let r=l.has(t.fullPath);return(0,j.jsxs)(j.Fragment,{children:[(0,j.jsxs)(`button`,{type:`button`,"data-testid":`branch-review-folder`,className:`w-full flex items-center gap-1 px-2 py-1 text-xs min-h-11 md:min-h-0 hover:bg-surface-hover text-left`,style:{paddingLeft:n*14+8},onClick:()=>u(t.fullPath),children:[r?(0,j.jsx)(a,{className:`size-3 shrink-0`}):(0,j.jsx)(o,{className:`size-3 shrink-0`}),(0,j.jsx)(`span`,{className:`truncate text-text-2`,children:t.name})]}),!r&&t.children.map(t=>(0,j.jsx)(N,{...e,node:t,depth:n+1},t.fullPath))]})}let h=T(s,p),_=c===p.path;return(0,j.jsxs)(`div`,{className:`flex items-center gap-1.5 pr-2 py-1 text-xs cursor-pointer border-l-2 min-h-11 md:min-h-0 hover:bg-surface-hover ${_?`bg-primary/10 border-primary`:`border-transparent`}`,style:{paddingLeft:n*14+6},onClick:()=>d(p.path),"aria-current":_?`true`:void 0,"data-testid":`branch-review-file`,"data-path":p.path,"data-selected":_?`true`:`false`,"data-reviewed":h?`true`:`false`,children:[(0,j.jsx)(`button`,{type:`button`,"aria-label":h?`Mark ${p.path} unreviewed`:`Mark ${p.path} reviewed`,"data-testid":`branch-review-check`,className:`size-11 md:size-4 shrink-0 flex items-center justify-center`,onClick:e=>{e.stopPropagation(),f(p)},children:(0,j.jsx)(`span`,{"data-testid":`branch-review-check-box`,className:`size-4 rounded border flex items-center justify-center ${h?`bg-primary border-primary text-primary-foreground`:`border-border`}`,children:h&&(0,j.jsx)(r,{className:`size-3`})})}),(0,j.jsx)(m,{name:t.name,className:`size-3.5 shrink-0`}),(0,j.jsx)(g,{children:t.name}),(0,j.jsx)(`span`,{className:`shrink-0 font-mono ${M[p.status]}`,children:p.status}),p.binary?(0,j.jsx)(`span`,{className:`shrink-0 text-text-3 italic`,children:`bin`}):(0,j.jsxs)(`span`,{className:`shrink-0 tabular-nums text-[10px]`,children:[(0,j.jsxs)(`span`,{className:`text-success`,children:[`+`,p.additions]}),` `,(0,j.jsxs)(`span`,{className:`text-error`,children:[`-`,p.deletions]})]})]})}function P(e,t){let n=e.filter(e=>!e.remote&&e.name!==t);return n.find(e=>e.name===`main`)?.name??n.find(e=>e.name===`master`)?.name??n[0]?.name??``}function F({metadata:e}){let t=e?.projectName,n=re(t),r=f(),[a,o]=(0,b.useState)([]),[m,x]=(0,b.useState)(``),[S,C]=(0,b.useState)(``),[T,O]=(0,b.useState)(null),[k,M]=(0,b.useState)(null),[F,I]=(0,b.useState)({}),[de,L]=(0,b.useState)(new Set),[R,z]=(0,b.useState)(!1),[B,V]=(0,b.useState)(null),[fe,H]=(0,b.useState)(!1);(0,b.useEffect)(()=>{if(!t||!n.repo)return;let e=!1;return d.get(n.gitUrl(`/branches`)).then(t=>{if(e)return;o(t);let n=t.find(e=>e.current)?.name;C(e=>e||n||``),x(e=>e||P(t,n))}).catch(t=>!e&&V(t instanceof Error?t.message:`Could not list branches`)),()=>{e=!0}},[t,n]);let U=(0,b.useRef)(null),W=(0,b.useCallback)(async()=>{if(!t||!n.repo||!m||!S)return;U.current?.abort();let e=new AbortController;U.current=e,z(!0),V(null);try{let t=new URLSearchParams({base:m,head:S}),r=await d.get(n.gitUrl(`/branch-diff?${t}`),{signal:e.signal});if(e.signal.aborted)return;O(r),M(e=>e&&r.files.some(t=>t.path===e)?e:ce(r.files)?.path??null)}catch(t){if(e.signal.aborted)return;O(null),V(t instanceof Error?t.message:`Could not compare these branches`)}finally{e.signal.aborted||z(!1)}},[t,n,m,S]);(0,b.useEffect)(()=>(W(),()=>U.current?.abort()),[W]);let G=t&&m&&S?w(t,m,S):null;(0,b.useEffect)(()=>{L(new Set)},[G]),(0,b.useEffect)(()=>{I(G?ue(G):{})},[G]);let K=T&&T.base===m&&T.head===S?T:null;(0,b.useEffect)(()=>{!G||!K||I(e=>{let t=D(e,K.files);return Object.keys(t).length!==Object.keys(e).length&&A(G,t),t})},[G,K]);let q=(0,b.useCallback)(e=>{I(e),G&&A(G,e)},[G]),J=K?.files??[],Y=(0,b.useMemo)(()=>new Map(J.map(e=>[e.path,e])),[J]),X=(0,b.useMemo)(()=>se(F,J),[F,J]),pe=(0,b.useMemo)(()=>ne(ie(J.map(e=>({path:e.path,status:e.status===`T`?`M`:e.status})))),[J]),Z=k?Y.get(k)??null:null,Q=(0,b.useCallback)(()=>{let e=le(F,J,k);e&&(M(e.path),H(!1))},[F,J,k]);if(n.noRepo)return(0,j.jsx)(ae,{onReload:n.reload});if(n.needsPick)return(0,j.jsx)(ee,{repos:n.repos,onChoose:n.choose});let $=(0,j.jsx)(_,{className:`h-full`,children:(0,j.jsxs)(`div`,{className:`py-1`,children:[J.length===0&&!R&&(0,j.jsx)(`div`,{className:`px-3 py-6 text-center text-xs text-text-3`,children:B?`—`:`These branches have identical trees.`}),pe.map(e=>(0,j.jsx)(N,{node:e,depth:0,byPath:Y,reviewed:F,selectedPath:k,collapsed:de,onToggleCollapse:e=>L(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n}),onSelect:e=>{M(e),H(!1)},onToggleReviewed:e=>q(E(F,e))},e.fullPath)),!!K?.omitted&&(0,j.jsxs)(`div`,{className:`px-3 py-3 text-center text-xs text-text-3`,children:[K.omitted.toLocaleString(),` more `,K.omitted===1?`file`:`files`,` not listed.`]})]})});return(0,j.jsxs)(`div`,{className:`flex flex-col h-full overflow-hidden bg-bg`,children:[n.isNested&&n.repo&&(0,j.jsx)(te,{repo:n.repo,repos:n.repos,onChoose:n.choose}),(0,j.jsxs)(`div`,{className:`flex items-center gap-2 px-2 py-1.5 border-b border-border shrink-0 flex-wrap`,children:[(0,j.jsx)(v,{value:m,branches:a,onChange:x,label:`Base branch`,testId:`branch-review-base`,className:`max-w-[38%]`}),(0,j.jsx)(l,{className:`size-3.5 text-text-3 shrink-0`}),(0,j.jsx)(v,{value:S,branches:a,onChange:C,label:`Branch to review`,testId:`branch-review-head`,className:`max-w-[38%]`}),(0,j.jsxs)(`div`,{className:`ml-auto flex items-center gap-2`,children:[(0,j.jsxs)(`span`,{className:`text-xs text-text-2 tabular-nums`,"data-testid":`branch-review-progress`,children:[X,`/`,J.length,` reviewed`]}),(0,j.jsx)(p,{variant:`ghost`,size:`icon-xs`,title:X===J.length&&J.length>0?`Clear all`:`Mark all reviewed`,disabled:J.length===0,onClick:()=>q(oe(F,J,X!==J.length)),children:(0,j.jsx)(s,{className:`size-3.5`})}),(0,j.jsx)(p,{variant:`ghost`,size:`icon-xs`,title:`Reload`,onClick:()=>void W(),children:(0,j.jsx)(c,{className:R?`animate-spin`:``})})]})]}),B&&(0,j.jsx)(`div`,{className:`px-3 py-1.5 text-xs text-destructive bg-destructive/10 shrink-0`,children:B}),(0,j.jsxs)(`div`,{className:`flex-1 flex min-h-0`,children:[!r&&(0,j.jsx)(`div`,{className:`w-72 shrink-0 border-r border-border flex flex-col min-h-0`,children:$}),(0,j.jsx)(`div`,{className:`flex-1 min-w-0 flex flex-col`,children:Z?(0,j.jsx)(y,{metadata:{filePath:n.projectFile(Z.path),projectName:t,ref1:K?.mergeBase,ref2:K?.headCommit}},`${Z.path}:${K?.mergeBase}:${K?.headCommit}`):(0,j.jsx)(`div`,{className:`flex-1 flex items-center justify-center text-xs text-text-3`,children:R?(0,j.jsx)(u,{className:`size-4 animate-spin`}):`Nothing to review.`})})]}),r&&(0,j.jsxs)(`div`,{className:`flex items-center gap-2 border-t border-border p-2 shrink-0`,children:[(0,j.jsxs)(p,{variant:`secondary`,size:`sm`,className:`flex-1 min-h-11`,onClick:()=>H(!0),children:[(0,j.jsx)(i,{className:`size-4`}),J.length,` files`]}),(0,j.jsx)(p,{variant:`secondary`,size:`sm`,className:`flex-1 min-h-11`,onClick:Q,children:`Next unreviewed`})]}),r&&(0,j.jsx)(h,{open:fe,onClose:()=>H(!1),children:(0,j.jsx)(`div`,{className:`max-h-[70vh] overflow-hidden flex flex-col`,children:$})}),!r&&Z&&(0,j.jsxs)(`div`,{className:`flex items-center gap-2 border-t border-border px-2 py-1 shrink-0`,children:[(0,j.jsx)(g,{children:Z.path}),(0,j.jsx)(p,{variant:`ghost`,size:`xs`,onClick:Q,children:`Next unreviewed`})]})]})}export{F as BranchReviewTab};
+import{s as e}from"./rolldown-runtime-C5c2KzVm.js";import{D as t,E as n}from"./vendor-markdown-C-P1aR4p.js";import"./vendor-ui-BTSIXzhZ.js";import{A as r,Et as i,L as a,P as o,_n as s,hr as c,m as l,xn as u}from"./icons-BwyIKaTT.js";import{r as d}from"./api-client-xQDlhUTu.js";import"./settings-store-B4mLp19V.js";import"./portal-container-context-NBi-KGK0.js";import"./project-store-BLGl9IAO.js";import"./project-framework-store-DwLxaRan.js";import{n as f}from"./use-is-mobile-VRV9eZy1.js";import"./git-repo-store-CKB5fdNP.js";import{t as p}from"./button-C9ZXWb3b.js";import{n as m}from"./file-icons-JInFtBVl.js";import{t as h}from"./mobile-bottom-sheet-DArbIyrD.js";import"./use-visual-viewport-MmugpRg-.js";import{t as g}from"./start-ellipsis-CU8GkxaV.js";import{t as _}from"./scroll-area-DOlQJGZp.js";import{Cr as ee,Sr as te,dr as ne,ii as re,ur as ie,wr as v,xr as ae}from"./index-D8QDpdgs.js";import"./use-monaco-theme-DljSc3Xo.js";import"./use-inline-blame-BzVaaCCt.js";import{DiffViewer as y}from"./diff-viewer-CRmfCAZX.js";var b=e(t(),1),x=`ppm:branch-review`,S=`${x}:recent`,C=20;function w(e,t,n){return`${x}:${e}:${t}:${n}`}function T(e,t){return e[t.path]===t.blob}function E(e,t){let n={...e};return T(e,t)?delete n[t.path]:n[t.path]=t.blob,n}function oe(e,t,n){if(!n)return{};let r={...e};for(let e of t)r[e.path]=e.blob;return r}function se(e,t){return t.reduce((t,n)=>t+(T(e,n)?1:0),0)}function D(e,t){let n=new Set(t.map(e=>e.path)),r={};for(let[t,i]of Object.entries(e))n.has(t)&&(r[t]=i);return r}function ce(e){return e.find(e=>!e.binary)??e[0]??null}function le(e,t,n){if(t.length===0)return null;let r=n?t.findIndex(e=>e.path===n)+1:0;for(let n=0;n<t.length;n++){let i=t[(r+n)%t.length];if(i&&!T(e,i))return i}return null}function ue(e){try{let t=localStorage.getItem(e);if(!t)return{};let n=JSON.parse(t);if(!n||typeof n!=`object`||Array.isArray(n))return{};let r={};for(let[e,t]of Object.entries(n))typeof t==`string`&&(r[e]=t);return r}catch{return{}}}function O(e,t,n=C){let r=[t,...e.filter(e=>e!==t)];return{recent:r.slice(0,n),evicted:r.slice(n)}}function k(){try{let e=JSON.parse(localStorage.getItem(S)??`[]`);return Array.isArray(e)?e.filter(e=>typeof e==`string`):[]}catch{return[]}}function A(e,t){try{if(Object.keys(t).length===0){localStorage.removeItem(e);let t=k().filter(t=>t!==e);localStorage.setItem(S,JSON.stringify(t));return}localStorage.setItem(e,JSON.stringify(t));let{recent:n,evicted:r}=O(k(),e);for(let e of r)localStorage.removeItem(e);localStorage.setItem(S,JSON.stringify(n))}catch{}}var j=n(),M={M:`text-warning`,A:`text-success`,D:`text-error`,R:`text-primary`,C:`text-accent-2`,T:`text-text-3`};function N(e){let{node:t,depth:n,byPath:i,reviewed:s,selectedPath:c,collapsed:l,onToggleCollapse:u,onSelect:d,onToggleReviewed:f}=e,p=t.file?i.get(t.fullPath):void 0;if(!p){let r=l.has(t.fullPath);return(0,j.jsxs)(j.Fragment,{children:[(0,j.jsxs)(`button`,{type:`button`,"data-testid":`branch-review-folder`,className:`w-full flex items-center gap-1 px-2 py-1 text-xs min-h-11 md:min-h-0 hover:bg-surface-hover text-left`,style:{paddingLeft:n*14+8},onClick:()=>u(t.fullPath),children:[r?(0,j.jsx)(a,{className:`size-3 shrink-0`}):(0,j.jsx)(o,{className:`size-3 shrink-0`}),(0,j.jsx)(`span`,{className:`truncate text-text-2`,children:t.name})]}),!r&&t.children.map(t=>(0,j.jsx)(N,{...e,node:t,depth:n+1},t.fullPath))]})}let h=T(s,p),_=c===p.path;return(0,j.jsxs)(`div`,{className:`flex items-center gap-1.5 pr-2 py-1 text-xs cursor-pointer border-l-2 min-h-11 md:min-h-0 hover:bg-surface-hover ${_?`bg-primary/10 border-primary`:`border-transparent`}`,style:{paddingLeft:n*14+6},onClick:()=>d(p.path),"aria-current":_?`true`:void 0,"data-testid":`branch-review-file`,"data-path":p.path,"data-selected":_?`true`:`false`,"data-reviewed":h?`true`:`false`,children:[(0,j.jsx)(`button`,{type:`button`,"aria-label":h?`Mark ${p.path} unreviewed`:`Mark ${p.path} reviewed`,"data-testid":`branch-review-check`,className:`size-11 md:size-4 shrink-0 flex items-center justify-center`,onClick:e=>{e.stopPropagation(),f(p)},children:(0,j.jsx)(`span`,{"data-testid":`branch-review-check-box`,className:`size-4 rounded border flex items-center justify-center ${h?`bg-primary border-primary text-primary-foreground`:`border-border`}`,children:h&&(0,j.jsx)(r,{className:`size-3`})})}),(0,j.jsx)(m,{name:t.name,className:`size-3.5 shrink-0`}),(0,j.jsx)(g,{children:t.name}),(0,j.jsx)(`span`,{className:`shrink-0 font-mono ${M[p.status]}`,children:p.status}),p.binary?(0,j.jsx)(`span`,{className:`shrink-0 text-text-3 italic`,children:`bin`}):(0,j.jsxs)(`span`,{className:`shrink-0 tabular-nums text-[10px]`,children:[(0,j.jsxs)(`span`,{className:`text-success`,children:[`+`,p.additions]}),` `,(0,j.jsxs)(`span`,{className:`text-error`,children:[`-`,p.deletions]})]})]})}function P(e,t){let n=e.filter(e=>!e.remote&&e.name!==t);return n.find(e=>e.name===`main`)?.name??n.find(e=>e.name===`master`)?.name??n[0]?.name??``}function F({metadata:e}){let t=e?.projectName,n=re(t),r=f(),[a,o]=(0,b.useState)([]),[m,x]=(0,b.useState)(``),[S,C]=(0,b.useState)(``),[T,O]=(0,b.useState)(null),[k,M]=(0,b.useState)(null),[F,I]=(0,b.useState)({}),[de,L]=(0,b.useState)(new Set),[R,z]=(0,b.useState)(!1),[B,V]=(0,b.useState)(null),[fe,H]=(0,b.useState)(!1);(0,b.useEffect)(()=>{if(!t||!n.repo)return;let e=!1;return d.get(n.gitUrl(`/branches`)).then(t=>{if(e)return;o(t);let n=t.find(e=>e.current)?.name;C(e=>e||n||``),x(e=>e||P(t,n))}).catch(t=>!e&&V(t instanceof Error?t.message:`Could not list branches`)),()=>{e=!0}},[t,n]);let U=(0,b.useRef)(null),W=(0,b.useCallback)(async()=>{if(!t||!n.repo||!m||!S)return;U.current?.abort();let e=new AbortController;U.current=e,z(!0),V(null);try{let t=new URLSearchParams({base:m,head:S}),r=await d.get(n.gitUrl(`/branch-diff?${t}`),{signal:e.signal});if(e.signal.aborted)return;O(r),M(e=>e&&r.files.some(t=>t.path===e)?e:ce(r.files)?.path??null)}catch(t){if(e.signal.aborted)return;O(null),V(t instanceof Error?t.message:`Could not compare these branches`)}finally{e.signal.aborted||z(!1)}},[t,n,m,S]);(0,b.useEffect)(()=>(W(),()=>U.current?.abort()),[W]);let G=t&&m&&S?w(t,m,S):null;(0,b.useEffect)(()=>{L(new Set)},[G]),(0,b.useEffect)(()=>{I(G?ue(G):{})},[G]);let K=T&&T.base===m&&T.head===S?T:null;(0,b.useEffect)(()=>{!G||!K||I(e=>{let t=D(e,K.files);return Object.keys(t).length!==Object.keys(e).length&&A(G,t),t})},[G,K]);let q=(0,b.useCallback)(e=>{I(e),G&&A(G,e)},[G]),J=K?.files??[],Y=(0,b.useMemo)(()=>new Map(J.map(e=>[e.path,e])),[J]),X=(0,b.useMemo)(()=>se(F,J),[F,J]),pe=(0,b.useMemo)(()=>ne(ie(J.map(e=>({path:e.path,status:e.status===`T`?`M`:e.status})))),[J]),Z=k?Y.get(k)??null:null,Q=(0,b.useCallback)(()=>{let e=le(F,J,k);e&&(M(e.path),H(!1))},[F,J,k]);if(n.noRepo)return(0,j.jsx)(ae,{onReload:n.reload});if(n.needsPick)return(0,j.jsx)(ee,{repos:n.repos,onChoose:n.choose});let $=(0,j.jsx)(_,{className:`h-full`,children:(0,j.jsxs)(`div`,{className:`py-1`,children:[J.length===0&&!R&&(0,j.jsx)(`div`,{className:`px-3 py-6 text-center text-xs text-text-3`,children:B?`—`:`These branches have identical trees.`}),pe.map(e=>(0,j.jsx)(N,{node:e,depth:0,byPath:Y,reviewed:F,selectedPath:k,collapsed:de,onToggleCollapse:e=>L(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n}),onSelect:e=>{M(e),H(!1)},onToggleReviewed:e=>q(E(F,e))},e.fullPath)),!!K?.omitted&&(0,j.jsxs)(`div`,{className:`px-3 py-3 text-center text-xs text-text-3`,children:[K.omitted.toLocaleString(),` more `,K.omitted===1?`file`:`files`,` not listed.`]})]})});return(0,j.jsxs)(`div`,{className:`flex flex-col h-full overflow-hidden bg-bg`,children:[n.isNested&&n.repo&&(0,j.jsx)(te,{repo:n.repo,repos:n.repos,onChoose:n.choose}),(0,j.jsxs)(`div`,{className:`flex items-center gap-2 px-2 py-1.5 border-b border-border shrink-0 flex-wrap`,children:[(0,j.jsx)(v,{value:m,branches:a,onChange:x,label:`Base branch`,testId:`branch-review-base`,className:`max-w-[38%]`}),(0,j.jsx)(l,{className:`size-3.5 text-text-3 shrink-0`}),(0,j.jsx)(v,{value:S,branches:a,onChange:C,label:`Branch to review`,testId:`branch-review-head`,className:`max-w-[38%]`}),(0,j.jsxs)(`div`,{className:`ml-auto flex items-center gap-2`,children:[(0,j.jsxs)(`span`,{className:`text-xs text-text-2 tabular-nums`,"data-testid":`branch-review-progress`,children:[X,`/`,J.length,` reviewed`]}),(0,j.jsx)(p,{variant:`ghost`,size:`icon-xs`,title:X===J.length&&J.length>0?`Clear all`:`Mark all reviewed`,disabled:J.length===0,onClick:()=>q(oe(F,J,X!==J.length)),children:(0,j.jsx)(s,{className:`size-3.5`})}),(0,j.jsx)(p,{variant:`ghost`,size:`icon-xs`,title:`Reload`,onClick:()=>void W(),children:(0,j.jsx)(c,{className:R?`animate-spin`:``})})]})]}),B&&(0,j.jsx)(`div`,{className:`px-3 py-1.5 text-xs text-destructive bg-destructive/10 shrink-0`,children:B}),(0,j.jsxs)(`div`,{className:`flex-1 flex min-h-0`,children:[!r&&(0,j.jsx)(`div`,{className:`w-72 shrink-0 border-r border-border flex flex-col min-h-0`,children:$}),(0,j.jsx)(`div`,{className:`flex-1 min-w-0 flex flex-col`,children:Z?(0,j.jsx)(y,{metadata:{filePath:n.projectFile(Z.path),projectName:t,ref1:K?.mergeBase,ref2:K?.headCommit}},`${Z.path}:${K?.mergeBase}:${K?.headCommit}`):(0,j.jsx)(`div`,{className:`flex-1 flex items-center justify-center text-xs text-text-3`,children:R?(0,j.jsx)(u,{className:`size-4 animate-spin`}):`Nothing to review.`})})]}),r&&(0,j.jsxs)(`div`,{className:`flex items-center gap-2 border-t border-border p-2 shrink-0`,children:[(0,j.jsxs)(p,{variant:`secondary`,size:`sm`,className:`flex-1 min-h-11`,onClick:()=>H(!0),children:[(0,j.jsx)(i,{className:`size-4`}),J.length,` files`]}),(0,j.jsx)(p,{variant:`secondary`,size:`sm`,className:`flex-1 min-h-11`,onClick:Q,children:`Next unreviewed`})]}),r&&(0,j.jsx)(h,{open:fe,onClose:()=>H(!1),children:(0,j.jsx)(`div`,{className:`max-h-[70vh] overflow-hidden flex flex-col`,children:$})}),!r&&Z&&(0,j.jsxs)(`div`,{className:`flex items-center gap-2 border-t border-border px-2 py-1 shrink-0`,children:[(0,j.jsx)(g,{children:Z.path}),(0,j.jsx)(p,{variant:`ghost`,size:`xs`,onClick:Q,children:`Next unreviewed`})]})]})}export{F as BranchReviewTab};