@runfusion/fusion 0.58.0 → 0.59.0

package/dist/client/assets/{DevServerView-BXmkO05R.js → DevServerView-DnpnAU_g.js}

@@ -1 +1 @@
-import{r as t,j as r}from"./vendor-react-SZ_qB27O.js";import{d6 as Je,d7 as je,d8 as Nr,d9 as Ce,ak as Ye,da as Oe,db as ze,dc as Fe,dd as $e,de as Sr,df as be,dg as kr,dh as jr,di as Cr,dj as Er,dk as Lr,bI as se,dl as xe,L as ve,bS as Rr,dm as Dr,dn as _r,dp as Mr,C as Pr,aX as Qe,dq as Tr,V as Ur,bT as Ar,ca as Or,cc as zr,dr as Fr,o as Be,X as $r,al as Br,R as Hr}from"./index-DO9Ch72Y.js";import{u as ue}from"./vendor-i18n-GF3RlKbq.js";import{S as Ze}from"./shield-alert-4FPCIFZ2.js";import"./vendor-reactflow-9C3XTE7_.js";import"./vendor-codemirror-jBKmHyH0.js";import"./vendor-xterm-BNq00GSj.js";const Ee=500,Vr=3e3;function W(e){return e instanceof Error?e.message:String(e)}function er(e){return e.length<=Ee?e:e.slice(-Ee)}function ye(e,i){return er([...e,i])}function Z(e){try{return JSON.parse(e)}catch{return null}}function oe(e){const i=e.text??"";return e.stream==="stderr"?`[stderr] ${i}`:i}function Wr(e){return e?.previewUrl??null}async function He(e){return kr(e)}async function Ve(e,i){return jr(e,i)}async function Ir(e){return Cr(e)}async function qr(e){return Er(e)}async function We(e){return Lr(e)}function X(e){try{return e()}catch{return null}}function Ne(){return typeof X(()=>je)=="function"&&typeof X(()=>Je)=="function"}function Y(e){return{config:{id:e.id??"default",name:e.name??"Dev Server",command:e.command??"",cwd:e.cwd??"."},status:e.status,runtime:e.pid?{pid:e.pid,startedAt:e.startedAt??new Date().toISOString(),exitCode:e.exitCode??void 0,previewUrl:e.previewUrl}:void 0,previewUrl:e.previewUrl??e.detectedUrl??e.manualUrl??void 0,logHistory:(e.logs??[]).map(i=>({timestamp:new Date().toISOString(),stream:i.startsWith("[stderr]")?"stderr":"stdout",text:i.replace(/^\[stderr\]\s*/,"")}))}}function Xr(e){const{t:i}=ue("app"),[p,s]=t.useState(null),[g,v]=t.useState([]),[y,u]=t.useState([]),[j,C]=t.useState([]),[z,E]=t.useState(!0),[k,m]=t.useState(null),o=t.useRef(0),[d,U]=t.useState(null),T=t.useCallback(a=>{if(s(a),a?.logHistory){const n=a.logHistory.slice(-Ee).map(oe);u(n)}},[]),_=t.useCallback(async()=>{const a=o.current;try{if(Ne())if(d){const n=await Je(d,e);if(o.current!==a)return;T(n)}else{const n=await je(e);if(o.current!==a)return;v(n),n.length>0&&(U(n[0].config.id),T(n[0]))}else{const n=await He(e);if(o.current!==a)return;const h=Y(n);v([h]),T(h)}m(null)}catch(n){if(o.current!==a)return;m(W(n))}},[T,e,d]);t.useEffect(()=>{o.current+=1;const a=o.current;s(null),v([]),u([]),C([]),E(!0),m(null),U(null),(async()=>{try{const[h,c]=await Promise.allSettled([Ne()?je(e):He(e).then(x=>[Y(x)]),typeof X(()=>be)=="function"?be(e):We(e).then(x=>x.map(L=>({name:L.name,command:L.command,cwd:L.cwd,scriptName:L.scriptName,packagePath:L.packagePath})))]);if(o.current!==a)return;let b=null;if(h.status==="fulfilled"){const x=h.value;if(v(x),x.length>0){const L=x[0];Ne()&&U(L.config.id),T(L)}}else b=W(h.reason);c.status==="fulfilled"&&C(c.value),b&&m(b)}catch(h){if(o.current!==a)return;m(W(h))}finally{o.current===a&&E(!1)}})()},[T,e]),t.useEffect(()=>{const a=d?Nr(d,e):typeof X(()=>Ce)=="function"?Ce(e):null;if(!a)return;const n=o.current,h=Ye(a,{events:{history:c=>{if(o.current!==n)return;const b=Z(c.data);if(b?.lines){const x=b.lines.map(oe);u(er(x))}},log:c=>{if(o.current!==n)return;const b=Z(c.data);if(b){const x=typeof b.line=="string"?b.line:oe(b);u(L=>ye(L,x))}},"dev-server:log":c=>{if(o.current!==n)return;const b=Z(c.data);if(b){const x=typeof b.line=="string"?b.line:oe(b);u(L=>ye(L,x))}},"dev-server:output":c=>{if(o.current!==n)return;const b=Z(c.data);b?.line&&u(x=>ye(x,b.line))},status:c=>{if(o.current!==n)return;const b=Z(c.data),x=b?.status;x&&s(L=>L&&{...L,status:x,runtime:b.pid?{...L.runtime??{startedAt:new Date().toISOString()},pid:b.pid}:L.runtime})},"dev-server:status":c=>{if(o.current!==n)return;const b=Z(c.data);if(b?.status){const x=Y(b);s(x),v([x])}},stopped:()=>{o.current},failed:()=>{o.current}},onReconnect:()=>{o.current===n&&_()},onError:()=>{o.current===n&&m(c=>c??i("devserver.lostConnection","Lost log stream connection."))}});return()=>{h()}},[e,_,d]),t.useEffect(()=>{if(p?.status!=="running"&&p?.status!=="starting")return;const a=setInterval(()=>{_()},Vr);return()=>{clearInterval(a)}},[_,p?.status]);const M=t.useCallback(async(a,n)=>{o.current+=1;const h=o.current;try{let c;const b=typeof n=="string"&&n.length>0,x=p?.config?.cwd??".";if(!(b&&n!==x)&&d&&typeof X(()=>Oe)=="function")c=await Oe(d,e);else{const V=await Ve({command:a,cwd:n},e);c=Y(V)}if(o.current!==h)return;s(c),m(null)}catch(c){if(o.current!==h)return;throw m(W(c)),c}},[e,p?.config?.cwd,d]),R=t.useCallback(async()=>{o.current+=1;const a=o.current;try{let n;if(d&&typeof X(()=>ze)=="function")n=await ze(d,e);else{const h=await Ir(e);n=Y(h)}if(o.current!==a)return;s(n),m(null)}catch(n){if(o.current!==a)return;throw m(W(n)),n}},[e,d]),F=t.useCallback(async()=>{o.current+=1;const a=o.current;try{let n;if(d&&typeof X(()=>Fe)=="function")n=await Fe(d,e);else{const h=await qr(e);n=Y(h)}if(o.current!==a)return;s(n),m(null)}catch(n){if(o.current!==a)return;throw m(W(n)),n}},[e,d]),A=t.useCallback(async a=>{o.current+=1;const n=o.current;try{let h;if(d&&typeof X(()=>$e)=="function")h=await $e(d,a,e);else{const c=await Sr({url:a},e);h={url:c.manualUrl??c.previewUrl??c.detectedUrl??null,source:c.manualUrl?"manual":"auto"}}if(o.current!==n)return;s(c=>c?{...c,previewUrl:h.url??void 0}:null),m(null)}catch(h){if(o.current!==n)return;throw m(W(h)),h}},[e,d]),$=t.useCallback(async()=>{o.current+=1;const a=o.current;try{let n;try{n=await be(e)}catch{n=(await We(e)).map(c=>({name:c.name,command:c.command,cwd:c.cwd,scriptName:c.scriptName,packagePath:c.packagePath}))}if(o.current!==a)return;C(n),m(null)}catch(n){if(o.current!==a)return;throw m(W(n)),n}},[e]),w=t.useCallback(async(a,n)=>{if(typeof a!="string"&&!d)try{const b=a,x=await Ve({command:b.command,cwd:b.cwd,scriptName:b.scriptName,packagePath:b.packagePath??b.cwd},e),L=Y(x);s(L),v([L]),m(null);return}catch(b){throw m(W(b)),b}const h=typeof a=="string"?a:a.command,c=typeof a=="string"?n:a.cwd;await M(h,c)},[e,M,d]),f=t.useCallback(async()=>{await R()},[R]),D=t.useCallback(async()=>{await F()},[F]),B=t.useCallback(async a=>{await A(a)},[A]),O=t.useCallback(async()=>{await $()},[$]),I=t.useCallback(async()=>{await _()},[_]),S=Wr(p),N=p?{...p,pid:p.runtime?.pid}:null;return{session:p,sessions:g,logs:y,detectedCommands:j,previewUrl:S,isLoading:z,error:k,startServer:M,stopServer:R,restartServer:F,setPreviewUrl:A,detectCommands:$,refresh:_,candidates:j,serverState:N,loading:z,start:w,stop:f,restart:D,setManualUrl:B,detect:O,refreshStatus:I}}const Ie=500,qe=100;function rr(e){return e.length>Ie?e.slice(-Ie):e}function tr(e){return e==="stderr"?"stderr":"stdout"}function ce(e){try{return JSON.parse(e.data)}catch{return null}}function de(e,i){return{id:typeof e.id=="number"&&Number.isFinite(e.id)?e.id:i,text:typeof e.text=="string"?e.text:"",stream:tr(e.stream),timestamp:typeof e.timestamp=="string"?e.timestamp:""}}function Kr(e,i){return{id:i,text:e,stream:"stdout",timestamp:""}}function Se(e,i){if(i.length===0)return e;const p=[...e],s=new Set(e.map(g=>g.id));for(const g of i)s.has(g.id)||(s.add(g.id),p.push(g));return p.sort((g,v)=>g.id-v.id),rr(p)}function Gr(e,i){const[p,s]=t.useState([]),[g,v]=t.useState(!1),[y,u]=t.useState(!1),[j,C]=t.useState(!1),[z,E]=t.useState(null),k=t.useRef(null),m=t.useRef(!1),o=t.useRef(0),d=t.useRef(0),U=t.useRef(e),T=t.useRef(i),_=t.useRef(0),M=t.useRef(1);(U.current!==e||T.current!==i)&&(U.current=e,T.current=i,o.current++,se({view:"useDevServerLogs",trigger:"project-context-change",projectId:e,replayAttempted:!1,reason:"context-version-bumped"}),m.current=!0,_.current=0,M.current=1,s([]),v(!1),u(!1),C(!1),E(null),k.current&&(k.current(),k.current=null)),t.useEffect(()=>{if(!i){k.current&&(k.current(),k.current=null);return}const w=o.current,f=++d.current;m.current=!1,v(!0);const D=(S,N)=>{const a=rr(S);s(a),E(N),C(N!==null?N>a.length:!1);const n=a.length>0?a[a.length-1].id:0;_.current=n,M.current=n+1},B=S=>{if(m.current||o.current!==w||!S||typeof S!="object")return;const N=S.lines;if(!Array.isArray(N))return;if(N.length>0&&typeof N[0]=="string"){const n=N.filter(h=>typeof h=="string").map((h,c)=>Kr(h,c+1));D(n,n.length);return}const a=N.filter(n=>!!n&&typeof n=="object").map((n,h)=>de(n,h+1));D(a,a.length)},O=S=>{if(m.current||o.current!==w)return;const N=typeof S.text=="string"?S.text:typeof S.line=="string"?S.line:null;if(!N)return;const a=M.current,n=typeof S.id=="number"&&Number.isFinite(S.id)?S.id:a,h={id:n,text:N,stream:tr(S.stream),timestamp:typeof S.timestamp=="string"?S.timestamp:""};_.current=Math.max(_.current,n),M.current=Math.max(M.current,n+1),s(c=>Se(c,[h])),E(c=>c===null?c:Math.max(c+1,h.id))};async function I(){try{const N=await xe({maxLines:qe},e);if(m.current||o.current!==w||d.current!==f)return;const a=N.lines.map((n,h)=>de(n,h+1));D(a,N.totalLines)}catch{if(m.current||o.current!==w||d.current!==f)return;D([],null)}finally{!m.current&&o.current===w&&d.current===f&&v(!1)}const S=Ce(e);k.current=Ye(S,{events:{"dev-server:log":N=>{const a=ce(N);a&&O(a)},log:N=>{const a=ce(N);a&&O(a)},history:N=>{const a=ce(N);B(a)},"dev-server:history":N=>{const a=ce(N);B(a)}},onReconnect:()=>{se({view:"useDevServerLogs",trigger:"sse-reconnect",projectId:e,replayAttempted:!0,replayFromEventId:_.current??null,sseChannel:S,reason:"history-replay"}),!(m.current||o.current!==w)&&xe({lastEventId:_.current,maxLines:50},e).then(N=>{if(m.current||o.current!==w)return;const a=N.lines.map((n,h)=>de(n,M.current+h));if(a.length>0){const n=a[a.length-1].id;_.current=Math.max(_.current,n),M.current=Math.max(M.current,n+1)}s(n=>Se(n,a)),E(N.totalLines)}).catch(()=>{})}}),se({view:"useDevServerLogs",trigger:"sse-open",projectId:e,replayAttempted:!1,sseChannel:S})}return I(),()=>{m.current=!0,k.current&&(k.current(),k.current=null)}},[i,e]);const F=t.useCallback(async()=>{if(!i||y)return;const w=o.current,f=p.length;u(!0);try{const D=await xe({maxLines:qe,offset:f},e);if(m.current||o.current!==w)return;const B=D.lines.map((O,I)=>de(O,I+1));s(O=>Se(B,O)),C(D.totalLines>f+B.length),E(D.totalLines)}catch{}finally{u(!1)}},[i,p.length,y,e]),A=t.useCallback(()=>{s([])},[]),$=k.current!==null&&!g&&!m.current;return{entries:p,loading:g,loadingMore:y,hasMore:j,total:z,loadMore:F,clear:A,logs:p,isStreaming:$,clearLogs:A}}const Jr="This preview appears to block iframe embedding. Open it in a new tab instead.",Yr="The preview URL could not be loaded. Verify the server is running and the URL is correct.",Qr="Preview is taking longer than expected and may block iframe embedding.";function Zr(e){return e==="blocked"?Jr:e==="error"?Yr:null}function et(e,i={}){const{loadTimeoutMs:p=1e4,detectionMethod:s=null}=i,g=t.useRef(null),v=t.useRef(null),[y,u]=t.useState("unknown"),[j,C]=t.useState(null),[z]=t.useState(s),E=t.useCallback(()=>{v.current!==null&&(window.clearTimeout(v.current),v.current=null)},[]),k=t.useCallback(R=>{u(R),C(Zr(R))},[]),m=t.useCallback(()=>{u("blocked"),C(Qr)},[]);t.useEffect(()=>{if(E(),!e){u("unknown"),C(null);return}u("unknown"),C(null);let R=!1;return queueMicrotask(()=>{R||(u("loading"),C(null))}),()=>{R=!0,E()}},[E,e]),t.useEffect(()=>{if(y!=="loading"){E();return}const R=setTimeout(()=>{v.current=null,m()},p);return v.current=R,()=>{clearTimeout(R),v.current===R&&(v.current=null)}},[E,y,p,m]);const o=t.useCallback(()=>{const R=g.current;if(!R){k("embedded");return}try{if(R.contentWindow?.location?.href==="about:blank"&&R.src!=="about:blank"){k("blocked");return}}catch{}k("embedded")},[k]),d=t.useCallback(()=>{k("error")},[k]);t.useEffect(()=>{if(E(),!e){u("unknown"),C(null);return}u("unknown"),C(null)},[E]);const U=t.useCallback(()=>{E(),u("unknown"),C(null)},[E]),T=U,_=t.useMemo(()=>y==="embedded",[y]),M=t.useMemo(()=>y==="blocked"||y==="error",[y]);return{embedStatus:y,isEmbedded:_,isBlocked:M,blockReason:j,detectionMethod:z,iframeRef:g,resetEmbedStatus:U,setEmbedStatus:k,retry:T,embedContext:j,handleIframeLoad:o,handleIframeError:d}}const rt=/\x1b\[[0-9;]*m/g;function Le(e){return e.replace(rt,"")}function tt(e){if(!e)return"";const i=new Date(e);return Number.isNaN(i.getTime())?"":i.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit",second:"2-digit",hour12:!1})}function st(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}function nt(e){if(e.stream==="stderr")return"error";const i=Le(e.text).toLowerCase();return/\b(warn|warning)\b/.test(i)?"warn":/\b(error|fatal)\b/.test(i)?"error":"info"}function at(e,i){if(!i)return e;const p=new RegExp(`(${st(i)})`,"ig"),s=e.split(p),g=i.toLowerCase();return r.jsx(r.Fragment,{children:s.map((v,y)=>v.toLowerCase()===g?r.jsx("mark",{children:v},`${v}-${y}`):r.jsx("span",{children:v},`${v}-${y}`))})}function it({entries:e,loading:i,loadingMore:p,hasMore:s,total:g,onLoadMore:v,isRunning:y}){const{t:u}=ue("app"),j=t.useRef(null),C=t.useRef(e.length),z=t.useRef(y),[E,k]=t.useState(!1),[m,o]=t.useState(!1),[d,U]=t.useState(""),[T,_]=t.useState("all"),M=t.useMemo(()=>T==="all"?e:e.filter(w=>nt(w)===T),[e,T]),R=t.useMemo(()=>{const w=d.trim().toLowerCase();return w?M.filter(f=>Le(f.text).toLowerCase().includes(w)):M},[M,d]),F=R.length,A=t.useCallback(()=>{const w=j.current;w&&(w.scrollTop=w.scrollHeight,o(!1))},[]);t.useEffect(()=>{const w=z.current,f=C.current,D=e.length>f;y&&(!w||!m&&D)&&A(),z.current=y,C.current=e.length},[e.length,y,m,A]);const $=t.useCallback(()=>{const w=j.current;if(!w)return;const D=w.scrollTop+w.clientHeight>=w.scrollHeight-50;o(!D)},[]);return t.useEffect(()=>{i||e.length===0||!m&&y&&A()},[e,y,m,i,A]),i&&e.length===0?r.jsx("section",{className:"devserver-log-viewer","data-testid":"devserver-log-viewer",children:r.jsxs("div",{className:"devserver-log-viewer__loading","data-testid":"devserver-log-loading",children:[r.jsx(ve,{size:16,className:"devserver-log-viewer__spinner"}),r.jsx("span",{children:u("devserver.loadingLogs","Loading logs…")})]})}):r.jsxs("section",{className:`devserver-log-viewer${E?" devserver-log-viewer--fullscreen":""}`,"data-testid":"devserver-log-viewer",children:[r.jsxs("header",{className:"devserver-log-viewer__toolbar",children:[r.jsxs("div",{className:"devserver-log-viewer__toolbar-meta",children:[r.jsx("span",{className:"devserver-log-viewer__title",children:u("devserver.logs","Logs")}),r.jsxs("span",{className:"devserver-log-viewer__count","data-testid":"devserver-log-count",children:[g!==null?`${e.length}/${g}`:`${e.length}`," ",u("devserver.lines","lines")]})]}),r.jsxs("div",{className:"devserver-log-viewer__toolbar-actions",children:[r.jsxs("label",{className:"devserver-log-viewer__severity",htmlFor:"devserver-log-severity-filter",children:[r.jsx("span",{className:"visually-hidden",children:u("devserver.filterBySeverity","Filter logs by severity")}),r.jsxs("select",{id:"devserver-log-severity-filter",className:"select devserver-log-viewer__severity-select",value:T,onChange:w=>_(w.target.value),"data-testid":"devserver-log-severity-filter","aria-label":u("devserver.filterBySeverity","Filter logs by severity"),children:[r.jsx("option",{value:"all",children:u("devserver.allSeverities","All severities")}),r.jsx("option",{value:"info",children:u("devserver.info","Info")}),r.jsx("option",{value:"warn",children:u("devserver.warn","Warn")}),r.jsx("option",{value:"error",children:u("devserver.error","Error")})]})]}),r.jsxs("label",{className:"devserver-log-viewer__search",htmlFor:"devserver-log-search",children:[r.jsx("span",{className:"visually-hidden",children:u("devserver.searchLogs","Search logs")}),r.jsx(Rr,{size:14}),r.jsx("input",{id:"devserver-log-search",className:"input devserver-log-viewer__search-input",type:"text",value:d,onChange:w=>U(w.target.value),placeholder:u("devserver.searchLogs","Search logs"),"data-testid":"devserver-log-search-input","aria-label":u("devserver.searchLogs","Search logs")})]}),d.trim().length>0&&r.jsx("span",{className:"devserver-log-viewer__matches","data-testid":"devserver-log-match-count",children:u("devserver.matchCount",{count:F,defaultValue_one:"{{count}} match",defaultValue_other:"{{count}} matches"})}),r.jsx("button",{type:"button",className:"btn btn-sm btn-icon",onClick:()=>k(w=>!w),"data-testid":"devserver-log-fullscreen-toggle","aria-label":E?u("devserver.exitFullscreen","Exit fullscreen logs"):u("devserver.enterFullscreen","Enter fullscreen logs"),children:E?r.jsx(Dr,{size:14}):r.jsx(_r,{size:14})})]})]}),r.jsxs("div",{className:"devserver-log-viewer__body",children:[s&&r.jsx("div",{className:"devserver-log-viewer__load-more","data-testid":"devserver-log-load-more",children:r.jsx("button",{type:"button",className:"btn btn-sm touch-target",onClick:v,disabled:p,"data-testid":"devserver-log-load-more-button",children:p?r.jsxs(r.Fragment,{children:[r.jsx(ve,{size:14,className:"devserver-log-viewer__spinner"}),u("devserver.loadingOlderLogs","Loading older logs…")]}):u("devserver.loadOlderLogs","Load older logs")})}),r.jsxs("div",{ref:j,className:"devserver-log-viewer__content",onScroll:$,"data-testid":"devserver-log-content",children:[!i&&R.length===0&&r.jsx("p",{className:"devserver-log-viewer__empty","data-testid":"devserver-log-empty",children:e.length===0?u("devserver.noLogsYet","No logs yet. Start the dev server to see output."):M.length===0?u("devserver.noMatchesSeverity","No log lines match the selected severity."):u("devserver.noMatchesSearch","No log lines match your search.")}),R.map(w=>{const f=Le(w.text),D=tt(w.timestamp);return r.jsxs("div",{className:"devserver-log-line",children:[D&&r.jsx("span",{className:"devserver-log-timestamp","data-testid":"devserver-log-timestamp",children:D}),w.stream==="stderr"&&r.jsx("span",{className:"devserver-log-stream-badge","data-testid":"devserver-log-stderr-badge",children:u("devserver.errBadge","ERR")}),r.jsx("span",{className:"devserver-log-text",children:Mr(at(f,d.trim()))})]},w.id)})]}),m&&y&&r.jsxs("button",{type:"button",className:"btn btn-sm devserver-log-viewer__new-logs-button",onClick:A,"data-testid":"devserver-log-jump-button",children:[r.jsx(Pr,{size:14}),u("devserver.newLogs","New logs")]})]})]})}const lt="devserver-preview-iframe";function ot({url:e,embedStatus:i,onEmbedStatusChange:p,iframeRef:s,blockReason:g,onRetry:v,className:y=lt,embedContext:u}){const{t:j}=ue("app"),C=g??u??null,[z,E]=t.useState(0);t.useEffect(()=>{!e||i!=="unknown"||(E(d=>d+1),p("loading"))},[i,p,e]);const k=t.useCallback(()=>{const d=s.current;if(!d){p("embedded");return}try{if(d.contentWindow?.location?.href==="about:blank"&&d.src!=="about:blank"){p("blocked");return}}catch{}p("embedded")},[s,p]),m=t.useCallback(d=>{d.stopPropagation(),p("error")},[p]),o=t.useCallback(()=>{e&&window.open(e,"_blank","noopener,noreferrer")},[e]);return e?r.jsxs("div",{className:"devserver-preview-iframe-shell",children:[r.jsx("iframe",{src:e,ref:s,sandbox:"allow-scripts allow-same-origin allow-forms allow-popups allow-popups-to-escape-sandbox",className:y,title:"Dev server preview",onLoad:k,onError:m,onErrorCapture:m,"data-testid":"devserver-preview-iframe"},`${e}-${z}`),i==="loading"&&r.jsxs("div",{className:"devserver-preview-overlay","data-testid":"devserver-preview-loading",children:[r.jsx(ve,{size:16,className:"dev-server-spin"}),r.jsx("span",{children:j("preview.loading","Loading preview...")})]}),i==="blocked"&&r.jsxs("div",{className:"devserver-preview-blocked-panel",role:"alert","data-testid":"devserver-preview-blocked-panel",children:[r.jsx(Ze,{className:"devserver-preview-blocked-icon","aria-hidden":"true"}),r.jsxs("div",{children:[r.jsx("p",{className:"devserver-preview-blocked-title",children:j("preview.blockedTitle","Preview cannot be embedded")}),C&&r.jsx("p",{className:"devserver-preview-blocked-context",children:C})]}),r.jsx("p",{className:"devserver-preview-blocked-description",children:j("preview.blockedDescription","You can view the preview in a separate browser tab.")}),r.jsxs("div",{className:"devserver-preview-blocked-actions",children:[r.jsx("button",{type:"button",className:"btn btn-primary",onClick:o,children:j("preview.openInNewTab","Open in new tab")}),v&&r.jsx("button",{type:"button",className:"btn btn-sm",onClick:v,children:j("actions.retry","Retry")})]})]}),i==="error"&&r.jsxs("div",{className:"devserver-preview-error-panel",role:"alert","data-testid":"devserver-preview-error-panel",children:[r.jsx(Qe,{className:"devserver-preview-blocked-icon","aria-hidden":"true"}),r.jsxs("div",{children:[r.jsx("p",{className:"devserver-preview-blocked-title",children:j("preview.errorTitle","Unable to load preview")}),C&&r.jsx("p",{className:"devserver-preview-blocked-context",children:C})]}),r.jsx("p",{className:"devserver-preview-blocked-description",children:j("preview.blockedDescription","You can view the preview in a separate browser tab.")}),r.jsxs("div",{className:"devserver-preview-blocked-actions",children:[r.jsx("button",{type:"button",className:"btn btn-primary",onClick:o,children:j("preview.openInNewTab","Open in new tab")}),v&&r.jsx("button",{type:"button",className:"btn btn-sm",onClick:v,children:j("actions.retry","Retry")})]})]})]}):null}function ct(e){return{stopped:{className:"dev-server-status-badge--stopped",label:e("devserver.status.stopped","Stopped")},starting:{className:"dev-server-status-badge--starting",label:e("devserver.status.starting","Starting...")},running:{className:"dev-server-status-badge--running",label:e("devserver.status.running","Running")},stopping:{className:"dev-server-status-badge--starting",label:e("devserver.status.stopping","Stopping...")},failed:{className:"dev-server-status-badge--failed",label:e("devserver.status.failed","Failed")}}}const dt=480;function vt(){return typeof window>"u"||typeof window.matchMedia!="function"?!1:window.matchMedia("(max-width: 768px)").matches}function sr(e){if(e.closest(".right-dock-expand-modal__body"))return null;const i=e.parentElement;return i?.classList.contains("right-dock__body")?i:null}function ut(e){return e.clientWidth>0?e.clientWidth:e.getBoundingClientRect().width}function mt(e){if(!e||vt())return!1;const i=sr(e);return i?ut(i)<=dt:!1}function pt(e){const[i,p]=t.useState(!1);return t.useEffect(()=>{const s=e.current;if(!s){p(!1);return}const g=sr(s),v=()=>p(mt(s));if(v(),!g||typeof ResizeObserver>"u")return window.addEventListener("resize",v),()=>window.removeEventListener("resize",v);const y=new ResizeObserver(v);return y.observe(g),window.addEventListener("resize",v),()=>{y.disconnect(),window.removeEventListener("resize",v)}},[e]),i}let ke=!1;function Xe(e){return e instanceof Error?e.message:String(e)}function nr(e){return e==="."?"root":e}function Ke(e){return e?e==="root"?".":e:null}function Ge(e,i,p){return!i||e.scriptName!==i?!1:p?nr(e.cwd)===p:!0}function ft(e){return e.cwd==="."?"root":e.cwd}function ht(e){return e.length<=60?e:`${e.slice(0,60)}…`}function kt({addToast:e,projectId:i,tasks:p}){const{t:s}=ue("app");t.useEffect(()=>(se({view:"DevServerView",trigger:ke?"route-active":"remount",projectId:i,replayAttempted:!1}),ke=!1,()=>{ke=!0,se({view:"DevServerView",trigger:"route-inactive",projectId:i,replayAttempted:!1})}),[i]);const{session:g,detectedCommands:v,previewUrl:y,isLoading:u,error:j,startServer:C,stopServer:z,restartServer:E,setPreviewUrl:k,detectCommands:m,refresh:o}=Xr(i),d=g?.status??"stopped",U=d==="running"||d==="starting",T=ct(s),_=T[d]??T.stopped,{entries:M,loading:R,loadingMore:F,hasMore:A,total:$,loadMore:w}=Gr(i,!!i),f=y,D=g?.config?.cwd??null,B=t.useRef(null),O=pt(B),[I,S]=t.useState(!0),[N,a]=t.useState(""),[n,h]=t.useState(""),[c,b]=t.useState(null),[x,L]=t.useState(null),[V,Re]=t.useState(null),K=t.useMemo(()=>(p??[]).filter(l=>l.column==="in-progress"&&typeof l.worktree=="string"&&l.worktree.length>0),[p]),q=t.useMemo(()=>K.find(l=>l.id===x)??null,[K,x]);t.useEffect(()=>{x&&!K.some(l=>l.id===x)&&L(null)},[K,x]);const[ee,ar]=t.useState("embedded"),[re,me]=t.useState(!1),De=t.useRef(null),pe=t.useRef(null),ir=ee==="embedded"?f:null,{embedStatus:H,setEmbedStatus:lr,resetEmbedStatus:ne,iframeRef:Q,isEmbedded:or,isBlocked:fe,blockReason:he,retry:_e}=et(ir),[Me,G]=t.useState(!1),Pe=t.useRef(H);t.useEffect(()=>{const l=Pe.current!==H;fe&&l&&G(!0),H==="embedded"&&G(!1),Pe.current=H},[H,fe]),t.useEffect(()=>{G(!1)},[f]);const ae=t.useMemo(()=>{if(!c)return null;const l=Ke(D);return v.find(P=>!(P.scriptName!==c||l&&P.cwd!==l||g?.config?.command&&P.command!==g.config.command))??v.find(P=>Ge(P,c,D))??null},[v,g?.config?.command,c,D]);t.useEffect(()=>{typeof m=="function"&&m().catch(l=>{e(Xe(l),"error")})},[e,m]),t.useEffect(()=>{if(c){S(!1);return}S(!0)},[c]),t.useEffect(()=>{if(g?.status==="running"||g?.status==="starting"){g.config?.command?.trim().length>0&&a(g.config.command);return}if(ae){a(ae.command);return}v.length>0&&a(l=>l.trim().length>0?l:v[0]?.command??"")},[v,ae,g?.config?.command,g?.status]),t.useEffect(()=>{h(f??"")},[f]);const ie=t.useCallback(()=>{me(!1),window.requestAnimationFrame(()=>De.current?.focus())},[]),cr=Tr(ie);t.useEffect(()=>{if(!re)return;pe.current?.focus();const l=P=>{if(P.key==="Escape"){ie();return}if(P.key!=="Tab")return;const te=Array.from(pe.current?.querySelectorAll('button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])')??[]).filter(Ae=>!Ae.hasAttribute("disabled")&&Ae.getAttribute("aria-hidden")!=="true"),J=te[0],we=te.at(-1);!J||!we||(P.shiftKey&&document.activeElement===J?(P.preventDefault(),we.focus()):!P.shiftKey&&document.activeElement===we&&(P.preventDefault(),J.focus()))};return document.addEventListener("keydown",l),()=>document.removeEventListener("keydown",l)},[ie,re]),t.useEffect(()=>{!O&&re&&me(!1)},[O,re]);const ge=t.useCallback(()=>{f&&window.open(f,"_blank","noopener,noreferrer")},[f]),Te=t.useCallback(()=>{G(!1),_e()},[_e]),dr=t.useCallback(()=>{try{const l=Q.current;if(l?.contentWindow){l.contentWindow.location.reload(),G(!1),ne();return}}catch{}if(!(!f||!Q.current))try{const l=new URL(f);l.searchParams.set("_t",Date.now().toString()),Q.current.src=l.toString(),G(!1),ne()}catch{Q.current.src=f,G(!1),ne()}},[f,Q,ne]),le=t.useCallback(async(l,P,te)=>{Re(l);try{await P(),e(te,"success")}catch(J){e(Xe(J),"error")}finally{Re(null)}},[e]),vr=t.useCallback(l=>{b(l.scriptName),S(!1),a(l.command),e(s("devserver.toast.selectedScript","Selected {{name}} script.",{name:l.scriptName}),"success")},[e]),ur=t.useCallback(()=>{b(null),S(!0),e(s("devserver.toast.clearedScript","Cleared selected dev server script."),"success")},[e]),mr=t.useCallback(l=>{U&&l&&l!==x&&e(s("devserver.restartToApplyTask","Restart the dev server to apply the selected task's worktree."),"info"),L(l)},[e,U,x,s]),pr=()=>{const l=N.trim();if(l.length===0){e(s("devserver.toast.enterCommand","Enter a command before starting the dev server."),"warning");return}const P=Ke(D)??".",J=q?.worktree??null??ae?.cwd??P;le("start",()=>C(l,J),s("devserver.toast.started","Dev server started."))},fr=()=>{le("stop",z,s("devserver.toast.stopped","Dev server stopped."))},hr=()=>{le("restart",E,s("devserver.toast.restarted","Dev server restarted."))},gr=()=>{const l=n.trim(),P=l.length>0?l:null;le("preview",()=>k(P),P?s("devserver.toast.previewUpdated","Preview URL updated."):s("devserver.toast.previewCleared","Preview URL override cleared."))},wr=t.useCallback(()=>{j&&o()},[j,o]),br=d==="starting"||d==="running"||V!==null,xr=d==="stopped"||V!==null,yr=d==="stopped"||d==="starting"||V!==null,Ue=()=>r.jsxs(r.Fragment,{children:[r.jsxs("div",{className:"devserver-preview-header",children:[r.jsxs("div",{className:"devserver-preview-title",children:[r.jsx(Be,{size:14}),r.jsx("span",{children:s("devserver.preview","Preview")})]}),r.jsxs("span",{className:"devserver-preview-url-badge devserver-preview-url-badge--auto",title:f??s("devserver.noPreviewUrl","No preview URL"),"data-testid":"devserver-preview-url-badge",children:[s("devserver.auto","Auto"),f?` · ${f}`:s("devserver.notAvailable"," · Not available")]}),r.jsxs("div",{className:"devserver-preview-actions",children:[r.jsx("button",{type:"button",className:"btn btn-sm",onClick:()=>ar(l=>l==="embedded"?"external":"embedded"),"data-testid":"devserver-preview-mode-toggle",children:ee==="embedded"?s("devserver.externalOnly","External only"):s("devserver.embedded","Embedded")}),r.jsx("button",{type:"button",className:"btn btn-sm btn-icon",title:s("devserver.openInNewTab","Open in new tab"),onClick:ge,disabled:!f,"data-testid":"devserver-preview-open-tab",children:r.jsx(Br,{})}),r.jsx("button",{type:"button",className:"btn btn-sm btn-icon",title:s("devserver.refreshPreview","Refresh preview"),onClick:dr,disabled:!f,"data-testid":"devserver-preview-refresh",children:r.jsx(Hr,{})})]})]}),r.jsxs("div",{className:"devserver-preview-container","data-embed-status":H,"data-embedded":or?"true":"false",children:[!f&&!U&&r.jsx("p",{className:"devserver-preview-empty",children:s("devserver.startDevServer","Start a dev server to see a live preview here.")}),!f&&U&&r.jsx("p",{className:"devserver-preview-empty",children:s("devserver.noPreviewDetected","No preview URL detected. Start the dev server or set a manual URL to preview your app.")}),f&&ee==="external"&&r.jsxs("div",{className:"devserver-preview-external-only","data-testid":"devserver-preview-external-only",children:[r.jsx("p",{children:s("devserver.embeddedPreviewDisabled","Embedded preview is disabled. Open your app in a separate browser tab.")}),r.jsx("button",{type:"button",className:"btn btn-primary btn-sm touch-target",onClick:ge,"data-testid":"devserver-preview-external-open-tab",children:s("devserver.openInNewTab","Open in new tab")})]}),f&&ee==="embedded"&&Me&&fe&&r.jsxs("div",{className:H==="error"?"devserver-preview-error-panel":"devserver-preview-blocked-panel","data-testid":"devserver-preview-fallback",role:"alert",children:[H==="error"?r.jsx(Qe,{className:"devserver-preview-blocked-icon","aria-hidden":"true"}):r.jsx(Ze,{className:"devserver-preview-blocked-icon","aria-hidden":"true"}),r.jsxs("div",{children:[r.jsx("p",{className:"devserver-preview-blocked-title",children:H==="error"?s("devserver.previewFailed","Preview failed"):s("devserver.previewBlocked","Preview blocked")}),he&&r.jsx("p",{className:"devserver-preview-blocked-context",children:he})]}),r.jsx("p",{className:"devserver-preview-blocked-description",children:s("devserver.openPreviewOrRetry","Open the preview in a new tab, or retry embedded mode after checking your server settings.")}),r.jsxs("div",{className:"devserver-preview-blocked-actions",children:[r.jsx("button",{type:"button",className:"btn btn-primary",onClick:ge,"data-testid":"devserver-preview-fallback-open-tab",children:s("devserver.openPreviewInNewTab","Open preview in new tab")}),r.jsx("button",{type:"button",className:"btn btn-sm",onClick:Te,"data-testid":"devserver-preview-fallback-retry",children:s("devserver.retryEmbeddedPreview","Retry embedded preview")})]})]}),f&&ee==="embedded"&&!Me&&r.jsx(ot,{url:f,embedStatus:H,onEmbedStatusChange:lr,iframeRef:Q,blockReason:he,onRetry:Te})]})]});return r.jsxs("div",{ref:B,className:"dev-server-view","data-testid":"dev-server-view","data-narrow-right-dock-preview":O?"true":"false",children:[r.jsx(Ur,{icon:Ar,title:s("devserver.title","Dev Server"),actions:r.jsxs(r.Fragment,{children:[r.jsx("span",{className:"dev-server-header-title",children:r.jsx("span",{className:`dev-server-status-badge ${_.className}`,"data-testid":"dev-server-status-badge",children:_.label})}),r.jsxs("div",{className:"dev-server-header-actions",children:[r.jsxs("button",{type:"button",className:"btn btn-primary btn-sm",onClick:pr,disabled:br,"data-testid":"dev-server-start-button",children:[r.jsx(Or,{size:14}),r.jsx("span",{children:V==="start"?s("devserver.starting","Starting..."):s("devserver.start","Start")})]}),r.jsxs("button",{type:"button",className:"btn btn-danger btn-sm",onClick:fr,disabled:xr,"data-testid":"dev-server-stop-button",children:[r.jsx(zr,{size:14}),r.jsx("span",{children:V==="stop"?s("devserver.stopping","Stopping..."):s("devserver.stop","Stop")})]}),r.jsxs("button",{type:"button",className:"btn btn-sm",onClick:hr,disabled:yr,"data-testid":"dev-server-restart-button",children:[r.jsx(Fr,{size:14}),r.jsx("span",{children:V==="restart"?s("devserver.restarting","Restarting..."):s("devserver.restart","Restart")})]})]})]})}),r.jsxs("section",{className:"dev-server-panel dev-server-config","aria-label":s("devserver.configurationLabel","Dev server configuration"),children:[r.jsxs("div",{className:"dev-server-section-header",children:[r.jsx("h3",{children:s("devserver.configuration","Configuration")}),u&&r.jsx("span",{className:"dev-server-muted",children:s("devserver.loading","Loading...")})]}),u&&!g&&v.length===0&&r.jsxs("div",{className:"dev-server-loading-state","data-testid":"dev-server-loading-state",children:[r.jsx(ve,{size:16,className:"dev-server-spin"}),r.jsx("span",{children:s("devserver.loadingConfig","Loading dev server configuration...")})]}),j&&r.jsxs("div",{className:"dev-server-error-box",role:"alert","data-testid":"dev-server-error-box",children:[r.jsx("p",{children:j}),r.jsx("button",{type:"button",className:"btn btn-sm",onClick:wr,children:s("devserver.retry","Retry")})]}),r.jsxs("div",{className:"dev-server-section",children:[r.jsx("h3",{children:s("devserver.scriptSelection","Script Selection")}),c&&r.jsxs("div",{className:"dev-server-selected","data-testid":"dev-server-selected-summary",children:[r.jsx("span",{className:"dev-server-candidate-name",children:c}),r.jsx("span",{className:"dev-server-candidate-source",children:D??"root"}),r.jsx("button",{type:"button",className:"btn btn-sm",onClick:()=>S(!0),"data-testid":"dev-server-change-selection",children:s("devserver.change","Change")}),r.jsx("button",{type:"button",className:"btn btn-danger btn-sm",onClick:ur,"data-testid":"dev-server-clear-selection",children:s("devserver.clear","Clear")})]}),I&&v.length===0&&r.jsx("p",{className:"dev-server-empty-state","data-testid":"dev-server-empty-candidates",children:s("devserver.noScriptsDetected","No dev server scripts detected. Check that your project has a package.json with a dev, start, or similar script.")}),I&&v.length>0&&r.jsx("div",{className:"dev-server-candidates","data-testid":"dev-server-candidates",children:v.map(l=>{const P=Ge(l,c,D);return r.jsxs("button",{type:"button",className:`dev-server-candidate ${P?"dev-server-candidate--selected":""}`,onClick:()=>vr(l),"data-testid":`dev-server-candidate-${l.scriptName}-${nr(l.cwd)}`,children:[r.jsx("span",{className:"dev-server-candidate-name",children:l.scriptName}),r.jsx("span",{className:"dev-server-candidate-command",children:ht(l.command)}),r.jsx("span",{className:"dev-server-candidate-source",children:ft(l)})]},`${l.cwd}::${l.scriptName}::${l.command}`)})})]}),r.jsxs("div",{className:"dev-server-section dev-server-executing-task-section",children:[r.jsx("h3",{children:s("devserver.executingTask","Executing Task")}),r.jsxs("div",{className:"dev-server-field-group",children:[r.jsx("label",{htmlFor:"dev-server-task-picker",className:"dev-server-label",children:s("devserver.executingTask","Executing Task")}),r.jsxs("select",{id:"dev-server-task-picker",className:"input dev-server-task-picker",value:x??"",onChange:l=>mr(l.target.value.length>0?l.target.value:null),disabled:K.length===0,"aria-label":s("devserver.executingTask","Executing Task"),"data-testid":"dev-server-task-picker",children:[r.jsx("option",{value:"",children:s("devserver.projectRootNoTask","Project root (no task)")}),K.map(l=>r.jsx("option",{value:l.id,children:l.title?`${l.id} — ${l.title}`:l.id},l.id))]}),K.length===0&&r.jsx("p",{className:"dev-server-empty-state","data-testid":"dev-server-no-executing-tasks",children:s("devserver.noExecutingTasks","No executing tasks with a worktree available. Start a task to target its worktree.")}),q&&r.jsxs("div",{className:"dev-server-task-descriptor","data-testid":"dev-server-task-descriptor",children:[r.jsx("div",{className:"dev-server-task-descriptor-header",children:r.jsx("span",{className:"dev-server-candidate-name",children:q.title?`${q.id} — ${q.title}`:q.id})}),r.jsx("p",{className:"dev-server-task-description",children:q.description}),r.jsxs("div",{className:"dev-server-task-worktree",children:[r.jsx("span",{className:"dev-server-label",children:s("devserver.targetWorktree","Target worktree")}),r.jsx("code",{children:q.worktree})]})]})]})]}),r.jsxs("div",{className:"dev-server-field-group",children:[r.jsx("label",{htmlFor:"dev-server-command",className:"dev-server-label",children:s("devserver.command","Command")}),r.jsx("input",{id:"dev-server-command",className:"input",value:N,onChange:l=>a(l.target.value),placeholder:"pnpm dev","data-testid":"dev-server-command-input",readOnly:d==="running"||d==="starting"})]}),(d==="running"||d==="starting")&&g&&r.jsxs("div",{className:"dev-server-current-command","data-testid":"dev-server-current-command",children:[r.jsx("span",{className:"dev-server-label",children:s("devserver.runningCommand","Running command")}),r.jsx("code",{children:g.config?.command??N})]}),r.jsxs("div",{className:"dev-server-preview-override",children:[r.jsx("label",{htmlFor:"dev-server-preview-input",className:"dev-server-label",children:s("devserver.previewUrlOverride","Preview URL Override")}),r.jsx("input",{id:"dev-server-preview-input",className:"input",type:"url",value:n,onChange:l=>h(l.target.value),placeholder:"http://localhost:3000","data-testid":"dev-server-preview-input"}),r.jsx("button",{type:"button",className:"btn btn-primary btn-sm",onClick:gr,disabled:V==="preview","data-testid":"dev-server-set-preview",children:s("devserver.save","Save")})]}),f&&r.jsx("p",{className:"dev-server-preview-hint",children:s("devserver.autoDetected","Auto-detected: {{url}}",{url:f})})]}),r.jsx("div",{className:"dev-server-content",children:r.jsxs("section",{className:"dev-server-panel dev-server-logs-panel","data-testid":"dev-server-logs-panel","aria-label":s("devserver.logsLabel","Dev server logs"),children:[r.jsxs("div",{className:"dev-server-section-header",children:[r.jsx("h3",{children:s("devserver.logs","Logs")}),r.jsx("span",{className:"dev-server-muted",children:s("devserver.lines","{{count}} lines",{count:$??M.length})})]}),r.jsx("div",{className:"dev-server-logs-viewer","data-testid":"dev-server-log-viewer",children:r.jsx(it,{entries:M,loading:R,loadingMore:F,hasMore:A,total:$,onLoadMore:w,isRunning:U})})]})}),O?r.jsxs("section",{className:"dev-server-panel devserver-preview-modal-launcher","data-testid":"devserver-preview-modal-launcher","aria-label":s("devserver.previewLabel","Dev server preview"),children:[r.jsxs("div",{className:"devserver-preview-modal-launcher__copy",children:[r.jsxs("div",{className:"devserver-preview-title",children:[r.jsx(Be,{size:14}),r.jsx("span",{children:s("devserver.preview","Preview")})]}),r.jsx("span",{className:"devserver-preview-url-badge devserver-preview-url-badge--auto",title:f??s("devserver.noPreviewUrl","No preview URL"),"data-testid":"devserver-preview-url-badge",children:f||s("devserver.notAvailable","Not available")})]}),r.jsx("p",{className:"devserver-preview-modal-launcher__description",children:f?s("devserver.previewModalLauncherDescription","Open the live preview in a modal so logs and configuration stay usable in this narrow dock."):s("devserver.previewModalLauncherUnavailable","Start the dev server or set a preview URL to open the preview modal.")}),r.jsx("button",{type:"button",className:"btn btn-primary btn-sm",ref:De,onClick:()=>me(!0),"data-testid":"devserver-preview-modal-open",children:s("devserver.openPreview","Open preview")})]}):r.jsx("section",{className:"dev-server-panel devserver-preview-panel","data-testid":"devserver-preview-panel","aria-label":s("devserver.previewLabel","Dev server preview"),children:Ue()}),O&&re&&r.jsx("div",{className:"modal-overlay open devserver-preview-modal-overlay",...cr,children:r.jsxs("div",{className:"modal devserver-preview-modal",role:"dialog","aria-modal":"true","aria-labelledby":"devserver-preview-modal-title",tabIndex:-1,ref:pe,"data-testid":"devserver-preview-modal",children:[r.jsxs("div",{className:"devserver-preview-modal__titlebar",children:[r.jsx("h2",{id:"devserver-preview-modal-title",children:s("devserver.preview","Preview")}),r.jsx("button",{type:"button",className:"btn btn-sm btn-icon",onClick:ie,"aria-label":s("devserver.closePreviewModal","Close preview modal"),"data-testid":"devserver-preview-modal-close",children:r.jsx($r,{})})]}),r.jsx("div",{className:"devserver-preview-modal__body",children:Ue()})]})})]})}export{kt as DevServerView};
+import{r as t,j as r}from"./vendor-react-SZ_qB27O.js";import{da as Je,db as je,dc as Nr,dd as Ce,a6 as Ye,de as Oe,df as ze,dg as Fe,dh as $e,di as Sr,dj as be,dk as kr,dl as jr,dm as Cr,dn as Er,dp as Lr,bM as se,dq as xe,L as ve,bW as Rr,dr as Dr,ds as _r,dt as Mr,C as Pr,aZ as Qe,du as Tr,V as Ur,bX as Ar,ce as Or,cg as zr,dv as Fr,o as Be,X as $r,a7 as Br,R as Hr}from"./index-aBQwNV_I.js";import{u as ue}from"./vendor-i18n-GF3RlKbq.js";import{S as Ze}from"./shield-alert-BcyPZs5t.js";import"./vendor-reactflow-9C3XTE7_.js";import"./vendor-codemirror-jBKmHyH0.js";import"./vendor-xterm-BNq00GSj.js";const Ee=500,Vr=3e3;function W(e){return e instanceof Error?e.message:String(e)}function er(e){return e.length<=Ee?e:e.slice(-Ee)}function ye(e,i){return er([...e,i])}function Z(e){try{return JSON.parse(e)}catch{return null}}function oe(e){const i=e.text??"";return e.stream==="stderr"?`[stderr] ${i}`:i}function Wr(e){return e?.previewUrl??null}async function He(e){return kr(e)}async function Ve(e,i){return jr(e,i)}async function Ir(e){return Cr(e)}async function qr(e){return Er(e)}async function We(e){return Lr(e)}function X(e){try{return e()}catch{return null}}function Ne(){return typeof X(()=>je)=="function"&&typeof X(()=>Je)=="function"}function Y(e){return{config:{id:e.id??"default",name:e.name??"Dev Server",command:e.command??"",cwd:e.cwd??"."},status:e.status,runtime:e.pid?{pid:e.pid,startedAt:e.startedAt??new Date().toISOString(),exitCode:e.exitCode??void 0,previewUrl:e.previewUrl}:void 0,previewUrl:e.previewUrl??e.detectedUrl??e.manualUrl??void 0,logHistory:(e.logs??[]).map(i=>({timestamp:new Date().toISOString(),stream:i.startsWith("[stderr]")?"stderr":"stdout",text:i.replace(/^\[stderr\]\s*/,"")}))}}function Xr(e){const{t:i}=ue("app"),[p,s]=t.useState(null),[g,v]=t.useState([]),[y,u]=t.useState([]),[j,C]=t.useState([]),[z,E]=t.useState(!0),[k,m]=t.useState(null),o=t.useRef(0),[d,U]=t.useState(null),T=t.useCallback(a=>{if(s(a),a?.logHistory){const n=a.logHistory.slice(-Ee).map(oe);u(n)}},[]),_=t.useCallback(async()=>{const a=o.current;try{if(Ne())if(d){const n=await Je(d,e);if(o.current!==a)return;T(n)}else{const n=await je(e);if(o.current!==a)return;v(n),n.length>0&&(U(n[0].config.id),T(n[0]))}else{const n=await He(e);if(o.current!==a)return;const h=Y(n);v([h]),T(h)}m(null)}catch(n){if(o.current!==a)return;m(W(n))}},[T,e,d]);t.useEffect(()=>{o.current+=1;const a=o.current;s(null),v([]),u([]),C([]),E(!0),m(null),U(null),(async()=>{try{const[h,c]=await Promise.allSettled([Ne()?je(e):He(e).then(x=>[Y(x)]),typeof X(()=>be)=="function"?be(e):We(e).then(x=>x.map(L=>({name:L.name,command:L.command,cwd:L.cwd,scriptName:L.scriptName,packagePath:L.packagePath})))]);if(o.current!==a)return;let b=null;if(h.status==="fulfilled"){const x=h.value;if(v(x),x.length>0){const L=x[0];Ne()&&U(L.config.id),T(L)}}else b=W(h.reason);c.status==="fulfilled"&&C(c.value),b&&m(b)}catch(h){if(o.current!==a)return;m(W(h))}finally{o.current===a&&E(!1)}})()},[T,e]),t.useEffect(()=>{const a=d?Nr(d,e):typeof X(()=>Ce)=="function"?Ce(e):null;if(!a)return;const n=o.current,h=Ye(a,{events:{history:c=>{if(o.current!==n)return;const b=Z(c.data);if(b?.lines){const x=b.lines.map(oe);u(er(x))}},log:c=>{if(o.current!==n)return;const b=Z(c.data);if(b){const x=typeof b.line=="string"?b.line:oe(b);u(L=>ye(L,x))}},"dev-server:log":c=>{if(o.current!==n)return;const b=Z(c.data);if(b){const x=typeof b.line=="string"?b.line:oe(b);u(L=>ye(L,x))}},"dev-server:output":c=>{if(o.current!==n)return;const b=Z(c.data);b?.line&&u(x=>ye(x,b.line))},status:c=>{if(o.current!==n)return;const b=Z(c.data),x=b?.status;x&&s(L=>L&&{...L,status:x,runtime:b.pid?{...L.runtime??{startedAt:new Date().toISOString()},pid:b.pid}:L.runtime})},"dev-server:status":c=>{if(o.current!==n)return;const b=Z(c.data);if(b?.status){const x=Y(b);s(x),v([x])}},stopped:()=>{o.current},failed:()=>{o.current}},onReconnect:()=>{o.current===n&&_()},onError:()=>{o.current===n&&m(c=>c??i("devserver.lostConnection","Lost log stream connection."))}});return()=>{h()}},[e,_,d]),t.useEffect(()=>{if(p?.status!=="running"&&p?.status!=="starting")return;const a=setInterval(()=>{_()},Vr);return()=>{clearInterval(a)}},[_,p?.status]);const M=t.useCallback(async(a,n)=>{o.current+=1;const h=o.current;try{let c;const b=typeof n=="string"&&n.length>0,x=p?.config?.cwd??".";if(!(b&&n!==x)&&d&&typeof X(()=>Oe)=="function")c=await Oe(d,e);else{const V=await Ve({command:a,cwd:n},e);c=Y(V)}if(o.current!==h)return;s(c),m(null)}catch(c){if(o.current!==h)return;throw m(W(c)),c}},[e,p?.config?.cwd,d]),R=t.useCallback(async()=>{o.current+=1;const a=o.current;try{let n;if(d&&typeof X(()=>ze)=="function")n=await ze(d,e);else{const h=await Ir(e);n=Y(h)}if(o.current!==a)return;s(n),m(null)}catch(n){if(o.current!==a)return;throw m(W(n)),n}},[e,d]),F=t.useCallback(async()=>{o.current+=1;const a=o.current;try{let n;if(d&&typeof X(()=>Fe)=="function")n=await Fe(d,e);else{const h=await qr(e);n=Y(h)}if(o.current!==a)return;s(n),m(null)}catch(n){if(o.current!==a)return;throw m(W(n)),n}},[e,d]),A=t.useCallback(async a=>{o.current+=1;const n=o.current;try{let h;if(d&&typeof X(()=>$e)=="function")h=await $e(d,a,e);else{const c=await Sr({url:a},e);h={url:c.manualUrl??c.previewUrl??c.detectedUrl??null,source:c.manualUrl?"manual":"auto"}}if(o.current!==n)return;s(c=>c?{...c,previewUrl:h.url??void 0}:null),m(null)}catch(h){if(o.current!==n)return;throw m(W(h)),h}},[e,d]),$=t.useCallback(async()=>{o.current+=1;const a=o.current;try{let n;try{n=await be(e)}catch{n=(await We(e)).map(c=>({name:c.name,command:c.command,cwd:c.cwd,scriptName:c.scriptName,packagePath:c.packagePath}))}if(o.current!==a)return;C(n),m(null)}catch(n){if(o.current!==a)return;throw m(W(n)),n}},[e]),w=t.useCallback(async(a,n)=>{if(typeof a!="string"&&!d)try{const b=a,x=await Ve({command:b.command,cwd:b.cwd,scriptName:b.scriptName,packagePath:b.packagePath??b.cwd},e),L=Y(x);s(L),v([L]),m(null);return}catch(b){throw m(W(b)),b}const h=typeof a=="string"?a:a.command,c=typeof a=="string"?n:a.cwd;await M(h,c)},[e,M,d]),f=t.useCallback(async()=>{await R()},[R]),D=t.useCallback(async()=>{await F()},[F]),B=t.useCallback(async a=>{await A(a)},[A]),O=t.useCallback(async()=>{await $()},[$]),I=t.useCallback(async()=>{await _()},[_]),S=Wr(p),N=p?{...p,pid:p.runtime?.pid}:null;return{session:p,sessions:g,logs:y,detectedCommands:j,previewUrl:S,isLoading:z,error:k,startServer:M,stopServer:R,restartServer:F,setPreviewUrl:A,detectCommands:$,refresh:_,candidates:j,serverState:N,loading:z,start:w,stop:f,restart:D,setManualUrl:B,detect:O,refreshStatus:I}}const Ie=500,qe=100;function rr(e){return e.length>Ie?e.slice(-Ie):e}function tr(e){return e==="stderr"?"stderr":"stdout"}function ce(e){try{return JSON.parse(e.data)}catch{return null}}function de(e,i){return{id:typeof e.id=="number"&&Number.isFinite(e.id)?e.id:i,text:typeof e.text=="string"?e.text:"",stream:tr(e.stream),timestamp:typeof e.timestamp=="string"?e.timestamp:""}}function Kr(e,i){return{id:i,text:e,stream:"stdout",timestamp:""}}function Se(e,i){if(i.length===0)return e;const p=[...e],s=new Set(e.map(g=>g.id));for(const g of i)s.has(g.id)||(s.add(g.id),p.push(g));return p.sort((g,v)=>g.id-v.id),rr(p)}function Gr(e,i){const[p,s]=t.useState([]),[g,v]=t.useState(!1),[y,u]=t.useState(!1),[j,C]=t.useState(!1),[z,E]=t.useState(null),k=t.useRef(null),m=t.useRef(!1),o=t.useRef(0),d=t.useRef(0),U=t.useRef(e),T=t.useRef(i),_=t.useRef(0),M=t.useRef(1);(U.current!==e||T.current!==i)&&(U.current=e,T.current=i,o.current++,se({view:"useDevServerLogs",trigger:"project-context-change",projectId:e,replayAttempted:!1,reason:"context-version-bumped"}),m.current=!0,_.current=0,M.current=1,s([]),v(!1),u(!1),C(!1),E(null),k.current&&(k.current(),k.current=null)),t.useEffect(()=>{if(!i){k.current&&(k.current(),k.current=null);return}const w=o.current,f=++d.current;m.current=!1,v(!0);const D=(S,N)=>{const a=rr(S);s(a),E(N),C(N!==null?N>a.length:!1);const n=a.length>0?a[a.length-1].id:0;_.current=n,M.current=n+1},B=S=>{if(m.current||o.current!==w||!S||typeof S!="object")return;const N=S.lines;if(!Array.isArray(N))return;if(N.length>0&&typeof N[0]=="string"){const n=N.filter(h=>typeof h=="string").map((h,c)=>Kr(h,c+1));D(n,n.length);return}const a=N.filter(n=>!!n&&typeof n=="object").map((n,h)=>de(n,h+1));D(a,a.length)},O=S=>{if(m.current||o.current!==w)return;const N=typeof S.text=="string"?S.text:typeof S.line=="string"?S.line:null;if(!N)return;const a=M.current,n=typeof S.id=="number"&&Number.isFinite(S.id)?S.id:a,h={id:n,text:N,stream:tr(S.stream),timestamp:typeof S.timestamp=="string"?S.timestamp:""};_.current=Math.max(_.current,n),M.current=Math.max(M.current,n+1),s(c=>Se(c,[h])),E(c=>c===null?c:Math.max(c+1,h.id))};async function I(){try{const N=await xe({maxLines:qe},e);if(m.current||o.current!==w||d.current!==f)return;const a=N.lines.map((n,h)=>de(n,h+1));D(a,N.totalLines)}catch{if(m.current||o.current!==w||d.current!==f)return;D([],null)}finally{!m.current&&o.current===w&&d.current===f&&v(!1)}const S=Ce(e);k.current=Ye(S,{events:{"dev-server:log":N=>{const a=ce(N);a&&O(a)},log:N=>{const a=ce(N);a&&O(a)},history:N=>{const a=ce(N);B(a)},"dev-server:history":N=>{const a=ce(N);B(a)}},onReconnect:()=>{se({view:"useDevServerLogs",trigger:"sse-reconnect",projectId:e,replayAttempted:!0,replayFromEventId:_.current??null,sseChannel:S,reason:"history-replay"}),!(m.current||o.current!==w)&&xe({lastEventId:_.current,maxLines:50},e).then(N=>{if(m.current||o.current!==w)return;const a=N.lines.map((n,h)=>de(n,M.current+h));if(a.length>0){const n=a[a.length-1].id;_.current=Math.max(_.current,n),M.current=Math.max(M.current,n+1)}s(n=>Se(n,a)),E(N.totalLines)}).catch(()=>{})}}),se({view:"useDevServerLogs",trigger:"sse-open",projectId:e,replayAttempted:!1,sseChannel:S})}return I(),()=>{m.current=!0,k.current&&(k.current(),k.current=null)}},[i,e]);const F=t.useCallback(async()=>{if(!i||y)return;const w=o.current,f=p.length;u(!0);try{const D=await xe({maxLines:qe,offset:f},e);if(m.current||o.current!==w)return;const B=D.lines.map((O,I)=>de(O,I+1));s(O=>Se(B,O)),C(D.totalLines>f+B.length),E(D.totalLines)}catch{}finally{u(!1)}},[i,p.length,y,e]),A=t.useCallback(()=>{s([])},[]),$=k.current!==null&&!g&&!m.current;return{entries:p,loading:g,loadingMore:y,hasMore:j,total:z,loadMore:F,clear:A,logs:p,isStreaming:$,clearLogs:A}}const Jr="This preview appears to block iframe embedding. Open it in a new tab instead.",Yr="The preview URL could not be loaded. Verify the server is running and the URL is correct.",Qr="Preview is taking longer than expected and may block iframe embedding.";function Zr(e){return e==="blocked"?Jr:e==="error"?Yr:null}function et(e,i={}){const{loadTimeoutMs:p=1e4,detectionMethod:s=null}=i,g=t.useRef(null),v=t.useRef(null),[y,u]=t.useState("unknown"),[j,C]=t.useState(null),[z]=t.useState(s),E=t.useCallback(()=>{v.current!==null&&(window.clearTimeout(v.current),v.current=null)},[]),k=t.useCallback(R=>{u(R),C(Zr(R))},[]),m=t.useCallback(()=>{u("blocked"),C(Qr)},[]);t.useEffect(()=>{if(E(),!e){u("unknown"),C(null);return}u("unknown"),C(null);let R=!1;return queueMicrotask(()=>{R||(u("loading"),C(null))}),()=>{R=!0,E()}},[E,e]),t.useEffect(()=>{if(y!=="loading"){E();return}const R=setTimeout(()=>{v.current=null,m()},p);return v.current=R,()=>{clearTimeout(R),v.current===R&&(v.current=null)}},[E,y,p,m]);const o=t.useCallback(()=>{const R=g.current;if(!R){k("embedded");return}try{if(R.contentWindow?.location?.href==="about:blank"&&R.src!=="about:blank"){k("blocked");return}}catch{}k("embedded")},[k]),d=t.useCallback(()=>{k("error")},[k]);t.useEffect(()=>{if(E(),!e){u("unknown"),C(null);return}u("unknown"),C(null)},[E]);const U=t.useCallback(()=>{E(),u("unknown"),C(null)},[E]),T=U,_=t.useMemo(()=>y==="embedded",[y]),M=t.useMemo(()=>y==="blocked"||y==="error",[y]);return{embedStatus:y,isEmbedded:_,isBlocked:M,blockReason:j,detectionMethod:z,iframeRef:g,resetEmbedStatus:U,setEmbedStatus:k,retry:T,embedContext:j,handleIframeLoad:o,handleIframeError:d}}const rt=/\x1b\[[0-9;]*m/g;function Le(e){return e.replace(rt,"")}function tt(e){if(!e)return"";const i=new Date(e);return Number.isNaN(i.getTime())?"":i.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit",second:"2-digit",hour12:!1})}function st(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}function nt(e){if(e.stream==="stderr")return"error";const i=Le(e.text).toLowerCase();return/\b(warn|warning)\b/.test(i)?"warn":/\b(error|fatal)\b/.test(i)?"error":"info"}function at(e,i){if(!i)return e;const p=new RegExp(`(${st(i)})`,"ig"),s=e.split(p),g=i.toLowerCase();return r.jsx(r.Fragment,{children:s.map((v,y)=>v.toLowerCase()===g?r.jsx("mark",{children:v},`${v}-${y}`):r.jsx("span",{children:v},`${v}-${y}`))})}function it({entries:e,loading:i,loadingMore:p,hasMore:s,total:g,onLoadMore:v,isRunning:y}){const{t:u}=ue("app"),j=t.useRef(null),C=t.useRef(e.length),z=t.useRef(y),[E,k]=t.useState(!1),[m,o]=t.useState(!1),[d,U]=t.useState(""),[T,_]=t.useState("all"),M=t.useMemo(()=>T==="all"?e:e.filter(w=>nt(w)===T),[e,T]),R=t.useMemo(()=>{const w=d.trim().toLowerCase();return w?M.filter(f=>Le(f.text).toLowerCase().includes(w)):M},[M,d]),F=R.length,A=t.useCallback(()=>{const w=j.current;w&&(w.scrollTop=w.scrollHeight,o(!1))},[]);t.useEffect(()=>{const w=z.current,f=C.current,D=e.length>f;y&&(!w||!m&&D)&&A(),z.current=y,C.current=e.length},[e.length,y,m,A]);const $=t.useCallback(()=>{const w=j.current;if(!w)return;const D=w.scrollTop+w.clientHeight>=w.scrollHeight-50;o(!D)},[]);return t.useEffect(()=>{i||e.length===0||!m&&y&&A()},[e,y,m,i,A]),i&&e.length===0?r.jsx("section",{className:"devserver-log-viewer","data-testid":"devserver-log-viewer",children:r.jsxs("div",{className:"devserver-log-viewer__loading","data-testid":"devserver-log-loading",children:[r.jsx(ve,{size:16,className:"devserver-log-viewer__spinner"}),r.jsx("span",{children:u("devserver.loadingLogs","Loading logs…")})]})}):r.jsxs("section",{className:`devserver-log-viewer${E?" devserver-log-viewer--fullscreen":""}`,"data-testid":"devserver-log-viewer",children:[r.jsxs("header",{className:"devserver-log-viewer__toolbar",children:[r.jsxs("div",{className:"devserver-log-viewer__toolbar-meta",children:[r.jsx("span",{className:"devserver-log-viewer__title",children:u("devserver.logs","Logs")}),r.jsxs("span",{className:"devserver-log-viewer__count","data-testid":"devserver-log-count",children:[g!==null?`${e.length}/${g}`:`${e.length}`," ",u("devserver.lines","lines")]})]}),r.jsxs("div",{className:"devserver-log-viewer__toolbar-actions",children:[r.jsxs("label",{className:"devserver-log-viewer__severity",htmlFor:"devserver-log-severity-filter",children:[r.jsx("span",{className:"visually-hidden",children:u("devserver.filterBySeverity","Filter logs by severity")}),r.jsxs("select",{id:"devserver-log-severity-filter",className:"select devserver-log-viewer__severity-select",value:T,onChange:w=>_(w.target.value),"data-testid":"devserver-log-severity-filter","aria-label":u("devserver.filterBySeverity","Filter logs by severity"),children:[r.jsx("option",{value:"all",children:u("devserver.allSeverities","All severities")}),r.jsx("option",{value:"info",children:u("devserver.info","Info")}),r.jsx("option",{value:"warn",children:u("devserver.warn","Warn")}),r.jsx("option",{value:"error",children:u("devserver.error","Error")})]})]}),r.jsxs("label",{className:"devserver-log-viewer__search",htmlFor:"devserver-log-search",children:[r.jsx("span",{className:"visually-hidden",children:u("devserver.searchLogs","Search logs")}),r.jsx(Rr,{size:14}),r.jsx("input",{id:"devserver-log-search",className:"input devserver-log-viewer__search-input",type:"text",value:d,onChange:w=>U(w.target.value),placeholder:u("devserver.searchLogs","Search logs"),"data-testid":"devserver-log-search-input","aria-label":u("devserver.searchLogs","Search logs")})]}),d.trim().length>0&&r.jsx("span",{className:"devserver-log-viewer__matches","data-testid":"devserver-log-match-count",children:u("devserver.matchCount",{count:F,defaultValue_one:"{{count}} match",defaultValue_other:"{{count}} matches"})}),r.jsx("button",{type:"button",className:"btn btn-sm btn-icon",onClick:()=>k(w=>!w),"data-testid":"devserver-log-fullscreen-toggle","aria-label":E?u("devserver.exitFullscreen","Exit fullscreen logs"):u("devserver.enterFullscreen","Enter fullscreen logs"),children:E?r.jsx(Dr,{size:14}):r.jsx(_r,{size:14})})]})]}),r.jsxs("div",{className:"devserver-log-viewer__body",children:[s&&r.jsx("div",{className:"devserver-log-viewer__load-more","data-testid":"devserver-log-load-more",children:r.jsx("button",{type:"button",className:"btn btn-sm touch-target",onClick:v,disabled:p,"data-testid":"devserver-log-load-more-button",children:p?r.jsxs(r.Fragment,{children:[r.jsx(ve,{size:14,className:"devserver-log-viewer__spinner"}),u("devserver.loadingOlderLogs","Loading older logs…")]}):u("devserver.loadOlderLogs","Load older logs")})}),r.jsxs("div",{ref:j,className:"devserver-log-viewer__content",onScroll:$,"data-testid":"devserver-log-content",children:[!i&&R.length===0&&r.jsx("p",{className:"devserver-log-viewer__empty","data-testid":"devserver-log-empty",children:e.length===0?u("devserver.noLogsYet","No logs yet. Start the dev server to see output."):M.length===0?u("devserver.noMatchesSeverity","No log lines match the selected severity."):u("devserver.noMatchesSearch","No log lines match your search.")}),R.map(w=>{const f=Le(w.text),D=tt(w.timestamp);return r.jsxs("div",{className:"devserver-log-line",children:[D&&r.jsx("span",{className:"devserver-log-timestamp","data-testid":"devserver-log-timestamp",children:D}),w.stream==="stderr"&&r.jsx("span",{className:"devserver-log-stream-badge","data-testid":"devserver-log-stderr-badge",children:u("devserver.errBadge","ERR")}),r.jsx("span",{className:"devserver-log-text",children:Mr(at(f,d.trim()))})]},w.id)})]}),m&&y&&r.jsxs("button",{type:"button",className:"btn btn-sm devserver-log-viewer__new-logs-button",onClick:A,"data-testid":"devserver-log-jump-button",children:[r.jsx(Pr,{size:14}),u("devserver.newLogs","New logs")]})]})]})}const lt="devserver-preview-iframe";function ot({url:e,embedStatus:i,onEmbedStatusChange:p,iframeRef:s,blockReason:g,onRetry:v,className:y=lt,embedContext:u}){const{t:j}=ue("app"),C=g??u??null,[z,E]=t.useState(0);t.useEffect(()=>{!e||i!=="unknown"||(E(d=>d+1),p("loading"))},[i,p,e]);const k=t.useCallback(()=>{const d=s.current;if(!d){p("embedded");return}try{if(d.contentWindow?.location?.href==="about:blank"&&d.src!=="about:blank"){p("blocked");return}}catch{}p("embedded")},[s,p]),m=t.useCallback(d=>{d.stopPropagation(),p("error")},[p]),o=t.useCallback(()=>{e&&window.open(e,"_blank","noopener,noreferrer")},[e]);return e?r.jsxs("div",{className:"devserver-preview-iframe-shell",children:[r.jsx("iframe",{src:e,ref:s,sandbox:"allow-scripts allow-same-origin allow-forms allow-popups allow-popups-to-escape-sandbox",className:y,title:"Dev server preview",onLoad:k,onError:m,onErrorCapture:m,"data-testid":"devserver-preview-iframe"},`${e}-${z}`),i==="loading"&&r.jsxs("div",{className:"devserver-preview-overlay","data-testid":"devserver-preview-loading",children:[r.jsx(ve,{size:16,className:"dev-server-spin"}),r.jsx("span",{children:j("preview.loading","Loading preview...")})]}),i==="blocked"&&r.jsxs("div",{className:"devserver-preview-blocked-panel",role:"alert","data-testid":"devserver-preview-blocked-panel",children:[r.jsx(Ze,{className:"devserver-preview-blocked-icon","aria-hidden":"true"}),r.jsxs("div",{children:[r.jsx("p",{className:"devserver-preview-blocked-title",children:j("preview.blockedTitle","Preview cannot be embedded")}),C&&r.jsx("p",{className:"devserver-preview-blocked-context",children:C})]}),r.jsx("p",{className:"devserver-preview-blocked-description",children:j("preview.blockedDescription","You can view the preview in a separate browser tab.")}),r.jsxs("div",{className:"devserver-preview-blocked-actions",children:[r.jsx("button",{type:"button",className:"btn btn-primary",onClick:o,children:j("preview.openInNewTab","Open in new tab")}),v&&r.jsx("button",{type:"button",className:"btn btn-sm",onClick:v,children:j("actions.retry","Retry")})]})]}),i==="error"&&r.jsxs("div",{className:"devserver-preview-error-panel",role:"alert","data-testid":"devserver-preview-error-panel",children:[r.jsx(Qe,{className:"devserver-preview-blocked-icon","aria-hidden":"true"}),r.jsxs("div",{children:[r.jsx("p",{className:"devserver-preview-blocked-title",children:j("preview.errorTitle","Unable to load preview")}),C&&r.jsx("p",{className:"devserver-preview-blocked-context",children:C})]}),r.jsx("p",{className:"devserver-preview-blocked-description",children:j("preview.blockedDescription","You can view the preview in a separate browser tab.")}),r.jsxs("div",{className:"devserver-preview-blocked-actions",children:[r.jsx("button",{type:"button",className:"btn btn-primary",onClick:o,children:j("preview.openInNewTab","Open in new tab")}),v&&r.jsx("button",{type:"button",className:"btn btn-sm",onClick:v,children:j("actions.retry","Retry")})]})]})]}):null}function ct(e){return{stopped:{className:"dev-server-status-badge--stopped",label:e("devserver.status.stopped","Stopped")},starting:{className:"dev-server-status-badge--starting",label:e("devserver.status.starting","Starting...")},running:{className:"dev-server-status-badge--running",label:e("devserver.status.running","Running")},stopping:{className:"dev-server-status-badge--starting",label:e("devserver.status.stopping","Stopping...")},failed:{className:"dev-server-status-badge--failed",label:e("devserver.status.failed","Failed")}}}const dt=480;function vt(){return typeof window>"u"||typeof window.matchMedia!="function"?!1:window.matchMedia("(max-width: 768px)").matches}function sr(e){if(e.closest(".right-dock-expand-modal__body"))return null;const i=e.parentElement;return i?.classList.contains("right-dock__body")?i:null}function ut(e){return e.clientWidth>0?e.clientWidth:e.getBoundingClientRect().width}function mt(e){if(!e||vt())return!1;const i=sr(e);return i?ut(i)<=dt:!1}function pt(e){const[i,p]=t.useState(!1);return t.useEffect(()=>{const s=e.current;if(!s){p(!1);return}const g=sr(s),v=()=>p(mt(s));if(v(),!g||typeof ResizeObserver>"u")return window.addEventListener("resize",v),()=>window.removeEventListener("resize",v);const y=new ResizeObserver(v);return y.observe(g),window.addEventListener("resize",v),()=>{y.disconnect(),window.removeEventListener("resize",v)}},[e]),i}let ke=!1;function Xe(e){return e instanceof Error?e.message:String(e)}function nr(e){return e==="."?"root":e}function Ke(e){return e?e==="root"?".":e:null}function Ge(e,i,p){return!i||e.scriptName!==i?!1:p?nr(e.cwd)===p:!0}function ft(e){return e.cwd==="."?"root":e.cwd}function ht(e){return e.length<=60?e:`${e.slice(0,60)}…`}function kt({addToast:e,projectId:i,tasks:p}){const{t:s}=ue("app");t.useEffect(()=>(se({view:"DevServerView",trigger:ke?"route-active":"remount",projectId:i,replayAttempted:!1}),ke=!1,()=>{ke=!0,se({view:"DevServerView",trigger:"route-inactive",projectId:i,replayAttempted:!1})}),[i]);const{session:g,detectedCommands:v,previewUrl:y,isLoading:u,error:j,startServer:C,stopServer:z,restartServer:E,setPreviewUrl:k,detectCommands:m,refresh:o}=Xr(i),d=g?.status??"stopped",U=d==="running"||d==="starting",T=ct(s),_=T[d]??T.stopped,{entries:M,loading:R,loadingMore:F,hasMore:A,total:$,loadMore:w}=Gr(i,!!i),f=y,D=g?.config?.cwd??null,B=t.useRef(null),O=pt(B),[I,S]=t.useState(!0),[N,a]=t.useState(""),[n,h]=t.useState(""),[c,b]=t.useState(null),[x,L]=t.useState(null),[V,Re]=t.useState(null),K=t.useMemo(()=>(p??[]).filter(l=>l.column==="in-progress"&&typeof l.worktree=="string"&&l.worktree.length>0),[p]),q=t.useMemo(()=>K.find(l=>l.id===x)??null,[K,x]);t.useEffect(()=>{x&&!K.some(l=>l.id===x)&&L(null)},[K,x]);const[ee,ar]=t.useState("embedded"),[re,me]=t.useState(!1),De=t.useRef(null),pe=t.useRef(null),ir=ee==="embedded"?f:null,{embedStatus:H,setEmbedStatus:lr,resetEmbedStatus:ne,iframeRef:Q,isEmbedded:or,isBlocked:fe,blockReason:he,retry:_e}=et(ir),[Me,G]=t.useState(!1),Pe=t.useRef(H);t.useEffect(()=>{const l=Pe.current!==H;fe&&l&&G(!0),H==="embedded"&&G(!1),Pe.current=H},[H,fe]),t.useEffect(()=>{G(!1)},[f]);const ae=t.useMemo(()=>{if(!c)return null;const l=Ke(D);return v.find(P=>!(P.scriptName!==c||l&&P.cwd!==l||g?.config?.command&&P.command!==g.config.command))??v.find(P=>Ge(P,c,D))??null},[v,g?.config?.command,c,D]);t.useEffect(()=>{typeof m=="function"&&m().catch(l=>{e(Xe(l),"error")})},[e,m]),t.useEffect(()=>{if(c){S(!1);return}S(!0)},[c]),t.useEffect(()=>{if(g?.status==="running"||g?.status==="starting"){g.config?.command?.trim().length>0&&a(g.config.command);return}if(ae){a(ae.command);return}v.length>0&&a(l=>l.trim().length>0?l:v[0]?.command??"")},[v,ae,g?.config?.command,g?.status]),t.useEffect(()=>{h(f??"")},[f]);const ie=t.useCallback(()=>{me(!1),window.requestAnimationFrame(()=>De.current?.focus())},[]),cr=Tr(ie);t.useEffect(()=>{if(!re)return;pe.current?.focus();const l=P=>{if(P.key==="Escape"){ie();return}if(P.key!=="Tab")return;const te=Array.from(pe.current?.querySelectorAll('button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])')??[]).filter(Ae=>!Ae.hasAttribute("disabled")&&Ae.getAttribute("aria-hidden")!=="true"),J=te[0],we=te.at(-1);!J||!we||(P.shiftKey&&document.activeElement===J?(P.preventDefault(),we.focus()):!P.shiftKey&&document.activeElement===we&&(P.preventDefault(),J.focus()))};return document.addEventListener("keydown",l),()=>document.removeEventListener("keydown",l)},[ie,re]),t.useEffect(()=>{!O&&re&&me(!1)},[O,re]);const ge=t.useCallback(()=>{f&&window.open(f,"_blank","noopener,noreferrer")},[f]),Te=t.useCallback(()=>{G(!1),_e()},[_e]),dr=t.useCallback(()=>{try{const l=Q.current;if(l?.contentWindow){l.contentWindow.location.reload(),G(!1),ne();return}}catch{}if(!(!f||!Q.current))try{const l=new URL(f);l.searchParams.set("_t",Date.now().toString()),Q.current.src=l.toString(),G(!1),ne()}catch{Q.current.src=f,G(!1),ne()}},[f,Q,ne]),le=t.useCallback(async(l,P,te)=>{Re(l);try{await P(),e(te,"success")}catch(J){e(Xe(J),"error")}finally{Re(null)}},[e]),vr=t.useCallback(l=>{b(l.scriptName),S(!1),a(l.command),e(s("devserver.toast.selectedScript","Selected {{name}} script.",{name:l.scriptName}),"success")},[e]),ur=t.useCallback(()=>{b(null),S(!0),e(s("devserver.toast.clearedScript","Cleared selected dev server script."),"success")},[e]),mr=t.useCallback(l=>{U&&l&&l!==x&&e(s("devserver.restartToApplyTask","Restart the dev server to apply the selected task's worktree."),"info"),L(l)},[e,U,x,s]),pr=()=>{const l=N.trim();if(l.length===0){e(s("devserver.toast.enterCommand","Enter a command before starting the dev server."),"warning");return}const P=Ke(D)??".",J=q?.worktree??null??ae?.cwd??P;le("start",()=>C(l,J),s("devserver.toast.started","Dev server started."))},fr=()=>{le("stop",z,s("devserver.toast.stopped","Dev server stopped."))},hr=()=>{le("restart",E,s("devserver.toast.restarted","Dev server restarted."))},gr=()=>{const l=n.trim(),P=l.length>0?l:null;le("preview",()=>k(P),P?s("devserver.toast.previewUpdated","Preview URL updated."):s("devserver.toast.previewCleared","Preview URL override cleared."))},wr=t.useCallback(()=>{j&&o()},[j,o]),br=d==="starting"||d==="running"||V!==null,xr=d==="stopped"||V!==null,yr=d==="stopped"||d==="starting"||V!==null,Ue=()=>r.jsxs(r.Fragment,{children:[r.jsxs("div",{className:"devserver-preview-header",children:[r.jsxs("div",{className:"devserver-preview-title",children:[r.jsx(Be,{size:14}),r.jsx("span",{children:s("devserver.preview","Preview")})]}),r.jsxs("span",{className:"devserver-preview-url-badge devserver-preview-url-badge--auto",title:f??s("devserver.noPreviewUrl","No preview URL"),"data-testid":"devserver-preview-url-badge",children:[s("devserver.auto","Auto"),f?` · ${f}`:s("devserver.notAvailable"," · Not available")]}),r.jsxs("div",{className:"devserver-preview-actions",children:[r.jsx("button",{type:"button",className:"btn btn-sm",onClick:()=>ar(l=>l==="embedded"?"external":"embedded"),"data-testid":"devserver-preview-mode-toggle",children:ee==="embedded"?s("devserver.externalOnly","External only"):s("devserver.embedded","Embedded")}),r.jsx("button",{type:"button",className:"btn btn-sm btn-icon",title:s("devserver.openInNewTab","Open in new tab"),onClick:ge,disabled:!f,"data-testid":"devserver-preview-open-tab",children:r.jsx(Br,{})}),r.jsx("button",{type:"button",className:"btn btn-sm btn-icon",title:s("devserver.refreshPreview","Refresh preview"),onClick:dr,disabled:!f,"data-testid":"devserver-preview-refresh",children:r.jsx(Hr,{})})]})]}),r.jsxs("div",{className:"devserver-preview-container","data-embed-status":H,"data-embedded":or?"true":"false",children:[!f&&!U&&r.jsx("p",{className:"devserver-preview-empty",children:s("devserver.startDevServer","Start a dev server to see a live preview here.")}),!f&&U&&r.jsx("p",{className:"devserver-preview-empty",children:s("devserver.noPreviewDetected","No preview URL detected. Start the dev server or set a manual URL to preview your app.")}),f&&ee==="external"&&r.jsxs("div",{className:"devserver-preview-external-only","data-testid":"devserver-preview-external-only",children:[r.jsx("p",{children:s("devserver.embeddedPreviewDisabled","Embedded preview is disabled. Open your app in a separate browser tab.")}),r.jsx("button",{type:"button",className:"btn btn-primary btn-sm touch-target",onClick:ge,"data-testid":"devserver-preview-external-open-tab",children:s("devserver.openInNewTab","Open in new tab")})]}),f&&ee==="embedded"&&Me&&fe&&r.jsxs("div",{className:H==="error"?"devserver-preview-error-panel":"devserver-preview-blocked-panel","data-testid":"devserver-preview-fallback",role:"alert",children:[H==="error"?r.jsx(Qe,{className:"devserver-preview-blocked-icon","aria-hidden":"true"}):r.jsx(Ze,{className:"devserver-preview-blocked-icon","aria-hidden":"true"}),r.jsxs("div",{children:[r.jsx("p",{className:"devserver-preview-blocked-title",children:H==="error"?s("devserver.previewFailed","Preview failed"):s("devserver.previewBlocked","Preview blocked")}),he&&r.jsx("p",{className:"devserver-preview-blocked-context",children:he})]}),r.jsx("p",{className:"devserver-preview-blocked-description",children:s("devserver.openPreviewOrRetry","Open the preview in a new tab, or retry embedded mode after checking your server settings.")}),r.jsxs("div",{className:"devserver-preview-blocked-actions",children:[r.jsx("button",{type:"button",className:"btn btn-primary",onClick:ge,"data-testid":"devserver-preview-fallback-open-tab",children:s("devserver.openPreviewInNewTab","Open preview in new tab")}),r.jsx("button",{type:"button",className:"btn btn-sm",onClick:Te,"data-testid":"devserver-preview-fallback-retry",children:s("devserver.retryEmbeddedPreview","Retry embedded preview")})]})]}),f&&ee==="embedded"&&!Me&&r.jsx(ot,{url:f,embedStatus:H,onEmbedStatusChange:lr,iframeRef:Q,blockReason:he,onRetry:Te})]})]});return r.jsxs("div",{ref:B,className:"dev-server-view","data-testid":"dev-server-view","data-narrow-right-dock-preview":O?"true":"false",children:[r.jsx(Ur,{icon:Ar,title:s("devserver.title","Dev Server"),actions:r.jsxs(r.Fragment,{children:[r.jsx("span",{className:"dev-server-header-title",children:r.jsx("span",{className:`dev-server-status-badge ${_.className}`,"data-testid":"dev-server-status-badge",children:_.label})}),r.jsxs("div",{className:"dev-server-header-actions",children:[r.jsxs("button",{type:"button",className:"btn btn-primary btn-sm",onClick:pr,disabled:br,"data-testid":"dev-server-start-button",children:[r.jsx(Or,{size:14}),r.jsx("span",{children:V==="start"?s("devserver.starting","Starting..."):s("devserver.start","Start")})]}),r.jsxs("button",{type:"button",className:"btn btn-danger btn-sm",onClick:fr,disabled:xr,"data-testid":"dev-server-stop-button",children:[r.jsx(zr,{size:14}),r.jsx("span",{children:V==="stop"?s("devserver.stopping","Stopping..."):s("devserver.stop","Stop")})]}),r.jsxs("button",{type:"button",className:"btn btn-sm",onClick:hr,disabled:yr,"data-testid":"dev-server-restart-button",children:[r.jsx(Fr,{size:14}),r.jsx("span",{children:V==="restart"?s("devserver.restarting","Restarting..."):s("devserver.restart","Restart")})]})]})]})}),r.jsxs("section",{className:"dev-server-panel dev-server-config","aria-label":s("devserver.configurationLabel","Dev server configuration"),children:[r.jsxs("div",{className:"dev-server-section-header",children:[r.jsx("h3",{children:s("devserver.configuration","Configuration")}),u&&r.jsx("span",{className:"dev-server-muted",children:s("devserver.loading","Loading...")})]}),u&&!g&&v.length===0&&r.jsxs("div",{className:"dev-server-loading-state","data-testid":"dev-server-loading-state",children:[r.jsx(ve,{size:16,className:"dev-server-spin"}),r.jsx("span",{children:s("devserver.loadingConfig","Loading dev server configuration...")})]}),j&&r.jsxs("div",{className:"dev-server-error-box",role:"alert","data-testid":"dev-server-error-box",children:[r.jsx("p",{children:j}),r.jsx("button",{type:"button",className:"btn btn-sm",onClick:wr,children:s("devserver.retry","Retry")})]}),r.jsxs("div",{className:"dev-server-section",children:[r.jsx("h3",{children:s("devserver.scriptSelection","Script Selection")}),c&&r.jsxs("div",{className:"dev-server-selected","data-testid":"dev-server-selected-summary",children:[r.jsx("span",{className:"dev-server-candidate-name",children:c}),r.jsx("span",{className:"dev-server-candidate-source",children:D??"root"}),r.jsx("button",{type:"button",className:"btn btn-sm",onClick:()=>S(!0),"data-testid":"dev-server-change-selection",children:s("devserver.change","Change")}),r.jsx("button",{type:"button",className:"btn btn-danger btn-sm",onClick:ur,"data-testid":"dev-server-clear-selection",children:s("devserver.clear","Clear")})]}),I&&v.length===0&&r.jsx("p",{className:"dev-server-empty-state","data-testid":"dev-server-empty-candidates",children:s("devserver.noScriptsDetected","No dev server scripts detected. Check that your project has a package.json with a dev, start, or similar script.")}),I&&v.length>0&&r.jsx("div",{className:"dev-server-candidates","data-testid":"dev-server-candidates",children:v.map(l=>{const P=Ge(l,c,D);return r.jsxs("button",{type:"button",className:`dev-server-candidate ${P?"dev-server-candidate--selected":""}`,onClick:()=>vr(l),"data-testid":`dev-server-candidate-${l.scriptName}-${nr(l.cwd)}`,children:[r.jsx("span",{className:"dev-server-candidate-name",children:l.scriptName}),r.jsx("span",{className:"dev-server-candidate-command",children:ht(l.command)}),r.jsx("span",{className:"dev-server-candidate-source",children:ft(l)})]},`${l.cwd}::${l.scriptName}::${l.command}`)})})]}),r.jsxs("div",{className:"dev-server-section dev-server-executing-task-section",children:[r.jsx("h3",{children:s("devserver.executingTask","Executing Task")}),r.jsxs("div",{className:"dev-server-field-group",children:[r.jsx("label",{htmlFor:"dev-server-task-picker",className:"dev-server-label",children:s("devserver.executingTask","Executing Task")}),r.jsxs("select",{id:"dev-server-task-picker",className:"input dev-server-task-picker",value:x??"",onChange:l=>mr(l.target.value.length>0?l.target.value:null),disabled:K.length===0,"aria-label":s("devserver.executingTask","Executing Task"),"data-testid":"dev-server-task-picker",children:[r.jsx("option",{value:"",children:s("devserver.projectRootNoTask","Project root (no task)")}),K.map(l=>r.jsx("option",{value:l.id,children:l.title?`${l.id} — ${l.title}`:l.id},l.id))]}),K.length===0&&r.jsx("p",{className:"dev-server-empty-state","data-testid":"dev-server-no-executing-tasks",children:s("devserver.noExecutingTasks","No executing tasks with a worktree available. Start a task to target its worktree.")}),q&&r.jsxs("div",{className:"dev-server-task-descriptor","data-testid":"dev-server-task-descriptor",children:[r.jsx("div",{className:"dev-server-task-descriptor-header",children:r.jsx("span",{className:"dev-server-candidate-name",children:q.title?`${q.id} — ${q.title}`:q.id})}),r.jsx("p",{className:"dev-server-task-description",children:q.description}),r.jsxs("div",{className:"dev-server-task-worktree",children:[r.jsx("span",{className:"dev-server-label",children:s("devserver.targetWorktree","Target worktree")}),r.jsx("code",{children:q.worktree})]})]})]})]}),r.jsxs("div",{className:"dev-server-field-group",children:[r.jsx("label",{htmlFor:"dev-server-command",className:"dev-server-label",children:s("devserver.command","Command")}),r.jsx("input",{id:"dev-server-command",className:"input",value:N,onChange:l=>a(l.target.value),placeholder:"pnpm dev","data-testid":"dev-server-command-input",readOnly:d==="running"||d==="starting"})]}),(d==="running"||d==="starting")&&g&&r.jsxs("div",{className:"dev-server-current-command","data-testid":"dev-server-current-command",children:[r.jsx("span",{className:"dev-server-label",children:s("devserver.runningCommand","Running command")}),r.jsx("code",{children:g.config?.command??N})]}),r.jsxs("div",{className:"dev-server-preview-override",children:[r.jsx("label",{htmlFor:"dev-server-preview-input",className:"dev-server-label",children:s("devserver.previewUrlOverride","Preview URL Override")}),r.jsx("input",{id:"dev-server-preview-input",className:"input",type:"url",value:n,onChange:l=>h(l.target.value),placeholder:"http://localhost:3000","data-testid":"dev-server-preview-input"}),r.jsx("button",{type:"button",className:"btn btn-primary btn-sm",onClick:gr,disabled:V==="preview","data-testid":"dev-server-set-preview",children:s("devserver.save","Save")})]}),f&&r.jsx("p",{className:"dev-server-preview-hint",children:s("devserver.autoDetected","Auto-detected: {{url}}",{url:f})})]}),r.jsx("div",{className:"dev-server-content",children:r.jsxs("section",{className:"dev-server-panel dev-server-logs-panel","data-testid":"dev-server-logs-panel","aria-label":s("devserver.logsLabel","Dev server logs"),children:[r.jsxs("div",{className:"dev-server-section-header",children:[r.jsx("h3",{children:s("devserver.logs","Logs")}),r.jsx("span",{className:"dev-server-muted",children:s("devserver.lines","{{count}} lines",{count:$??M.length})})]}),r.jsx("div",{className:"dev-server-logs-viewer","data-testid":"dev-server-log-viewer",children:r.jsx(it,{entries:M,loading:R,loadingMore:F,hasMore:A,total:$,onLoadMore:w,isRunning:U})})]})}),O?r.jsxs("section",{className:"dev-server-panel devserver-preview-modal-launcher","data-testid":"devserver-preview-modal-launcher","aria-label":s("devserver.previewLabel","Dev server preview"),children:[r.jsxs("div",{className:"devserver-preview-modal-launcher__copy",children:[r.jsxs("div",{className:"devserver-preview-title",children:[r.jsx(Be,{size:14}),r.jsx("span",{children:s("devserver.preview","Preview")})]}),r.jsx("span",{className:"devserver-preview-url-badge devserver-preview-url-badge--auto",title:f??s("devserver.noPreviewUrl","No preview URL"),"data-testid":"devserver-preview-url-badge",children:f||s("devserver.notAvailable","Not available")})]}),r.jsx("p",{className:"devserver-preview-modal-launcher__description",children:f?s("devserver.previewModalLauncherDescription","Open the live preview in a modal so logs and configuration stay usable in this narrow dock."):s("devserver.previewModalLauncherUnavailable","Start the dev server or set a preview URL to open the preview modal.")}),r.jsx("button",{type:"button",className:"btn btn-primary btn-sm",ref:De,onClick:()=>me(!0),"data-testid":"devserver-preview-modal-open",children:s("devserver.openPreview","Open preview")})]}):r.jsx("section",{className:"dev-server-panel devserver-preview-panel","data-testid":"devserver-preview-panel","aria-label":s("devserver.previewLabel","Dev server preview"),children:Ue()}),O&&re&&r.jsx("div",{className:"modal-overlay open devserver-preview-modal-overlay",...cr,children:r.jsxs("div",{className:"modal devserver-preview-modal",role:"dialog","aria-modal":"true","aria-labelledby":"devserver-preview-modal-title",tabIndex:-1,ref:pe,"data-testid":"devserver-preview-modal",children:[r.jsxs("div",{className:"devserver-preview-modal__titlebar",children:[r.jsx("h2",{id:"devserver-preview-modal-title",children:s("devserver.preview","Preview")}),r.jsx("button",{type:"button",className:"btn btn-sm btn-icon",onClick:ie,"aria-label":s("devserver.closePreviewModal","Close preview modal"),"data-testid":"devserver-preview-modal-close",children:r.jsx($r,{})})]}),r.jsx("div",{className:"devserver-preview-modal__body",children:Ue()})]})})]})}export{kt as DevServerView};

package/dist/client/assets/{DirectoryPicker-CZ3EXSE5.js → DirectoryPicker-BzpWdpTC.js}

@@ -1 +1 @@
-import{r as c,j as r}from"./vendor-react-SZ_qB27O.js";import{ab as z,ac as D,ad as S,ae as j,e as w,af as T,E as B,o as A,P as L,L as K,g as N}from"./index-DO9Ch72Y.js";import{u as R}from"./vendor-i18n-GF3RlKbq.js";import{F as U}from"./folder-open-iGyAYoN-.js";function M({value:u,onChange:l,placeholder:F,onInputKeyDown:g,nodeId:b,localNodeId:k,selectCreatedDirectory:x=!1}){const{t:i}=R("app"),[e,s]=c.useState({isOpen:!1,loading:!1,error:null,currentPath:"",parentPath:null,entries:[],showHidden:!1,createFolderOpen:!1,createFolderError:null}),[h,p]=c.useState(""),d=c.useCallback(async(t,n=!1)=>{s(o=>({...o,loading:!0,error:null}));try{const o=await z(t,n,b,k);s(a=>({...a,loading:!1,currentPath:o.currentPath,parentPath:o.parentPath,entries:o.entries}))}catch(o){s(a=>({...a,loading:!1,error:o instanceof Error?o.message:"Failed to browse directory"}))}},[b,k]),C=c.useCallback(()=>{s(t=>t.isOpen?{...t,isOpen:!1}:{...t,isOpen:!0})},[]);c.useEffect(()=>{e.isOpen&&!e.loading&&!e.currentPath&&!e.error&&d(u||void 0,e.showHidden)},[e.isOpen,e.loading,e.currentPath,e.error,u,e.showHidden,d,b,k]);const m=c.useCallback(t=>{d(t,e.showHidden)},[d,e.showHidden]),H=c.useCallback(()=>{l(e.currentPath),s(t=>({...t,isOpen:!1}))},[e.currentPath,l]),E=c.useCallback(()=>{s(t=>{const n=!t.showHidden;return{...t,showHidden:n}})},[]);c.useEffect(()=>{e.isOpen&&e.currentPath&&d(e.currentPath,e.showHidden)},[e.showHidden,d]);const f=c.useCallback(()=>{s(t=>({...t,createFolderOpen:!t.createFolderOpen,createFolderError:null})),p("")},[]),y=c.useCallback(async()=>{if(!h.trim()||!e.currentPath)return;const t=h.trim();if(t.includes("/")||t.includes("\\")||t.includes("..")){s(a=>({...a,createFolderError:i("dirPicker.createFolderError","Folder name cannot contain path separators or '..'")}));return}const n=e.currentPath.includes("\\")?"\\":"/",o=e.currentPath.endsWith(n)?e.currentPath+t:e.currentPath+n+t;s(a=>({...a,loading:!0,createFolderError:null}));try{const a=await D(o);p(""),s(P=>({...P,createFolderOpen:!1})),x&&l(a.path),await d(e.currentPath,e.showHidden)}catch(a){s(P=>({...P,loading:!1,createFolderError:a instanceof Error?a.message:"Failed to create folder"}))}},[h,e.currentPath,e.showHidden,d,l,x]),O=c.useCallback(t=>{t.key==="Enter"?(t.preventDefault(),y()):t.key==="Escape"&&(s(n=>({...n,createFolderOpen:!1,createFolderError:null})),p(""))},[y]),v=e.currentPath?S(e.currentPath):[];return r.jsxs("div",{className:"directory-picker",children:[r.jsxs("div",{className:"directory-picker-input-row",children:[r.jsx("input",{type:"text",className:"input directory-picker-input",value:u,onChange:t=>l(t.target.value),onKeyDown:g,placeholder:F||i("dirPicker.defaultPlaceholder","/path/to/your/project")}),r.jsxs("button",{type:"button",className:"btn btn-secondary btn-sm directory-picker-browse-btn",onClick:C,"aria-label":e.isOpen?i("dirPicker.closeBrowser","Close directory browser"):i("dirPicker.openBrowser","Browse directories"),children:[e.isOpen?r.jsx(U,{size:16}):r.jsx(j,{size:16}),r.jsx("span",{children:i("dirPicker.browse","Browse")})]})]}),e.isOpen&&r.jsxs("div",{className:"directory-picker-browser",role:"tree","aria-label":i("dirPicker.ariaLabel","Directory browser"),children:[r.jsx("div",{className:"directory-picker-breadcrumbs",children:v.map((t,n)=>r.jsxs("span",{className:"directory-picker-breadcrumb-item",children:[n>0&&r.jsx(w,{size:12,className:"directory-picker-breadcrumb-sep"}),r.jsx("button",{type:"button",className:"directory-picker-breadcrumb",onClick:()=>m(t.path),title:t.path,children:t.label})]},t.path))}),r.jsxs("div",{className:"directory-picker-toolbar",children:[e.parentPath&&r.jsxs("button",{type:"button",className:"btn btn-sm btn-secondary directory-picker-up-btn",onClick:()=>m(e.parentPath),"aria-label":i("dirPicker.parentDir","Go to parent directory"),title:i("dirPicker.parentDirTitle","Parent directory"),children:[r.jsx(T,{size:14}),r.jsx("span",{children:i("dirPicker.up","Up")})]}),r.jsxs("button",{type:"button",className:"btn btn-sm btn-secondary directory-picker-hidden-toggle",onClick:E,"aria-label":e.showHidden?i("dirPicker.hideHiddenAria","Hide hidden directories"):i("dirPicker.showHiddenAria","Show hidden directories"),title:e.showHidden?i("dirPicker.hideHiddenTitle","Hide hidden"):i("dirPicker.showHiddenTitle","Show hidden"),children:[e.showHidden?r.jsx(B,{size:14}):r.jsx(A,{size:14}),r.jsx("span",{children:e.showHidden?i("dirPicker.hideHidden","Hide hidden"):i("dirPicker.showHidden","Show hidden")})]}),r.jsxs("button",{type:"button",className:"btn btn-sm btn-secondary directory-picker-create-folder-toggle",onClick:f,"aria-label":i("dirPicker.createFolderAria","Create new folder"),title:i("dirPicker.createFolderTitle","Create folder"),children:[r.jsx(L,{size:14}),r.jsx("span",{children:i("dirPicker.createFolder","New folder")})]})]}),e.loading?r.jsxs("div",{className:"directory-picker-loading",children:[r.jsx(K,{size:20,className:"animate-spin"}),r.jsx("span",{children:i("dirPicker.loading","Loading…")})]}):e.error?r.jsxs("div",{className:"directory-picker-error",children:[r.jsx(N,{size:16}),r.jsx("span",{children:e.error})]}):r.jsx("div",{className:"directory-picker-entries",children:e.entries.length===0?r.jsx("div",{className:"directory-picker-empty",children:i("dirPicker.noSubdirs","No subdirectories")}):e.entries.map(t=>r.jsxs("button",{type:"button",className:"directory-picker-entry",onClick:()=>m(t.path),role:"treeitem",title:t.path,children:[r.jsx(j,{size:16,className:"directory-picker-entry-icon"}),r.jsx("span",{className:"directory-picker-entry-name",children:t.name}),t.hasChildren&&r.jsx(w,{size:14,className:"directory-picker-entry-arrow"})]},t.path))}),e.createFolderOpen&&r.jsxs("div",{className:"directory-picker-create-folder",children:[r.jsx("input",{type:"text",className:"input directory-picker-create-folder-input",value:h,onChange:t=>p(t.target.value),onKeyDown:O,placeholder:i("dirPicker.newFolderPlaceholder","Folder name"),autoFocus:!0}),r.jsxs("div",{className:"directory-picker-create-folder-actions",children:[r.jsx("button",{type:"button",className:"btn btn-sm btn-primary",onClick:y,disabled:!h.trim()||e.loading||!e.currentPath,children:i("dirPicker.createFolderConfirm","Create")}),r.jsx("button",{type:"button",className:"btn btn-sm btn-secondary",onClick:f,children:i("dirPicker.cancel","Cancel")})]}),e.createFolderError&&r.jsxs("div",{className:"directory-picker-create-folder-error",children:[r.jsx(N,{size:14}),r.jsx("span",{children:e.createFolderError})]})]}),r.jsxs("div",{className:"directory-picker-actions",children:[r.jsx("span",{className:"directory-picker-selected-path",title:e.currentPath,children:e.currentPath}),r.jsx("button",{type:"button",className:"btn btn-primary directory-picker-select-btn",onClick:H,children:i("dirPicker.select","Select")})]})]})]})}export{M as D};
+import{r as n,j as r}from"./vendor-react-SZ_qB27O.js";import{am as z,an as D,ao as S,ap as f,e as w,aq as T,E as B,o as A,P as L,L as K,g as N}from"./index-aBQwNV_I.js";import{u as R}from"./vendor-i18n-GF3RlKbq.js";import{F as U}from"./folder-open-YuIEuDwd.js";function M({value:u,onChange:l,placeholder:F,onInputKeyDown:g,nodeId:b,localNodeId:m,selectCreatedDirectory:x=!1}){const{t:i}=R("app"),[e,s]=n.useState({isOpen:!1,loading:!1,error:null,currentPath:"",parentPath:null,entries:[],showHidden:!1,createFolderOpen:!1,createFolderError:null}),[h,p]=n.useState(""),d=n.useCallback(async(t,c=!1)=>{s(o=>({...o,loading:!0,error:null}));try{const o=await z(t,c,b,m);s(a=>({...a,loading:!1,currentPath:o.currentPath,parentPath:o.parentPath,entries:o.entries}))}catch(o){s(a=>({...a,loading:!1,error:o instanceof Error?o.message:"Failed to browse directory"}))}},[b,m]),C=n.useCallback(()=>{s(t=>t.isOpen?{...t,isOpen:!1}:{...t,isOpen:!0})},[]);n.useEffect(()=>{e.isOpen&&!e.loading&&!e.currentPath&&!e.error&&d(u||void 0,e.showHidden)},[e.isOpen,e.loading,e.currentPath,e.error,u,e.showHidden,d,b,m]);const k=n.useCallback(t=>{d(t,e.showHidden)},[d,e.showHidden]),H=n.useCallback(()=>{l(e.currentPath),s(t=>({...t,isOpen:!1}))},[e.currentPath,l]),E=n.useCallback(()=>{s(t=>{const c=!t.showHidden;return{...t,showHidden:c}})},[]);n.useEffect(()=>{e.isOpen&&e.currentPath&&d(e.currentPath,e.showHidden)},[e.showHidden,d]);const j=n.useCallback(()=>{s(t=>({...t,createFolderOpen:!t.createFolderOpen,createFolderError:null})),p("")},[]),y=n.useCallback(async()=>{if(!h.trim()||!e.currentPath)return;const t=h.trim();if(t.includes("/")||t.includes("\\")||t.includes("..")){s(a=>({...a,createFolderError:i("dirPicker.createFolderError","Folder name cannot contain path separators or '..'")}));return}const c=e.currentPath.includes("\\")?"\\":"/",o=e.currentPath.endsWith(c)?e.currentPath+t:e.currentPath+c+t;s(a=>({...a,loading:!0,createFolderError:null}));try{const a=await D(o);p(""),s(P=>({...P,createFolderOpen:!1})),x&&l(a.path),await d(e.currentPath,e.showHidden)}catch(a){s(P=>({...P,loading:!1,createFolderError:a instanceof Error?a.message:"Failed to create folder"}))}},[h,e.currentPath,e.showHidden,d,l,x]),O=n.useCallback(t=>{t.key==="Enter"?(t.preventDefault(),y()):t.key==="Escape"&&(s(c=>({...c,createFolderOpen:!1,createFolderError:null})),p(""))},[y]),v=e.currentPath?S(e.currentPath):[];return r.jsxs("div",{className:"directory-picker",children:[r.jsxs("div",{className:"directory-picker-input-row",children:[r.jsx("input",{type:"text",className:"input directory-picker-input",value:u,onChange:t=>l(t.target.value),onKeyDown:g,placeholder:F||i("dirPicker.defaultPlaceholder","/path/to/your/project")}),r.jsxs("button",{type:"button",className:"btn btn-secondary btn-sm directory-picker-browse-btn",onClick:C,"aria-label":e.isOpen?i("dirPicker.closeBrowser","Close directory browser"):i("dirPicker.openBrowser","Browse directories"),children:[e.isOpen?r.jsx(U,{size:16}):r.jsx(f,{size:16}),r.jsx("span",{children:i("dirPicker.browse","Browse")})]})]}),e.isOpen&&r.jsxs("div",{className:"directory-picker-browser",role:"tree","aria-label":i("dirPicker.ariaLabel","Directory browser"),children:[r.jsx("div",{className:"directory-picker-breadcrumbs",children:v.map((t,c)=>r.jsxs("span",{className:"directory-picker-breadcrumb-item",children:[c>0&&r.jsx(w,{size:12,className:"directory-picker-breadcrumb-sep"}),r.jsx("button",{type:"button",className:"directory-picker-breadcrumb",onClick:()=>k(t.path),title:t.path,children:t.label})]},t.path))}),r.jsxs("div",{className:"directory-picker-toolbar",children:[e.parentPath&&r.jsxs("button",{type:"button",className:"btn btn-sm btn-secondary directory-picker-up-btn",onClick:()=>k(e.parentPath),"aria-label":i("dirPicker.parentDir","Go to parent directory"),title:i("dirPicker.parentDirTitle","Parent directory"),children:[r.jsx(T,{size:14}),r.jsx("span",{children:i("dirPicker.up","Up")})]}),r.jsxs("button",{type:"button",className:"btn btn-sm btn-secondary directory-picker-hidden-toggle",onClick:E,"aria-label":e.showHidden?i("dirPicker.hideHiddenAria","Hide hidden directories"):i("dirPicker.showHiddenAria","Show hidden directories"),title:e.showHidden?i("dirPicker.hideHiddenTitle","Hide hidden"):i("dirPicker.showHiddenTitle","Show hidden"),children:[e.showHidden?r.jsx(B,{size:14}):r.jsx(A,{size:14}),r.jsx("span",{children:e.showHidden?i("dirPicker.hideHidden","Hide hidden"):i("dirPicker.showHidden","Show hidden")})]}),r.jsxs("button",{type:"button",className:"btn btn-sm btn-secondary directory-picker-create-folder-toggle",onClick:j,"aria-label":i("dirPicker.createFolderAria","Create new folder"),title:i("dirPicker.createFolderTitle","Create folder"),children:[r.jsx(L,{size:14}),r.jsx("span",{children:i("dirPicker.createFolder","New folder")})]})]}),e.loading?r.jsxs("div",{className:"directory-picker-loading",children:[r.jsx(K,{size:20,className:"animate-spin"}),r.jsx("span",{children:i("dirPicker.loading","Loading…")})]}):e.error?r.jsxs("div",{className:"directory-picker-error",children:[r.jsx(N,{size:16}),r.jsx("span",{children:e.error})]}):r.jsx("div",{className:"directory-picker-entries",children:e.entries.length===0?r.jsx("div",{className:"directory-picker-empty",children:i("dirPicker.noSubdirs","No subdirectories")}):e.entries.map(t=>r.jsxs("button",{type:"button",className:"directory-picker-entry",onClick:()=>k(t.path),role:"treeitem",title:t.path,children:[r.jsx(f,{size:16,className:"directory-picker-entry-icon"}),r.jsx("span",{className:"directory-picker-entry-name",children:t.name}),t.hasChildren&&r.jsx(w,{size:14,className:"directory-picker-entry-arrow"})]},t.path))}),e.createFolderOpen&&r.jsxs("div",{className:"directory-picker-create-folder",children:[r.jsx("input",{type:"text",className:"input directory-picker-create-folder-input",value:h,onChange:t=>p(t.target.value),onKeyDown:O,placeholder:i("dirPicker.newFolderPlaceholder","Folder name"),autoFocus:!0}),r.jsxs("div",{className:"directory-picker-create-folder-actions",children:[r.jsx("button",{type:"button",className:"btn btn-sm btn-primary",onClick:y,disabled:!h.trim()||e.loading||!e.currentPath,children:i("dirPicker.createFolderConfirm","Create")}),r.jsx("button",{type:"button",className:"btn btn-sm btn-secondary",onClick:j,children:i("dirPicker.cancel","Cancel")})]}),e.createFolderError&&r.jsxs("div",{className:"directory-picker-create-folder-error",children:[r.jsx(N,{size:14}),r.jsx("span",{children:e.createFolderError})]})]}),r.jsxs("div",{className:"directory-picker-actions",children:[r.jsx("span",{className:"directory-picker-selected-path",title:e.currentPath,children:e.currentPath}),r.jsx("button",{type:"button",className:"btn btn-primary directory-picker-select-btn",onClick:H,children:i("dirPicker.select","Select")})]})]})]})}export{M as D};

package/dist/client/assets/{DocumentsView-BSWFgTsC.css → DocumentsView-BSC7wh2B.css}

@@ -1 +1 @@
-.artifacts-gallery{display:flex;flex-direction:column;gap:var(--space-lg)}.artifacts-gallery-filter{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.artifacts-gallery-chip{display:inline-flex;align-items:center;gap:var(--space-xs);border-radius:var(--radius-pill)}.artifacts-gallery-chip.active{border-color:var(--todo);color:var(--text);background:var(--card-hover)}.artifacts-gallery-chip-count{border-radius:var(--radius-pill);padding:0 var(--space-xs);background:var(--surface);font-size:.72rem;font-weight:600;color:var(--text-dim)}.artifacts-gallery-section{display:flex;flex-direction:column;gap:var(--space-sm)}.artifacts-gallery-section-header{display:flex;align-items:center;gap:var(--space-xs);color:var(--text-dim)}.artifacts-gallery-section-header h3{margin:0;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.artifacts-gallery-section-count{border-radius:var(--radius-pill);padding:0 var(--space-xs);background:var(--surface);font-size:.72rem;font-weight:600}.artifacts-gallery-grid--visual{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr));gap:var(--space-md)}.artifacts-gallery-tile{overflow:hidden;border-radius:var(--radius-lg);border:thin solid var(--border);background:var(--surface);transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.artifacts-gallery-tile:hover,.artifacts-gallery-tile:focus-within{transform:translateY(calc(-1 * var(--space-xs) / 2));border-color:var(--todo);box-shadow:var(--shadow-lg)}.artifacts-gallery-tile-media{position:relative;display:block;width:100%;aspect-ratio:4 / 3;cursor:zoom-in;background:var(--bg)}.artifacts-gallery-tile-media:focus-visible{outline:none;box-shadow:inset var(--focus-ring-strong)}.artifacts-gallery-tile-media img,.artifacts-gallery-tile-media video{display:block;width:100%;height:100%;object-fit:cover}.artifacts-gallery-tile-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--text);pointer-events:none}.artifacts-gallery-tile-play svg{border-radius:var(--radius-pill);padding:var(--space-sm);width:2.75rem;height:2.75rem;background:var(--surface);box-shadow:var(--shadow-sm);opacity:.9}.artifacts-gallery-tile-overlay{position:absolute;inset-inline:0;bottom:0;display:flex;align-items:baseline;gap:var(--space-xs);padding:var(--space-lg) var(--space-sm) var(--space-sm);background:linear-gradient(to top,color-mix(in srgb,var(--bg) 88%,transparent),transparent);opacity:0;transition:opacity var(--transition-fast);pointer-events:none}.artifacts-gallery-tile-media:hover .artifacts-gallery-tile-overlay,.artifacts-gallery-tile-media:focus-visible .artifacts-gallery-tile-overlay{opacity:1}.artifacts-gallery-tile-title{overflow:hidden;min-width:0;font-size:.8rem;font-weight:600;color:var(--text);text-overflow:ellipsis;white-space:nowrap}.artifacts-gallery-tile-task{flex-shrink:0;font-size:.72rem;font-weight:600;color:var(--text-dim)}.artifacts-gallery-grid--cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));gap:var(--space-md)}.artifacts-gallery-card{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md);border:thin solid var(--border);border-radius:var(--radius-lg);background:var(--surface);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.artifacts-gallery-card:hover,.artifacts-gallery-card:focus-visible{transform:translateY(calc(-1 * var(--space-xs) / 2));border-color:var(--todo);box-shadow:var(--shadow-lg);background:var(--card-hover)}.artifacts-gallery-card:focus-within{outline:none}.artifacts-gallery-card-main{display:flex;gap:var(--space-sm)}.artifacts-gallery-card-main:focus-visible{outline:none}.artifacts-gallery-card-task{align-self:flex-start}.artifacts-gallery-card-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2.75rem;height:2.75rem;border-radius:var(--radius-lg);background:var(--bg);color:var(--text-dim)}.artifacts-gallery-card-icon--pdf{color:var(--color-error)}.artifacts-gallery-card-body{display:flex;flex-direction:column;gap:var(--space-xs);min-width:0}.artifacts-gallery-card-title{margin:0;font-size:.9rem;font-weight:600;color:var(--text);overflow-wrap:anywhere}.artifacts-gallery-card-description{margin:0;font-size:.8rem;color:var(--text-dim);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.artifacts-gallery-card-meta{display:flex;flex-wrap:wrap;gap:var(--space-xs);font-size:.72rem;color:var(--text-dim)}.artifacts-gallery-rows{display:flex;flex-direction:column;gap:var(--space-sm)}.artifacts-gallery-row{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border:thin solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.artifacts-gallery-row-info{display:flex;align-items:center;gap:var(--space-sm);min-width:0;flex:1;color:var(--text-dim)}.artifacts-gallery-row-title{overflow:hidden;min-width:0;font-size:.85rem;font-weight:600;color:var(--text);text-overflow:ellipsis;white-space:nowrap}.artifacts-gallery-row-mime{flex-shrink:0;font-size:.7rem}.artifacts-gallery-row-meta{flex-shrink:0;margin-left:auto;font-size:.72rem;color:var(--text-dim)}.artifacts-gallery-audio{width:min(20rem,40vw);flex-shrink:0}.artifacts-gallery-row-download{display:inline-flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.artifacts-gallery-task-link{border:0;padding:0;background:none;font-size:.75rem;font-weight:600;color:var(--todo);cursor:pointer;text-align:left}.artifacts-gallery-task-link:hover,.artifacts-gallery-task-link:focus-visible{text-decoration:underline}.artifacts-gallery-window .floating-window__body{display:flex;min-height:0}.artifacts-gallery-viewer{display:flex;flex-direction:column;gap:var(--space-sm);width:100%;min-height:0;padding:var(--space-md)}.artifacts-gallery-viewer-header{display:flex;align-items:center;gap:var(--space-sm);cursor:grab}.artifacts-gallery-viewer-header:active{cursor:grabbing}.artifacts-gallery-viewer-title{flex:1;min-width:0;margin:0;font-size:1rem;font-weight:700;color:var(--text);overflow-wrap:anywhere}.artifacts-gallery-viewer-actions{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.artifacts-gallery-viewer-media-frame{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;overflow:hidden;border-radius:var(--radius-lg);background:var(--surface)}.artifacts-gallery-viewer-media{display:block;max-width:100%;max-height:100%;object-fit:contain}.artifacts-gallery-viewer-pdf{width:100%;flex:1;min-height:0;border:thin solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.artifacts-gallery-viewer-html{width:100%;height:100%;min-height:20rem;border:thin solid var(--border);border-radius:var(--radius-lg);background:#fff}.artifacts-gallery-viewer-doc{min-height:0;flex:1;overflow-y:auto;padding:var(--space-sm);border:thin solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.artifacts-gallery-viewer-plain{margin:0;white-space:pre-wrap;word-break:break-word;font-size:.85rem}.artifacts-gallery-viewer-editor{display:flex;flex-direction:column;min-height:45dvh;height:100%}.artifacts-gallery-viewer-editor .file-editor-container{flex:1;min-height:40dvh}.artifacts-gallery-viewer-loading,.artifacts-gallery-viewer-error{margin:0;font-size:.85rem;color:var(--text-dim)}.artifacts-gallery-viewer-error{color:var(--color-error)}.artifacts-gallery-viewer-meta{display:flex;flex-direction:column;gap:var(--space-xs)}.artifacts-gallery-viewer-description{margin:0;font-size:.82rem;color:var(--text-dim)}.artifacts-gallery-viewer-meta-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-xs);font-size:.75rem;color:var(--text-dim)}@media(max-width:768px),(max-height:480px){.artifacts-gallery-filter{flex-wrap:nowrap;overflow-x:auto;padding-bottom:var(--space-xs);-webkit-overflow-scrolling:touch}.artifacts-gallery-chip{flex-shrink:0}.artifacts-gallery-grid--visual{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.artifacts-gallery-grid--cards{grid-template-columns:1fr}.artifacts-gallery-tile-overlay{opacity:1}.artifacts-gallery-row{flex-wrap:wrap}.artifacts-gallery-audio{width:100%}.artifacts-gallery-viewer{padding:var(--space-sm)}}
+.artifacts-gallery{display:flex;flex-direction:column;gap:var(--space-lg)}.artifacts-gallery-filter{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.artifacts-gallery-chip{display:inline-flex;align-items:center;gap:var(--space-xs);border-radius:var(--radius-pill)}.artifacts-gallery-chip.active{border-color:var(--todo);color:var(--text);background:var(--card-hover)}.artifacts-gallery-chip-count{border-radius:var(--radius-pill);padding:0 var(--space-xs);background:var(--surface);font-size:.72rem;font-weight:600;color:var(--text-dim)}.artifacts-gallery-section{display:flex;flex-direction:column;gap:var(--space-sm)}.artifacts-gallery-section-header{display:flex;align-items:center;gap:var(--space-xs);color:var(--text-dim)}.artifacts-gallery-section-header h3{margin:0;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.artifacts-gallery-section-count{border-radius:var(--radius-pill);padding:0 var(--space-xs);background:var(--surface);font-size:.72rem;font-weight:600}.artifacts-gallery-grid--visual{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr));gap:var(--space-md)}.artifacts-gallery-tile{overflow:hidden;border-radius:var(--radius-lg);border:thin solid var(--border);background:var(--surface);transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.artifacts-gallery-tile:hover,.artifacts-gallery-tile:focus-within{transform:translateY(calc(-1 * var(--space-xs) / 2));border-color:var(--todo);box-shadow:var(--shadow-lg)}.artifacts-gallery-tile-media{position:relative;display:block;width:100%;aspect-ratio:4 / 3;cursor:zoom-in;background:var(--bg)}.artifacts-gallery-tile-media:focus-visible{outline:none;box-shadow:inset var(--focus-ring-strong)}.artifacts-gallery-tile-media img,.artifacts-gallery-tile-media video{display:block;width:100%;height:100%;object-fit:cover}.artifacts-gallery-tile-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--text);pointer-events:none}.artifacts-gallery-tile-play svg{border-radius:var(--radius-pill);padding:var(--space-sm);width:2.75rem;height:2.75rem;background:var(--surface);box-shadow:var(--shadow-sm);opacity:.9}.artifacts-gallery-tile-overlay{position:absolute;inset-inline:0;bottom:0;display:flex;align-items:baseline;gap:var(--space-xs);padding:var(--space-lg) var(--space-sm) var(--space-sm);background:linear-gradient(to top,color-mix(in srgb,var(--bg) 88%,transparent),transparent);opacity:0;transition:opacity var(--transition-fast);pointer-events:none}.artifacts-gallery-tile-media:hover .artifacts-gallery-tile-overlay,.artifacts-gallery-tile-media:focus-visible .artifacts-gallery-tile-overlay{opacity:1}.artifacts-gallery-tile-title{overflow:hidden;min-width:0;font-size:.8rem;font-weight:600;color:var(--text);text-overflow:ellipsis;white-space:nowrap}.artifacts-gallery-tile-task{flex-shrink:0;font-size:.72rem;font-weight:600;color:var(--text-dim)}.artifacts-gallery-grid--cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));gap:var(--space-md)}.artifacts-gallery-card{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md);border:thin solid var(--border);border-radius:var(--radius-lg);background:var(--surface);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.artifacts-gallery-card:hover,.artifacts-gallery-card:focus-visible{transform:translateY(calc(-1 * var(--space-xs) / 2));border-color:var(--todo);box-shadow:var(--shadow-lg);background:var(--card-hover)}.artifacts-gallery-card:focus-within{outline:none}.artifacts-gallery-card-main{display:flex;gap:var(--space-sm)}.artifacts-gallery-card-main:focus-visible{outline:none}.artifacts-gallery-card-task{align-self:flex-start}.artifacts-gallery-card-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2.75rem;height:2.75rem;border-radius:var(--radius-lg);background:var(--bg);color:var(--text-dim)}.artifacts-gallery-card-icon--pdf{color:var(--color-error)}.artifacts-gallery-card-body{display:flex;flex-direction:column;gap:var(--space-xs);min-width:0}.artifacts-gallery-card-title{margin:0;font-size:.9rem;font-weight:600;color:var(--text);overflow-wrap:anywhere}.artifacts-gallery-card-description{margin:0;font-size:.8rem;color:var(--text-dim);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.artifacts-gallery-card-meta{display:flex;flex-wrap:wrap;gap:var(--space-xs);font-size:.72rem;color:var(--text-dim)}.artifacts-gallery-rows{display:flex;flex-direction:column;gap:var(--space-sm)}.artifacts-gallery-row{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border:thin solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.artifacts-gallery-row-info{display:flex;align-items:center;gap:var(--space-sm);min-width:0;flex:1;color:var(--text-dim)}.artifacts-gallery-row-title{overflow:hidden;min-width:0;font-size:.85rem;font-weight:600;color:var(--text);text-overflow:ellipsis;white-space:nowrap}.artifacts-gallery-row-mime{flex-shrink:0;font-size:.7rem}.artifacts-gallery-row-meta{flex-shrink:0;margin-left:auto;font-size:.72rem;color:var(--text-dim)}.artifacts-gallery-audio{width:min(20rem,40vw);flex-shrink:0}.artifacts-gallery-row-download{display:inline-flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.artifacts-gallery-task-link{border:0;padding:0;background:none;font-size:.75rem;font-weight:600;color:var(--todo);cursor:pointer;text-align:left}.artifacts-gallery-task-link:hover,.artifacts-gallery-task-link:focus-visible{text-decoration:underline}.artifacts-gallery-window .floating-window__body{display:flex;min-height:0}.artifacts-gallery-viewer{display:flex;flex-direction:column;gap:var(--space-sm);width:100%;min-height:0;padding:var(--space-md)}.artifacts-gallery-viewer-header{display:flex;align-items:center;gap:var(--space-sm);cursor:grab;touch-action:none}.artifacts-gallery-viewer-header:active{cursor:grabbing}.artifacts-gallery-viewer-title{flex:1;min-width:0;margin:0;font-size:1rem;font-weight:700;color:var(--text);overflow-wrap:anywhere}.artifacts-gallery-viewer-actions{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.artifacts-gallery-viewer-media-frame{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;overflow:hidden;border-radius:var(--radius-lg);background:var(--surface)}.artifacts-gallery-viewer-media{display:block;max-width:100%;max-height:100%;object-fit:contain}.artifacts-gallery-viewer-pdf{width:100%;flex:1;min-height:0;border:thin solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.artifacts-gallery-viewer-html{width:100%;height:100%;min-height:20rem;border:thin solid var(--border);border-radius:var(--radius-lg);background:#fff}.artifacts-gallery-viewer-doc{min-height:0;flex:1;overflow-y:auto;padding:var(--space-sm);border:thin solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.artifacts-gallery-viewer-plain{margin:0;white-space:pre-wrap;word-break:break-word;font-size:.85rem}.artifacts-gallery-viewer-editor{display:flex;flex-direction:column;min-height:45dvh;height:100%}.artifacts-gallery-viewer-editor .file-editor-container{flex:1;min-height:40dvh}.artifacts-gallery-viewer-loading,.artifacts-gallery-viewer-error{margin:0;font-size:.85rem;color:var(--text-dim)}.artifacts-gallery-viewer-error{color:var(--color-error)}.artifacts-gallery-viewer-meta{display:flex;flex-direction:column;gap:var(--space-xs)}.artifacts-gallery-viewer-description{margin:0;font-size:.82rem;color:var(--text-dim)}.artifacts-gallery-viewer-meta-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-xs);font-size:.75rem;color:var(--text-dim)}@media(max-width:768px),(max-height:480px){.artifacts-gallery-filter{flex-wrap:nowrap;overflow-x:auto;padding-bottom:var(--space-xs);-webkit-overflow-scrolling:touch}.artifacts-gallery-chip{flex-shrink:0}.artifacts-gallery-grid--visual{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.artifacts-gallery-grid--cards{grid-template-columns:1fr}.artifacts-gallery-tile-overlay{opacity:1}.artifacts-gallery-row{flex-wrap:wrap}.artifacts-gallery-audio{width:100%}.artifacts-gallery-window{inset:0!important;width:100vw!important;height:100dvh!important;min-width:0!important;min-height:0!important;max-width:100vw!important;max-height:100dvh!important;border:none;border-radius:0;box-shadow:none}.artifacts-gallery-window .floating-window__resize-handle{display:none}.artifacts-gallery-window .artifacts-gallery-viewer-header,.artifacts-gallery-window .artifacts-gallery-viewer-header:active{cursor:default;touch-action:auto}.artifacts-gallery-viewer{padding:var(--space-sm)}}