pi-web-ui 0.45.0 → 0.47.0

package/dist/server/agent-service.js

@@ -1030,6 +1030,7 @@ export class ClientSession {
             // (new chat + first message, completed turns, compaction, etc.).
             case "agent_end": {
                 this.scheduleSessionsRefresh();
+                this.refreshConversationTitle(conv);
                 // Manual interrupt (Stop button / abort): the last assistant message
                 // carries stopReason "aborted". A half-finished run should NOT be
                 // reviewed (it would fail and inject a revision, only to be stopped
@@ -1059,6 +1060,7 @@ export class ClientSession {
             }
             case "entry_appended":
                 this.scheduleSessionsRefresh();
+                this.refreshConversationTitle(conv);
                 break;
             case "message_update": {
                 // Live assistant-message increment, deliberately OUTSIDE the snapshot
@@ -1125,6 +1127,21 @@ export class ClientSession {
         }, 800);
         // pushSessions no-ops unless the client opted in via list_sessions.
     }
+    /** Refresh a conversation's title from its persisted first user message
+     *  while it is still unnamed. Runs off the event stream (entry_appended /
+     *  agent_end) rather than the prompt() call site, so ANY entry path that
+     *  lands a message names the chat the moment it is persisted — a rename
+     *  skipped by the prompt-start fast path (e.g. a concurrent switch) is
+     *  recovered here instead of leaving a permanent “新对话”. */
+    refreshConversationTitle(conv) {
+        if (conv.title !== DEFAULT_CONV_TITLE)
+            return;
+        const title = conversationTitle(conv.session);
+        if (title === DEFAULT_CONV_TITLE)
+            return;
+        conv.title = title;
+        this.emitConversations();
+    }
     /** Serialize a persisted message with a STABLE id + cached object reference. */
     serializeCached(m) {
         const conv = this.conv;
@@ -1745,6 +1762,11 @@ export class ClientSession {
      * after the current turn settles, skipping remaining planned tool calls.
      */
     queue = false) {
+        // Captured at the START (before any await): the conversation being
+        // addressed by this prompt. See the naming block below — a concurrent
+        // switch/new_chat while prompt() is in flight must never target a
+        // different conversation.
+        const conv = this.conv;
         try {
             const s = this.session;
             // Native slash commands (see NATIVE_COMMANDS) are executed here and
@@ -1760,6 +1782,19 @@ export class ClientSession {
             // is refused until admission reopens.
             if (this.quiesceBlocked())
                 return;
+            // Name the conversation from its FIRST prompt immediately, before any
+            // await: the typed text IS the name. The `conv` reference was captured
+            // before the try block, so a concurrent switch/new_chat while prompt()
+            // is in flight can never rename a DIFFERENT conversation — or miss the
+            // rename entirely. A failed send still leaves the name, which matches
+            // what the user typed intent-wise; the entry_appended fallback below
+            // re-derives it from the persisted transcript when needed.
+            if (conv.title === DEFAULT_CONV_TITLE && text.trim()) {
+                const trimmed = text.trim().replace(/\s+/g, " ");
+                conv.title =
+                    trimmed.length > 30 ? `${trimmed.slice(0, 30)}…` : trimmed;
+                this.emitConversations();
+            }
             // Attach files as independent nextTurn context messages (asides) so the
             // user message stays clean; they render as separate attachment cards.
             const asides = await buildAttachmentMessages({
@@ -1798,16 +1833,10 @@ export class ClientSession {
                 text: `提示发送失败：${err.message}`,
             });
         }
-        // Name the conversation after its first user prompt.
-        const conv = this.conv;
-        if (conv.title === DEFAULT_CONV_TITLE && text.trim()) {
-            const trimmed = text.trim().replace(/\s+/g, " ");
-            conv.title = trimmed.length > 30 ? `${trimmed.slice(0, 30)}…` : trimmed;
-            this.emitConversations();
-        }
-        // The active conversation has been continued since it was opened — it
-        // must not be dismissed when the user switches away. (Also bumps the
-        // per-project "most recently active" order used by set_cwd.)
+        // The active conversation (captured at prompt start — see above) has been
+        // continued since it was opened — it must not be dismissed when the user
+        // switches away. (Also bumps the per-project "most recently active"
+        // order used by set_cwd.)
         conv.promptedSinceActive = true;
         conv.lastActiveAt = Date.now();
         // Fresh run — restart the stall watchdog window.
@@ -2133,9 +2162,12 @@ export class ClientSession {
             return;
         const displaced = this.displaceActive();
         this.activeId = id;
-        this.cwd = this.conv.cwd;
-        // All listed conversations share the current project's cwd, so this is
-        // normally a no-op — kept defensive for stale clients.
+        const newCwd = this.conv.cwd;
+        // A listed conversation may belong to ANOTHER project (cross-project
+        // running list). Switching to it must also switch the active workspace
+        // — otherwise the file tree / session history / recent-projects order
+        // would keep showing the OLD project while the chat shows the new one.
+        const cwdChanged = newCwd !== this.cwd;
         if (displaced)
             this.removeConversation(displaced.id);
         this.conv.promptedSinceActive = false;
@@ -2146,15 +2178,33 @@ export class ClientSession {
         this.pushTerminals();
         // The switched-to conversation has its own runtime (own resource cache).
         void this.pushSlashCommands();
+        if (cwdChanged) {
+            this.cwd = newCwd;
+            // Mirror set_cwd's project-switch side-effects so the whole UI follows
+            // the new workspace, not just the chat pane.
+            try {
+                this.onCwdChanged?.(newCwd);
+            }
+            catch {
+                /* hook failure must not break the switch */
+            }
+            this.stateStore.remember(this.clientId, newCwd);
+            void this.pushProjects();
+            void this.refreshSessions();
+            void this.listFiles(undefined);
+            void this.listCommands();
+        }
         this.flushSnapshot();
     }
-    /** Push the current project's running-conversation list to the client. */
+    /** Push every running conversation across ALL projects to the client. The
+     *  running-conversation list is global so a background run from another
+     *  workspace stays visible; clicking one switches both the conversation and
+     *  its project (see switchConversation). The client groups the list by cwd. */
     emitConversations() {
         const conversations = [];
         for (const conv of this.convs.values()) {
-            // The running-conversation list is per project and only contains
-            // conversations that were displaced to the background while running.
-            if (conv.cwd !== this.cwd || !conv.listed)
+            // Only conversations that were displaced to the background while running.
+            if (!conv.listed)
                 continue;
             let messageCount = 0;
             let isStreaming = false;
@@ -2261,26 +2311,86 @@ export class ClientSession {
             });
         }
     }
-    /** Switch the active session to a persisted one (from listSessions). */
+    /** Open a persisted session as the active conversation (from listSessions).
+     *
+     * A persisted-session click must follow the same ownership rule as
+     * new_chat/switch_conversation: every open conversation keeps its own
+     * runtime. AgentSessionRuntime.switchSession() tears down (and aborts) the
+     * current runtime, which would otherwise stop a response merely because the
+     * user opened history while it was streaming.
+     */
     async switchSession(path) {
         if (this.quiesceBlocked())
             return;
+        let openedRuntime = null;
+        let openedTerminals = null;
         try {
-            await this.runtime.switchSession(path);
-            await this.bindSession();
-            // The resumed session carries its own cwd — sync it into the ACTIVE
-            // conversation (other open conversations are untouched).
-            this.conv.cwd = this.runtime.cwd;
-            this.cwd = this.runtime.cwd;
-            this.conv.title = conversationTitle(this.runtime.session);
+            const targetPath = resolve(path);
+            // A session may already be open in the running-conversation map. Reuse it
+            // instead of creating a second writer for the same JSONL transcript.
+            for (const conv of this.convs.values()) {
+                const sessionFile = conv.session.sessionFile;
+                if (sessionFile && resolve(sessionFile) === targetPath) {
+                    await this.switchConversation(conv.id);
+                    return;
+                }
+            }
+            const sessionManager = SessionManager.open(targetPath);
+            const targetCwd = sessionManager.getCwd();
+            const conversationId = this.nextConversationId();
+            openedTerminals = this.makeTerminalManager(conversationId, targetCwd);
+            openedRuntime = await createAgentSessionRuntime(this.makeRuntimeFactory(openedTerminals), {
+                cwd: targetCwd,
+                agentDir: this.agentDir,
+                sessionManager,
+            });
+            // Only displace the old active conversation after the replacement runtime
+            // is known-good. This keeps a failed history open entirely non-destructive.
+            const oldListed = this.conv.listed;
+            const displaced = this.displaceActive();
+            const openInProject = [...this.convs.values()].filter((c) => c.cwd === targetCwd).length +
+                1 -
+                (displaced?.cwd === targetCwd ? 1 : 0);
+            if (openInProject > MAX_OPEN_CONVERSATIONS) {
+                // displaceActive() may have promoted a streaming conversation into the
+                // running list. Roll that presentation-only mutation back because no
+                // switch will take place.
+                this.conv.listed = oldListed;
+                openedTerminals.killAll();
+                await openedRuntime.dispose();
+                openedRuntime = null;
+                openedTerminals = null;
+                this.emit({
+                    type: "notice",
+                    level: "warning",
+                    text: `当前项目运行的对话已达上限（${MAX_OPEN_CONVERSATIONS} 个），请先打开某个对话并离开（不继续对话）以移出列表`,
+                });
+                return;
+            }
+            const conv = this.makeConversation(openedRuntime, conversationId, openedTerminals);
             // Deliberately resumed — must not be dismissed when the user later
             // switches away without sending a new message.
-            this.conv.promptedSinceActive = true;
+            conv.promptedSinceActive = true;
+            this.convs.set(conv.id, conv);
+            this.activeId = conv.id;
+            openedRuntime = null;
+            openedTerminals = null;
+            if (displaced)
+                this.removeConversation(displaced.id);
+            await this.bindSession();
+            this.cwd = targetCwd;
+            this.conv.lastActiveAt = Date.now();
+            this.webUi.refresh();
             this.emitConversations();
-            // switchSession replaced the runtime — its resource cache is fresh.
+            this.goalSvc.emitGoalStatus();
+            this.pushTerminals();
+            // The restored conversation has a fresh project-bound resource cache.
             void this.pushSlashCommands();
         }
         catch (err) {
+            openedTerminals?.killAll();
+            if (openedRuntime)
+                await openedRuntime.dispose().catch(() => { });
             this.emit({
                 type: "notice",
                 level: "error",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pi-web-ui",
-  "version": "0.45.0",
+  "version": "0.47.0",
   "description": "Web chat interface for the pi coding agent, powered by the pi SDK (@earendil-works/pi-coding-agent) — one-command run, Docker/systemd/launchd deployable",
   "license": "MIT",
   "author": {

package/web/dist/assets/{TerminalPanel-C2R8nfig.js → TerminalPanel-ClyNBJJt.js}

@@ -1,2 +1,2 @@
-import{a as d,j as n}from"./markdown-DRBrS2Nf.js";import{b as $,T as R,u as O,F as P,a as K,c as q,d as L,e as B,f as J,g as X,h as G,r as Q}from"./index-CeePtC8A.js";import{D as U,o as V}from"./xterm-D1D2FVe3.js";import"./react-C9ovnpIm.js";function W({conversationId:s,terminalId:r,command:x,cwd:a,active:f,send:m,register:v}){const w=d.useRef(null),N=d.useRef(null),b=x?JSON.stringify(x):"";return d.useEffect(()=>{const p=w.current;if(!p)return;const t=new U({theme:$(),fontFamily:'"SF Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace',fontSize:13,cursorBlink:!0,scrollback:8e3}),c=new V;t.loadAddon(c),t.open(p),N.current={term:t,fit:c},f&&t.focus();const h=()=>{t.options.theme=$()};window.addEventListener(R,h),t.attachCustomKeyEventHandler(o=>{var F;if(o.type!=="keydown")return!0;const E=(F=o.key)==null?void 0:F.toLowerCase();if((o.ctrlKey||o.metaKey)&&E==="v")return!1;if(o.ctrlKey&&!o.shiftKey&&!o.altKey&&E==="c"&&t.hasSelection()){const T=t.textarea;return T&&(T.value=t.getSelection(),T.select()),!1}return!0});const g=v(s,r,{write:o=>t.write(o),dispose:()=>t.dispose()}),C=()=>{try{c.fit(),m({type:"terminal_resize",terminalId:r,conversationId:s,cols:t.cols,rows:t.rows})}catch{}},j=requestAnimationFrame(()=>{try{c.fit()}catch{}m(x?{type:"run_command",terminalId:r,conversationId:s,command:x,cols:t.cols,rows:t.rows}:{type:"terminal_create",terminalId:r,conversationId:s,cwd:a,cols:t.cols,rows:t.rows})}),k=t.onData(o=>{m({type:"terminal_input",terminalId:r,conversationId:s,data:o})});let y=null;return typeof ResizeObserver<"u"&&(y=new ResizeObserver(()=>{p.offsetWidth>0&&p.offsetHeight>0&&C()}),y.observe(p)),()=>{cancelAnimationFrame(j),k.dispose(),window.removeEventListener(R,h),y==null||y.disconnect(),g(),t.dispose(),N.current=null}},[s,r,b,m,v]),d.useEffect(()=>{if(!f)return;const p=requestAnimationFrame(()=>{const t=N.current;if(t){try{t.fit.fit(),m({type:"terminal_resize",terminalId:r,conversationId:s,cols:t.term.cols,rows:t.term.rows})}catch{}t.term.focus()}});return()=>cancelAnimationFrame(p)},[f]),n.jsx("div",{ref:w,className:`term-xterm ${f?"":"hidden"}`})}const A={name:"",command:"",cwd:"${pwd}"};function se({chat:s,send:r,terminal:x}){const a=O(),[f,m]=d.useState(null),[v,w]=d.useState(!1),[N,b]=d.useState(!1),[p,t]=d.useState(null),[c,h]=d.useState(A),[g,C]=d.useState(null),j=d.useRef(null);d.useEffect(()=>{s.terminals.length===0?m(null):s.terminals.some(e=>e.id===f)||m(s.terminals[s.terminals.length-1].id)},[s.terminals,f]),d.useEffect(()=>()=>{j.current&&clearTimeout(j.current)},[]);const k=e=>{var u;if(!s.ready)return;const i=Q(),l=s.activeConversationId||((u=s.state)==null?void 0:u.conversationId)||"";x.create({...e,id:i,conversationId:l,cols:e.cols??80,rows:e.rows??24,running:!0,exitCode:null}),m(i),w(!1)},y=()=>{var e;return k({title:a("terminalTitle",{n:s.terminals.length+1}),cwd:((e=s.state)==null?void 0:e.cwd)??""})},o=e=>{var u;const i=e.name||e.command,l=s.terminals.find(_=>_.title===i);if(l){x.restart(l.id),m(l.id),r({type:"run_command",terminalId:l.id,conversationId:l.conversationId,command:e,cols:80,rows:24});return}k({title:i,cwd:((u=s.state)==null?void 0:u.cwd)??"",command:e})},E=e=>{const i=s.terminals.find(l=>l.id===e);if(i&&r({type:"terminal_kill",terminalId:e,conversationId:i.conversationId}),x.close(e),f===e){const l=s.terminals.filter(u=>u.id!==e);m(l.length>0?l[l.length-1].id:null)}},F=()=>{b(!0),t(null),h(A)},T=e=>{const i=s.commands[e];i&&(b(!1),t(e),h({name:i.name,command:i.command,cwd:i.cwd??""}))},D=()=>{b(!1),t(null)},S=()=>{const e=c.name.trim(),i=c.command.trim();if(!e||!i)return;const l=c.cwd.trim(),u={name:e,command:i,cwd:l||void 0},_=N?[...s.commands,u]:p!==null?s.commands.map((z,H)=>H===p?u:z):s.commands;r({type:"save_commands",commands:_}),D()},I=e=>{if(g===e){const i=s.commands.filter((l,u)=>u!==e);r({type:"save_commands",commands:i}),C(null),j.current&&clearTimeout(j.current)}else C(e),j.current&&clearTimeout(j.current),j.current=setTimeout(()=>C(null),2500)},M=N||p!==null;return n.jsxs("div",{className:"terminal-view",children:[n.jsxs("aside",{className:`term-side term-commands ${v?"open":""}`,children:[n.jsxs("div",{className:"panel-header",children:[n.jsx("span",{className:"panel-title",children:a("commands")}),n.jsxs("div",{className:"panel-header-actions",children:[n.jsx("button",{type:"button",className:"panel-refresh",title:a("rerun"),onClick:()=>r({type:"list_commands"}),children:n.jsx(P,{})}),n.jsx("button",{type:"button",className:"panel-new",title:a("newCommand"),onClick:F,children:n.jsx(K,{})})]})]}),n.jsx("div",{className:"panel-body",children:M?n.jsxs("div",{className:"cmd-form",children:[n.jsx("label",{htmlFor:"cmd-name",children:a("name")}),n.jsx("input",{id:"cmd-name",className:"cmd-input",value:c.name,placeholder:a("exampleName"),autoFocus:!0,onChange:e=>h({...c,name:e.target.value})}),n.jsx("label",{htmlFor:"cmd-command",children:a("command")}),n.jsx("input",{id:"cmd-command",className:"cmd-input",value:c.command,placeholder:a("exampleCommand"),onChange:e=>h({...c,command:e.target.value}),onKeyDown:e=>{e.key==="Enter"&&!e.nativeEvent.isComposing&&S()}}),n.jsxs("label",{htmlFor:"cmd-cwd",children:[a("directory")," ",n.jsx("span",{className:"cmd-hint",children:a("cwdHint")})]}),n.jsx("input",{id:"cmd-cwd",className:"cmd-input",value:c.cwd,placeholder:"${pwd}",onChange:e=>h({...c,cwd:e.target.value}),onKeyDown:e=>{e.key==="Enter"&&!e.nativeEvent.isComposing&&S()}}),n.jsxs("div",{className:"cmd-form-actions",children:[n.jsx("button",{type:"button",className:"btn",onClick:D,children:a("cancel")}),n.jsx("button",{type:"button",className:"btn primary",disabled:!c.name.trim()||!c.command.trim(),onClick:S,children:a("save")})]})]}):n.jsxs(n.Fragment,{children:[s.commands.length===0&&n.jsx("div",{className:"panel-empty",children:a("noCommands")}),s.commands.map((e,i)=>n.jsxs("div",{className:"cmd-item",children:[n.jsx("button",{type:"button",className:"cmd-run",title:a("clickToRun"),onClick:()=>o(e),children:n.jsx(q,{})}),n.jsxs("button",{type:"button",className:"cmd-main",title:a("clickToRun"),onClick:()=>o(e),children:[n.jsx("span",{className:"cmd-name",children:e.name}),n.jsx("span",{className:"cmd-command",children:e.command}),e.cwd&&n.jsx("span",{className:"cmd-cwd",children:e.cwd})]}),n.jsx("button",{type:"button",className:"cmd-act",title:a("edit"),onClick:()=>T(i),children:n.jsx(L,{})}),n.jsx("button",{type:"button",className:`cmd-act del ${g===i?"confirm":""}`,title:a("delete"),onClick:()=>I(i),children:g===i?a("confirmQ"):n.jsx(B,{})})]},i))]})}),n.jsxs("div",{className:"term-tabs-block",children:[n.jsxs("div",{className:"panel-header",children:[n.jsx("span",{className:"panel-title",children:a("terminal")}),n.jsx("button",{type:"button",className:"panel-new",title:a("newTerminal"),onClick:y,children:n.jsx(K,{})})]}),n.jsxs("div",{className:"panel-body",children:[s.terminals.length===0&&n.jsx("div",{className:"panel-empty",children:a("noTerminal")}),s.terminals.map(e=>n.jsxs("div",{className:`term-tab ${e.id===f?"active":""}`,children:[n.jsxs("button",{type:"button",className:"term-tab-main",title:`${e.cwd}${e.command?`
+import{a as d,j as n}from"./markdown-DRBrS2Nf.js";import{b as $,T as R,u as O,F as P,a as K,c as q,d as L,e as B,f as J,g as X,h as G,r as Q}from"./index-BvfQTKan.js";import{D as U,o as V}from"./xterm-D1D2FVe3.js";import"./react-C9ovnpIm.js";function W({conversationId:s,terminalId:r,command:x,cwd:a,active:f,send:m,register:v}){const w=d.useRef(null),N=d.useRef(null),b=x?JSON.stringify(x):"";return d.useEffect(()=>{const p=w.current;if(!p)return;const t=new U({theme:$(),fontFamily:'"SF Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace',fontSize:13,cursorBlink:!0,scrollback:8e3}),c=new V;t.loadAddon(c),t.open(p),N.current={term:t,fit:c},f&&t.focus();const h=()=>{t.options.theme=$()};window.addEventListener(R,h),t.attachCustomKeyEventHandler(o=>{var F;if(o.type!=="keydown")return!0;const E=(F=o.key)==null?void 0:F.toLowerCase();if((o.ctrlKey||o.metaKey)&&E==="v")return!1;if(o.ctrlKey&&!o.shiftKey&&!o.altKey&&E==="c"&&t.hasSelection()){const T=t.textarea;return T&&(T.value=t.getSelection(),T.select()),!1}return!0});const g=v(s,r,{write:o=>t.write(o),dispose:()=>t.dispose()}),C=()=>{try{c.fit(),m({type:"terminal_resize",terminalId:r,conversationId:s,cols:t.cols,rows:t.rows})}catch{}},j=requestAnimationFrame(()=>{try{c.fit()}catch{}m(x?{type:"run_command",terminalId:r,conversationId:s,command:x,cols:t.cols,rows:t.rows}:{type:"terminal_create",terminalId:r,conversationId:s,cwd:a,cols:t.cols,rows:t.rows})}),k=t.onData(o=>{m({type:"terminal_input",terminalId:r,conversationId:s,data:o})});let y=null;return typeof ResizeObserver<"u"&&(y=new ResizeObserver(()=>{p.offsetWidth>0&&p.offsetHeight>0&&C()}),y.observe(p)),()=>{cancelAnimationFrame(j),k.dispose(),window.removeEventListener(R,h),y==null||y.disconnect(),g(),t.dispose(),N.current=null}},[s,r,b,m,v]),d.useEffect(()=>{if(!f)return;const p=requestAnimationFrame(()=>{const t=N.current;if(t){try{t.fit.fit(),m({type:"terminal_resize",terminalId:r,conversationId:s,cols:t.term.cols,rows:t.term.rows})}catch{}t.term.focus()}});return()=>cancelAnimationFrame(p)},[f]),n.jsx("div",{ref:w,className:`term-xterm ${f?"":"hidden"}`})}const A={name:"",command:"",cwd:"${pwd}"};function se({chat:s,send:r,terminal:x}){const a=O(),[f,m]=d.useState(null),[v,w]=d.useState(!1),[N,b]=d.useState(!1),[p,t]=d.useState(null),[c,h]=d.useState(A),[g,C]=d.useState(null),j=d.useRef(null);d.useEffect(()=>{s.terminals.length===0?m(null):s.terminals.some(e=>e.id===f)||m(s.terminals[s.terminals.length-1].id)},[s.terminals,f]),d.useEffect(()=>()=>{j.current&&clearTimeout(j.current)},[]);const k=e=>{var u;if(!s.ready)return;const i=Q(),l=s.activeConversationId||((u=s.state)==null?void 0:u.conversationId)||"";x.create({...e,id:i,conversationId:l,cols:e.cols??80,rows:e.rows??24,running:!0,exitCode:null}),m(i),w(!1)},y=()=>{var e;return k({title:a("terminalTitle",{n:s.terminals.length+1}),cwd:((e=s.state)==null?void 0:e.cwd)??""})},o=e=>{var u;const i=e.name||e.command,l=s.terminals.find(_=>_.title===i);if(l){x.restart(l.id),m(l.id),r({type:"run_command",terminalId:l.id,conversationId:l.conversationId,command:e,cols:80,rows:24});return}k({title:i,cwd:((u=s.state)==null?void 0:u.cwd)??"",command:e})},E=e=>{const i=s.terminals.find(l=>l.id===e);if(i&&r({type:"terminal_kill",terminalId:e,conversationId:i.conversationId}),x.close(e),f===e){const l=s.terminals.filter(u=>u.id!==e);m(l.length>0?l[l.length-1].id:null)}},F=()=>{b(!0),t(null),h(A)},T=e=>{const i=s.commands[e];i&&(b(!1),t(e),h({name:i.name,command:i.command,cwd:i.cwd??""}))},D=()=>{b(!1),t(null)},S=()=>{const e=c.name.trim(),i=c.command.trim();if(!e||!i)return;const l=c.cwd.trim(),u={name:e,command:i,cwd:l||void 0},_=N?[...s.commands,u]:p!==null?s.commands.map((z,H)=>H===p?u:z):s.commands;r({type:"save_commands",commands:_}),D()},I=e=>{if(g===e){const i=s.commands.filter((l,u)=>u!==e);r({type:"save_commands",commands:i}),C(null),j.current&&clearTimeout(j.current)}else C(e),j.current&&clearTimeout(j.current),j.current=setTimeout(()=>C(null),2500)},M=N||p!==null;return n.jsxs("div",{className:"terminal-view",children:[n.jsxs("aside",{className:`term-side term-commands ${v?"open":""}`,children:[n.jsxs("div",{className:"panel-header",children:[n.jsx("span",{className:"panel-title",children:a("commands")}),n.jsxs("div",{className:"panel-header-actions",children:[n.jsx("button",{type:"button",className:"panel-refresh",title:a("rerun"),onClick:()=>r({type:"list_commands"}),children:n.jsx(P,{})}),n.jsx("button",{type:"button",className:"panel-new",title:a("newCommand"),onClick:F,children:n.jsx(K,{})})]})]}),n.jsx("div",{className:"panel-body",children:M?n.jsxs("div",{className:"cmd-form",children:[n.jsx("label",{htmlFor:"cmd-name",children:a("name")}),n.jsx("input",{id:"cmd-name",className:"cmd-input",value:c.name,placeholder:a("exampleName"),autoFocus:!0,onChange:e=>h({...c,name:e.target.value})}),n.jsx("label",{htmlFor:"cmd-command",children:a("command")}),n.jsx("input",{id:"cmd-command",className:"cmd-input",value:c.command,placeholder:a("exampleCommand"),onChange:e=>h({...c,command:e.target.value}),onKeyDown:e=>{e.key==="Enter"&&!e.nativeEvent.isComposing&&S()}}),n.jsxs("label",{htmlFor:"cmd-cwd",children:[a("directory")," ",n.jsx("span",{className:"cmd-hint",children:a("cwdHint")})]}),n.jsx("input",{id:"cmd-cwd",className:"cmd-input",value:c.cwd,placeholder:"${pwd}",onChange:e=>h({...c,cwd:e.target.value}),onKeyDown:e=>{e.key==="Enter"&&!e.nativeEvent.isComposing&&S()}}),n.jsxs("div",{className:"cmd-form-actions",children:[n.jsx("button",{type:"button",className:"btn",onClick:D,children:a("cancel")}),n.jsx("button",{type:"button",className:"btn primary",disabled:!c.name.trim()||!c.command.trim(),onClick:S,children:a("save")})]})]}):n.jsxs(n.Fragment,{children:[s.commands.length===0&&n.jsx("div",{className:"panel-empty",children:a("noCommands")}),s.commands.map((e,i)=>n.jsxs("div",{className:"cmd-item",children:[n.jsx("button",{type:"button",className:"cmd-run",title:a("clickToRun"),onClick:()=>o(e),children:n.jsx(q,{})}),n.jsxs("button",{type:"button",className:"cmd-main",title:a("clickToRun"),onClick:()=>o(e),children:[n.jsx("span",{className:"cmd-name",children:e.name}),n.jsx("span",{className:"cmd-command",children:e.command}),e.cwd&&n.jsx("span",{className:"cmd-cwd",children:e.cwd})]}),n.jsx("button",{type:"button",className:"cmd-act",title:a("edit"),onClick:()=>T(i),children:n.jsx(L,{})}),n.jsx("button",{type:"button",className:`cmd-act del ${g===i?"confirm":""}`,title:a("delete"),onClick:()=>I(i),children:g===i?a("confirmQ"):n.jsx(B,{})})]},i))]})}),n.jsxs("div",{className:"term-tabs-block",children:[n.jsxs("div",{className:"panel-header",children:[n.jsx("span",{className:"panel-title",children:a("terminal")}),n.jsx("button",{type:"button",className:"panel-new",title:a("newTerminal"),onClick:y,children:n.jsx(K,{})})]}),n.jsxs("div",{className:"panel-body",children:[s.terminals.length===0&&n.jsx("div",{className:"panel-empty",children:a("noTerminal")}),s.terminals.map(e=>n.jsxs("div",{className:`term-tab ${e.id===f?"active":""}`,children:[n.jsxs("button",{type:"button",className:"term-tab-main",title:`${e.cwd}${e.command?`
 > ${e.command.command}`:""}`,onClick:()=>{m(e.id),w(!1)},children:[n.jsx("span",{className:`term-tab-dot ${e.running?"run":"exit"}`}),n.jsxs("span",{className:"term-tab-title",children:[e.title,!e.running&&n.jsx("span",{className:"term-tab-exit",children:a("exited",{code:e.exitCode===null?"":` ${e.exitCode}`})})]})]}),n.jsx("button",{type:"button",className:"term-tab-close",title:a("closeTerminal"),onClick:()=>E(e.id),children:n.jsx(J,{})})]},e.id))]})]})]}),n.jsxs("div",{className:"term-main",children:[v&&n.jsx("div",{className:"drawer-backdrop",onClick:()=>w(!1)}),n.jsx("button",{type:"button",className:"term-side-toggle",title:a("commands"),onClick:()=>w(e=>!e),children:n.jsx(X,{})}),s.terminals.length===0?n.jsxs("div",{className:"term-empty",children:[n.jsx(G,{className:"term-empty-icon"}),n.jsx("div",{className:"term-empty-title",children:a("builtinTerminal")}),n.jsx("div",{className:"term-empty-sub",children:a("termEmptySub")})]}):s.terminals.map(e=>n.jsx(W,{conversationId:e.conversationId,terminalId:e.id,command:e.command,cwd:e.cwd,active:e.id===f,send:r,register:x.register},`${e.conversationId}:${e.id}`))]})]})}export{se as TerminalPanel};