pi-web-ui 0.46.0 → 0.48.0

package/themes/white.css

@@ -216,6 +216,19 @@ body.panel-resizing {
 	overflow-y: auto;
 	padding: 6px 6px 0;
 }
+/* Cross-project running conversations: a group header names the workspace
+   when the group is NOT the current project (the current project stays bare
+   to preserve the old look). */
+.panel-conv-group-title {
+	padding: 6px 8px 2px;
+	font-size: 10px;
+	font-weight: 600;
+	color: var(--text-dim);
+	letter-spacing: 0.02em;
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
 .panel-sessions {
 	flex: 1;
 	min-height: 0;
@@ -2871,6 +2884,67 @@ body.panel-resizing {
 	overflow-y: auto;
 }
 
+/* Two-column middle band: provider filter sidebar (left) + model list
+   (right). Only the list columns scroll independently. */
+.dd-model-body {
+	display: flex;
+	gap: 2px;
+	min-height: 0;
+	flex: 1 1 auto;
+}
+.dd-provider-col {
+.dd-provider-head {
+	padding: 5px 8px 4px;
+	font-size: 10px;
+	font-weight: 700;
+	letter-spacing: 0.6px;
+	text-transform: uppercase;
+	color: var(--text-faint);
+}
+	flex: none;
+	width: 112px;
+	overflow-y: auto;
+	border-right: 1px solid var(--border-soft);
+	margin: 2px 4px 2px 0;
+	padding-right: 4px;
+}
+.dd-provider-item {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	gap: 6px;
+	width: 100%;
+	padding: 6px 8px;
+	border: none;
+	border-radius: 6px;
+	background: transparent;
+	color: var(--text-dim);
+	font-size: 12px;
+	text-align: left;
+	cursor: pointer;
+	white-space: nowrap;
+}
+.dd-provider-item:hover {
+	background: var(--bg-elev);
+	color: var(--text);
+}
+.dd-provider-item.active {
+	background: var(--accent-soft);
+	color: var(--accent);
+	font-weight: 600;
+}
+.dd-provider-name {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	min-width: 0;
+}
+.dd-provider-count {
+	flex: none;
+	font-size: 10.5px;
+	color: var(--text-faint);
+	font-family: var(--mono);
+}
+
 /* Fixed footer (refresh / manage models) — never scrolls away. */
 .dd-footer {
 	border-top: 1px solid var(--border-soft);
@@ -2878,12 +2952,15 @@ body.panel-resizing {
 	padding-top: 3px;
 }
 
-/* 模型下拉（dd-menu-model）：外层菜单本身不滚动，只有中间的模型列表
-   （.dd-model-scroll）滚动——顶部搜索行和底部「刷新 / 管理模型」始终可见。 */
+/* 模型下拉（dd-menu-model）：外层菜单本身不滚动，只有中间的两栏区域
+   （.dd-model-body）滚动——顶部搜索行和底部「刷新 / 管理模型」始终可见。 */
 .dd-menu.dd-menu-model {
 	display: flex;
 	flex-direction: column;
 	overflow-y: hidden;
+	/* 加宽以容纳左侧服务商栏 + 右侧模型列表 */
+	min-width: 330px;
+	max-width: 460px;
 }
 .dd-menu.dd-menu-model .dd-model-scroll {
 	flex: 1 1 auto;
@@ -4306,24 +4383,48 @@ span.msg-editor-hint svg {
 	white-space: nowrap;
 }
 
-.empty-examples {
-	margin-top: 34px;
+/* ---- 提示词模板（空态推荐卡片） ---- */
+.empty-templates {
+	margin-top: 30px;
+	width: min(720px, 92vw);
+}
+
+.empty-templates-head {
+	display: flex;
+	align-items: baseline;
+	justify-content: center;
+	gap: 10px;
+	flex-wrap: wrap;
+	margin-bottom: 12px;
+}
+
+.empty-templates-title {
+	font-size: 14px;
+	font-weight: 650;
+	color: var(--text);
+}
+
+.empty-templates-hint {
+	font-size: 11.5px;
+	color: var(--text-faint);
+}
+
+.empty-templates-grid {
 	display: grid;
-	grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
+	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
 	gap: 10px;
-	width: min(560px, 90vw);
 }
 
-.empty-example {
+.empty-template {
 	display: flex;
-	align-items: center;
+	align-items: flex-start;
 	gap: 10px;
-	padding: 11px 14px;
+	padding: 11px 13px;
+	position: relative; /* 右上角 ✏️ 编辑按钮的定位基准 */
 	border: 1px solid var(--border);
 	border-radius: 12px;
 	background: var(--bg-elev);
 	color: var(--text-dim);
-	font-size: 13px;
 	text-align: left;
 	cursor: pointer;
 	transition:
@@ -4332,23 +4433,313 @@ span.msg-editor-hint svg {
 		transform 0.12s,
 		box-shadow 0.15s;
 }
-.empty-example:hover {
+
+/* 卡片右上角的编辑（✏️）按钮：点卡片 = 填入输入框，点 ✏️ = 编辑/删除。 */
+.template-card-ops {
+	position: absolute;
+	top: 7px;
+	right: 7px;
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	width: 20px;
+	height: 20px;
+	border-radius: 6px;
+	color: var(--text-faint);
+	cursor: pointer;
+	background: transparent;
+	transition:
+		background 0.15s,
+		color 0.15s;
+}
+.template-card-ops:hover {
+	background: var(--accent-soft);
+	color: var(--accent);
+}
+.empty-template:hover {
 	border-color: rgba(139, 92, 246, 0.5);
 	background: var(--accent-soft);
-	color: var(--text);
-	transform: translateY(-1px);
 	box-shadow: 0 8px 22px rgba(139, 92, 246, 0.16);
 }
+.empty-template.add {
+	border-style: dashed;
+}
+.empty-template.add:hover {
+	border-color: rgba(139, 92, 246, 0.6);
+}
 
-.empty-example-icon {
+.empty-template-icon {
 	font-size: 17px;
 	flex-shrink: 0;
+	line-height: 1.5;
+}
+.empty-template.add .empty-template-icon {
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	width: 20px;
+	height: 20px;
+	color: var(--text-faint);
+}
+
+.empty-template-main {
+	display: flex;
+	flex-direction: column;
+	gap: 2px;
+	min-width: 0;
+}
+
+.empty-template-title {
+	font-size: 13px;
+	font-weight: 600;
+	color: var(--text);
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+.empty-template-desc {
+	font-size: 11.5px;
+	color: var(--text-faint);
+	line-height: 1.45;
+	display: -webkit-box;
+	-webkit-line-clamp: 2;
+	-webkit-box-orient: vertical;
+	overflow: hidden;
+}
+
+.empty-templates-foot {
+	margin-top: 10px;
+	display: flex;
+	justify-content: center;
+}
+
+.empty-templates-reset {
+	display: inline-flex;
+	align-items: center;
+	gap: 5px;
+	border: none;
+	background: transparent;
+	color: var(--text-faint);
+	font-size: 11.5px;
+	cursor: pointer;
+	padding: 4px 8px;
+	border-radius: 6px;
+	transition: color 0.15s, background 0.15s;
+}
+.empty-templates-reset:hover {
+	color: var(--text-dim);
+	background: var(--bg-elev);
+}
+
+/* ---- 提示词模板 modal ---- */
+.template-modal {
+	max-width: 620px;
+}
+
+/* 模板库（选择器）弹窗：列所有模板卡片 */
+.template-picker {
+	max-width: 720px;
+}
+
+.template-picker-head {
+	display: flex;
+	align-items: center;
+	gap: 10px;
+}
+
+.template-picker-title {
+	flex: 1;
+	font-size: 15px;
+	font-weight: 650;
+	color: var(--text);
+}
+
+.template-picker-hint {
+	font-size: 11.5px;
+	color: var(--text-faint);
+}
+
+.template-picker-grid {
+	display: grid;
+	grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
+	gap: 10px;
+}
+
+.template-picker-foot {
+	display: flex;
+	justify-content: center;
+	margin-top: 4px;
+}
+
+.template-modal-head {
+	display: flex;
+	align-items: center;
+	gap: 10px;
+}
+
+.template-modal-icon {
+	font-size: 20px;
+	flex-shrink: 0;
 }
 
-.empty-example-text {
+.template-modal-badge {
+	flex-shrink: 0;
+	font-size: 11px;
+	font-weight: 700;
+	color: var(--accent);
+	border: 1px solid var(--accent);
+	border-radius: 999px;
+	padding: 1px 8px;
 	white-space: nowrap;
+}
+
+.template-modal-title {
+	flex: 1;
+	font-size: 15px;
+	font-weight: 650;
+	color: var(--text);
+	min-width: 0;
 	overflow: hidden;
 	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.template-modal-close {
+	width: 30px;
+	height: 30px;
+	padding: 0;
+	border-radius: 50%;
+	flex-shrink: 0;
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	color: var(--text-dim);
+	background: transparent;
+}
+
+.template-field {
+	display: flex;
+	flex-direction: column;
+	gap: 5px;
+}
+
+.template-field-label {
+	font-size: 11.5px;
+	font-weight: 600;
+	color: var(--text-dim);
+}
+
+.template-field-input {
+	border: 1px solid var(--border);
+	border-radius: 8px;
+	background: var(--bg-elev);
+	color: var(--text);
+	font-size: 13px;
+	padding: 7px 10px;
+	outline: none;
+	transition: border-color 0.15s;
+}
+.template-field-input:focus {
+	border-color: var(--accent);
+}
+.template-field-input.icon {
+	width: 72px;
+	text-align: center;
+	font-size: 16px;
+}
+
+.template-field-prompt {
+	border: 1px solid var(--border);
+	border-radius: 8px;
+	background: var(--bg-elev);
+	color: var(--text);
+	font-size: 13px;
+	line-height: 1.6;
+	padding: 9px 10px;
+	resize: none;
+	overflow: hidden;
+	outline: none;
+	min-height: 96px;
+	transition: border-color 0.15s;
+}
+.template-field-prompt:focus {
+	border-color: var(--accent);
+}
+
+.template-error {
+	font-size: 12px;
+	color: var(--red);
+}
+
+.template-modal-actions {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	gap: 8px;
+	flex-wrap: wrap;
+}
+
+.template-modal-actions-left,
+.template-modal-actions-right {
+	display: flex;
+	align-items: center;
+	gap: 8px;
+	flex-wrap: wrap;
+}
+
+.template-btn {
+	font-size: 12.5px;
+	padding: 6px 12px;
+	border-radius: 8px;
+	/* 显式主题背景，避免浏览器默认按钮灰（紫晕等主题下与文字对比度差） */
+	background: var(--bg-elev);
+	border-color: var(--border);
+	color: var(--text-dim);
+}
+.template-btn:hover {
+	border-color: color-mix(in srgb, var(--accent) 45%, var(--border));
+	color: var(--text);
+}
+.template-btn.ghost {
+	background: transparent;
+}
+.template-btn.ghost.danger {
+	color: var(--red);
+	border-color: color-mix(in srgb, var(--red) 45%, var(--border));
+}
+.template-btn.fill,
+.template-btn.send {
+	font-weight: 600;
+}
+.template-btn.fill {
+	background: var(--accent-soft);
+	border-color: color-mix(in srgb, var(--accent) 60%, var(--border));
+	color: var(--accent);
+}
+.template-btn.fill:hover {
+	background: var(--accent-soft);
+	color: var(--accent);
+	filter: brightness(1.12);
+}
+.template-btn.send {
+	background: var(--accent);
+	border-color: var(--accent);
+	color: #fff;
+}
+.template-btn.send:hover {
+	filter: brightness(1.08);
+}
+
+/* 模板弹窗右上角关闭钮：同样显式主题背景 */
+.template-modal-close {
+	background: var(--bg-elev);
+	border-color: var(--border);
+	color: var(--text-dim);
+}
+.template-modal-close:hover {
+	background: var(--accent-soft);
+	color: var(--accent);
 }
 
 .streaming-wait,
@@ -4971,16 +5362,27 @@ span.msg-editor-hint svg {
 		inset 0 1px 0 rgba(255, 255, 255, 0.7),
 		0 4px 18px rgba(0, 0, 0, 0.28);
 }
-.inputbox-row {
+/* 底部工具条（ChatGPT 风格，整合进输入框）：左 = 附件 / 模型 / 思考强度，
+   右 = 发送 / 停止。与输入区之间用一条细分隔线划开。 */
+.composer-tools {
 	display: flex;
-	align-items: flex-end;
-	gap: 10px;
+	align-items: center;
+	justify-content: space-between;
+	gap: 8px;
+	padding-top: 8px;
+	border-top: 1px solid var(--border-soft);
+}
+.composer-tools-left {
+	display: flex;
+	align-items: center;
+	gap: 6px;
 	min-width: 0;
+	flex-wrap: wrap;
 }
-/* Mobile tools row (file / model / thinking / send) — desktop hides it,
-   phones show it under the textarea (see the ≤768px block). */
-.input-tools {
-	display: none;
+.composer-tools-right {
+	display: flex;
+	align-items: center;
+	flex-shrink: 0;
 }
 .inputbox:focus-within {
 	border-color: color-mix(in srgb, var(--accent) 55%, var(--border));
@@ -4991,7 +5393,8 @@ span.msg-editor-hint svg {
 }
 
 .inputbox textarea {
-	flex: 1;
+	flex: none; /* 不能用 flex:1 —— flex-basis:0% 会覆盖 JS 设置的 inline height，
+	             * 导致自适应高度失效（输入多行也不长高、不出现滚动条） */
 	resize: none;
 	border: none;
 	outline: none;
@@ -5070,11 +5473,13 @@ span.msg-editor-hint svg {
 }
 
 /* Paperclip: quiet until hovered. */
-.inputbox .btn.attach-img {
+.inputbox .btn.attach-img,
+.inputbox .btn.tpl-open {
 	border: none;
 	color: var(--text-faint);
 }
-.inputbox .btn.attach-img:hover:not(:disabled) {
+.inputbox .btn.attach-img:hover:not(:disabled),
+.inputbox .btn.tpl-open:hover {
 	background: var(--accent-soft);
 	color: var(--accent);
 }
@@ -7046,49 +7451,35 @@ span.msg-editor-hint svg {
 		display: none;
 	}
 
-	/* ---- input becomes two lines: textarea, then tools below ---- */
-	.input-tools {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		gap: 6px;
-		flex-wrap: nowrap;
-	}
-	.input-tools-left,
-	.input-tools-right {
-		display: flex;
-		align-items: center;
-		gap: 6px;
-		min-width: 0;
-	}
-	.input-tools-right {
-		flex-shrink: 0;
-	}
-	.inputbox-row .attach-img,
-	.inputbox-row .inputbox-actions {
-		display: none;
-	}
-	/* Keep labels readable in the input tools row (the global chip rule
-	   above hides them) and give the model name room to truncate. */
-	.input-tools .chip > span:not(.update-dot) {
+	/* ---- composer: 输入框内底部工具条（模型/思考/附件 左，发送/停止 右）。
+	   恢复 chip 标签显示（上面的全局规则会隐藏它们），并让模型名可截断。 ---- */
+	.composer-tools .chip > span:not(.update-dot) {
 		display: inline;
 	}
-	.input-tools .chip-model {
-		max-width: 80px;
+	.composer-tools .chip-model {
+		max-width: 96px;
 	}
-	/* Compress chips so model + thinking + attach + send fit one line on
-	   narrow phones: allow shrinking with ellipsis instead of wrapping. */
-	.input-tools .chip {
+	.composer-tools .chip {
 		padding: 5px 8px;
 		flex-shrink: 1;
 		min-width: 0;
 	}
-	.input-tools .chip .chip-sub,
-	.input-tools .chip .chip-model {
+	.composer-tools .chip .chip-sub,
+	.composer-tools .chip .chip-model {
 		overflow: hidden;
 		text-overflow: ellipsis;
 		min-width: 0;
 	}
+	/* 超窄屏下工具条可换行，避免挤压发送按钮。 */
+	.composer-tools {
+		flex-wrap: wrap;
+	}
+	.composer-tools-left {
+		flex: 1 1 auto;
+	}
+	.composer-tools-right {
+		flex-shrink: 0;
+	}
 	.topbar-actions {
 		gap: 6px;
 		flex-wrap: wrap;

package/web/dist/assets/{TerminalPanel-BoLQmU5b.js → TerminalPanel-3Eg4033l.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-B71Da7xx.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-BdeKFOaT.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};