pi-web-ui 0.29.0 → 0.29.2

package/themes/light.css

@@ -1706,6 +1706,36 @@ body {
 	border-left-color: var(--accent);
 }
 
+/* per-file stage / unstage actions (visible on hover) */
+.scm-file-actions {
+	display: none;
+	margin-left: auto;
+	gap: 2px;
+}
+.scm-file:hover .scm-file-actions {
+	display: inline-flex;
+}
+.scm-act {
+	width: 18px;
+	height: 18px;
+	padding: 0;
+	border: 1px solid var(--border);
+	border-radius: 4px;
+	background: var(--bg-elev2);
+	color: var(--text-2);
+	font-size: 13px;
+	line-height: 1;
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	cursor: pointer;
+}
+.scm-act:hover {
+	background: var(--accent-soft);
+	color: var(--text);
+	border-color: var(--accent);
+}
+
 .scm-file-xy {
 	display: inline-flex;
 	align-items: center;
@@ -2233,6 +2263,38 @@ body {
 		font-size: 11px;
 		color: var(--text-dim);
 	}
+	/* 运行命令行：默认单行省略 + 悬浮 tooltip 显示完整命令，点击切换换行展开 */
+	.bg-task-cmd {
+		display: flex;
+		align-items: flex-start;
+		gap: 6px;
+		width: 100%;
+		margin-top: 4px;
+		padding: 3px 7px;
+		border: 1px solid var(--border);
+		border-radius: 5px;
+		background: var(--bg-elev3, rgba(255, 255, 255, 0.04));
+		color: var(--text-dim);
+		font-size: 11px;
+		text-align: left;
+		cursor: pointer;
+	}
+	.bg-task-cmd svg {
+		flex: none;
+		margin-top: 1px;
+	}
+	.bg-task-cmd code {
+		min-width: 0;
+		white-space: nowrap;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		font-family: var(--mono, ui-monospace, monospace);
+		color: var(--text);
+	}
+	.bg-task-cmd.open code {
+		white-space: pre-wrap;
+		overflow-wrap: anywhere;
+	}
 	.bg-task-stop {
 		flex: none;
 		display: inline-flex;
@@ -2284,6 +2346,150 @@ body {
 		cursor: not-allowed;
 	}
 
+	/* ---- 全局搜索弹窗 (GlobalSearchModal)：搜对话 / 项目 / 文件 ---- */
+	.gs-backdrop {
+		align-items: flex-start;
+		padding-top: 10vh;
+	}
+	.gs-modal {
+		display: flex;
+		flex-direction: column;
+		width: min(640px, 92vw);
+		max-height: 70vh;
+		border: 1px solid var(--border);
+		border-radius: 12px;
+		background: var(--bg-elev2, var(--bg-elev));
+		box-shadow: 0 18px 60px rgba(0, 0, 0, 0.45);
+		overflow: hidden;
+	}
+	.gs-input-row {
+		display: flex;
+		align-items: center;
+		gap: 10px;
+		padding: 12px 14px;
+		border-bottom: 1px solid var(--border);
+		color: var(--text-faint);
+	}
+	.gs-input-row svg {
+		flex: none;
+	}
+	.gs-input-row input {
+		flex: 1;
+		min-width: 0;
+		border: none;
+		outline: none;
+		background: transparent;
+		color: var(--text);
+		font-size: 15px;
+	}
+	.gs-close {
+		flex: none;
+		display: inline-flex;
+		padding: 4px;
+		border: none;
+		background: transparent;
+		color: var(--text-faint);
+		cursor: pointer;
+		border-radius: 6px;
+	}
+	.gs-close:hover {
+		color: var(--text);
+		background: var(--bg-elev3, rgba(0, 0, 0, 0.03));
+	}
+	.gs-results {
+		flex: 1;
+		min-height: 0;
+		overflow-y: auto;
+		padding: 6px 8px 10px;
+	}
+	.gs-empty {
+		padding: 26px 12px;
+		font-size: 13px;
+		color: var(--text-faint);
+		text-align: center;
+	}
+	.gs-section + .gs-section {
+		margin-top: 10px;
+	}
+	.gs-section-head {
+		display: flex;
+		align-items: center;
+		gap: 6px;
+		padding: 6px 8px 4px;
+		font-size: 11px;
+		font-weight: 700;
+		letter-spacing: 0.6px;
+		text-transform: uppercase;
+		color: var(--text-faint);
+	}
+	.gs-section-head em {
+		font-style: normal;
+		font-weight: 600;
+		color: var(--accent);
+	}
+	.gs-item {
+		display: flex;
+		flex-direction: column;
+		gap: 2px;
+		width: 100%;
+		padding: 7px 10px;
+		border: none;
+		border-radius: 7px;
+		background: transparent;
+		color: var(--text-dim);
+		font-size: 13px;
+		text-align: left;
+		cursor: pointer;
+	}
+	.gs-item:hover:not(:disabled),
+	.gs-item.active:not(:disabled) {
+		background: var(--bg-elev3, rgba(0, 0, 0, 0.03));
+	}
+	.gs-item:disabled {
+		cursor: default;
+		opacity: 0.55;
+	}
+	.gs-item-title {
+		display: flex;
+		align-items: baseline;
+		gap: 8px;
+		font-size: 13px;
+		font-weight: 600;
+		color: var(--text);
+		overflow: hidden;
+		white-space: nowrap;
+		text-overflow: ellipsis;
+	}
+	.gs-item-meta {
+		font-style: normal;
+		font-size: 11px;
+		font-weight: 500;
+		color: var(--text-dim);
+		background: var(--bg-elev3, rgba(0, 0, 0, 0.03));
+		border-radius: 4px;
+		padding: 1px 6px;
+	}
+	.gs-item-sub {
+		font-size: 11.5px;
+		color: var(--text-dim);
+		overflow: hidden;
+		white-space: nowrap;
+		text-overflow: ellipsis;
+	}
+	.gs-truncated {
+		padding: 5px 10px;
+		font-size: 11.5px;
+		color: var(--amber, #e6b450);
+	}
+	.gs-foot {
+		display: flex;
+		gap: 14px;
+		padding: 8px 14px;
+		border-top: 1px solid var(--border);
+		font-size: 11px;
+		color: var(--text-faint);
+	}
+
 	/* Desktop-only toolbar block (model/thinking/sound/lang/update/github).
    On phones it is replaced by the single "⋯" button (.topbar-more). */
 .topbar-desktop {
@@ -2430,6 +2636,69 @@ body {
 	text-align: center;
 }
 
+/* Scrollable middle band of the model dropdown — the model list; the
+   dd-header / dd-search-row on top and the dd-footer below stay fixed. */
+.dd-model-scroll {
+	max-height: min(300px, 42vh);
+	overflow-y: auto;
+}
+
+/* Fixed footer (refresh / manage models) — never scrolls away. */
+.dd-footer {
+	border-top: 1px solid var(--border-soft);
+	margin-top: 6px;
+	padding-top: 3px;
+}
+
+/* 模型下拉（dd-menu-model）：外层菜单本身不滚动，只有中间的模型列表
+   （.dd-model-scroll）滚动——顶部搜索行和底部「刷新 / 管理模型」始终可见。 */
+.dd-menu.dd-menu-model {
+	display: flex;
+	flex-direction: column;
+	overflow-y: hidden;
+}
+.dd-menu.dd-menu-model .dd-model-scroll {
+	flex: 1 1 auto;
+	min-height: 0;
+	max-height: none; /* 由外层 max-height 约束，列表吃掉剩余空间后内部滚动 */
+}
+.dd-menu.dd-menu-model .dd-footer {
+	flex-shrink: 0;
+}
+.dd-footer .dd-refresh {
+	border-top: none;
+	margin-top: 0;
+}
+
+/* 模型下拉的搜索过滤框（ModelThinking） */
+.dd-search-row {
+	display: flex;
+	align-items: center;
+	gap: 7px;
+	margin: 2px 8px 6px;
+	padding: 0 8px;
+	border: 1px solid var(--border);
+	border-radius: 7px;
+	background: var(--bg-elev);
+	color: var(--text-faint);
+}
+.dd-search-row:focus-within {
+	border-color: var(--accent);
+}
+.dd-search-row svg {
+	flex: none;
+}
+.dd-search {
+	flex: 1;
+	min-width: 0;
+	height: 28px;
+	border: none;
+	outline: none;
+	background: transparent;
+	color: var(--text);
+	font-size: 12.5px;
+}
+
 .dd-item {
 	display: flex;
 	align-items: center;
@@ -2607,6 +2876,22 @@ body {
 
 /* ----------------------------------------------------------------- notices */
 
+/* Protocol version mismatch (stale page after an in-place app update). */
+.protocol-banner {
+	position: fixed;
+	top: 52px;
+	left: 50%;
+	transform: translateX(-50%);
+	z-index: 60;
+	padding: 6px 14px;
+	border-radius: 8px;
+	background: rgba(245, 158, 11, 0.12);
+	border: 1px solid var(--amber);
+	color: var(--amber);
+	font-size: 12px;
+	white-space: nowrap;
+}
+
 	.notices {
 		position: fixed;
 		/* 顶部偏下：顶栏下方，不挡顶栏也不贴消息区 */
@@ -2725,6 +3010,15 @@ body {
 	flex: 1;
 	overflow-y: auto;
 	padding: 20px 0 12px;
+	/* 惰性窗口化自己做 scrollTop 补偿（LazyMount / MessageList sweep），
+	 * 浏览器原生滚动锚定会与之叠加导致双重跳动，关掉。 */
+	overflow-anchor: none;
+}
+
+/* 惰性窗口化的等高占位（视口外的重型消息收起后的替身） */
+.msg-lazy-ph {
+	max-width: 860px;
+	margin: 0 auto;
 }
 
 .msg {
@@ -2768,6 +3062,84 @@ body {
 	margin-left: auto;
 }
 
+/* ------------------------------------------------ in-conversation search (Ctrl+F) */
+
+.search-bar {
+	position: absolute;
+	top: 10px;
+	left: 50%;
+	transform: translateX(-50%);
+	z-index: 30;
+	display: flex;
+	align-items: center;
+	gap: 2px;
+	max-width: min(480px, calc(100% - 32px));
+	padding: 5px 6px 5px 12px;
+	border-radius: 10px;
+	border: 1px solid var(--border);
+	background: var(--bg-elev2);
+	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
+}
+
+.search-input {
+	background: transparent;
+	border: none;
+	outline: none;
+	color: var(--text);
+	font-size: 13px;
+	width: 200px;
+	padding: 4px 0;
+}
+
+.search-input::placeholder {
+	color: var(--text-faint);
+}
+
+.search-count {
+	font-size: 11px;
+	color: var(--text-faint);
+	white-space: nowrap;
+	padding: 0 6px;
+	font-variant-numeric: tabular-nums;
+}
+
+.search-count.empty {
+	color: var(--red);
+}
+
+.search-btn {
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	width: 26px;
+	height: 26px;
+	border-radius: 7px;
+	border: none;
+	background: transparent;
+	color: var(--text-dim);
+	cursor: pointer;
+}
+
+.search-btn:hover:not(:disabled) {
+	background: var(--accent-soft);
+	color: var(--text);
+}
+
+.search-btn:disabled {
+	opacity: 0.4;
+	cursor: default;
+}
+
+/* CSS Custom Highlight API —— 搜索命中内联高亮（不支持时自动无样式降级） */
+::highlight(msg-search) {
+	background-color: color-mix(in srgb, var(--amber) 28%, transparent);
+}
+
+::highlight(msg-search-active) {
+	background-color: color-mix(in srgb, var(--amber) 80%, transparent);
+	color: #1a1d26;
+}
+
 /* ------------------------------------------------------- message edit/re-ask */
 
 .msg-actions {
@@ -4701,6 +5073,23 @@ body {
 /* ---- settings modal ---- */
 .settings-modal {
 	max-width: 760px;
+	/* 头部（modal-head/modal-desc）与底部（modal-actions）固定，仅内容区滚动 */
+	overflow-y: hidden;
+}
+.settings-modal .modal-head,
+.settings-modal .modal-desc,
+.settings-modal .modal-actions,
+.settings-modal > .modal-close {
+	flex-shrink: 0;
+}
+/* 滚动的内容区：承接原 modal 的 gap，各区块间距保持一致 */
+.settings-modal .modal-body {
+	flex: 1 1 auto;
+	min-height: 0;
+	overflow-y: auto;
+	display: flex;
+	flex-direction: column;
+	gap: 14px;
 }
 
 .set-section {
@@ -5091,6 +5480,38 @@ body {
 	margin-top: 4px;
 }
 
+/* Model-config modal: fetch-models button row in the models section head. */
+.model-section-head {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	gap: 8px;
+	flex-wrap: wrap;
+	margin-top: 8px;
+}
+.model-section-head .form-section-title {
+	margin: 0;
+}
+.model-section-actions {
+	display: flex;
+	align-items: center;
+	gap: 8px;
+	flex-wrap: wrap;
+}
+.fetch-msg {
+	font-size: 12px;
+	max-width: 260px;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+.fetch-msg.ok {
+	color: var(--green);
+}
+.fetch-msg.err {
+	color: var(--red);
+}
+
 .section-hint {
 	font-weight: 400;
 	text-transform: none;
@@ -5193,6 +5614,16 @@ body {
 	color: var(--text);
 	background: var(--bg-elev);
 }
+/* 危险动作按钮（内置供应商「清空」等） */
+.btn.sm.danger {
+	color: var(--red);
+	border-color: var(--red);
+}
+.btn.sm.danger:hover {
+	background: var(--red);
+	color: #fff;
+}
+
 .iconbtn.danger {
 	color: #dc2626;
 }

package/web/dist/assets/{TerminalPanel-B-bsYqea.js → TerminalPanel-D7lQ3g5k.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-BsrqFaSZ.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-BiJTtKxQ.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};