pi-web-ui 0.60.0 → 0.61.0

package/dist/server/model-admin.js

@@ -129,10 +129,144 @@ export class ModelAdminService {
     constructor(host) {
         this.host = host;
     }
-    /** Persist an api-key credential for a provider (auth.json) and apply it now. */
+    // ---------------------------------------------------------------------------
+    // Built-in provider multiple key store (one provider, several API keys).
+    // Persisted as <agentDir>/provider-keys.json:
+    //   { "<providerId>": { activeKeyName: string|null, keys: [{name,apiKey}] } }
+    // The frontend only ever sees NAMES (no value, no masked fragment). The key
+    // value travels to the server ONCE on add and is stored (like auth.json); the
+    // server resolves + switches the active key by NAME.
+    // ---------------------------------------------------------------------------
+    providerKeysPath() {
+        return join(this.host.agentDir, "provider-keys.json");
+    }
+    /** Read + parse provider-keys.json. */
+    readProviderKeys() {
+        try {
+            const parsed = JSON.parse(readFileSync(this.providerKeysPath(), "utf8"));
+            const out = {};
+            for (const [pid, entry] of Object.entries(parsed)) {
+                const keys = Array.isArray(entry?.keys)
+                    ? entry.keys.filter((k) => k?.name && k?.apiKey)
+                    : [];
+                if (!pid || keys.length === 0)
+                    continue;
+                const activeKeyName = entry.activeKeyName && keys.some((k) => k.name === entry.activeKeyName)
+                    ? entry.activeKeyName
+                    : keys[0].name;
+                out[pid] = { activeKeyName, keys };
+            }
+            return out;
+        }
+        catch {
+            return {};
+        }
+    }
+    writeProviderKeys(data) {
+        mkdirSync(this.host.agentDir, { recursive: true });
+        writeFileSync(this.providerKeysPath(), JSON.stringify(data, null, 2) + "\n");
+    }
+    /** Default name "密钥 N" for a provider's Nth key. */
+    defaultKeyName(keys) {
+        return `密钥 ${keys.length + 1}`;
+    }
+    /** Resolve a user-supplied (or default) name into a UNIQUE one (append
+     *  " (2)", " (3)", … on collision) so a name is a reliable switch key. */
+    uniqueKeyName(entry, wanted) {
+        const base = (wanted?.trim() || this.defaultKeyName(entry.keys)).trim() || this.defaultKeyName(entry.keys);
+        const taken = new Set(entry.keys.map((k) => k.name));
+        let name = base;
+        let n = 2;
+        while (taken.has(name))
+            name = `${base} (${n++})`;
+        return name;
+    }
+    /** Build the name-only ProviderKeyInfo list for a provider (no value/mask). */
+    providerKeysInfo(data) {
+        const keys = {};
+        for (const [pid, entry] of Object.entries(data)) {
+            keys[pid] = entry.keys.map((k) => ({ name: k.name, active: entry.activeKeyName === k.name }));
+        }
+        return { keys };
+    }
+    /** Get the currently active key name for a provider, or null. */
+    getActiveKeyName(provider) {
+        const data = this.readProviderKeys();
+        return data[provider]?.activeKeyName ?? null;
+    }
+    /** Seed a provider's key list from an EXISTING auth.json credential (legacy
+     *  configs written before the multi-key store existed) so the store stays
+     *  authoritative and the UI shows the current active key immediately even
+     *  before the user adds a second key. Idempotent — does nothing if the
+     *  provider already has a store entry. */
+    seedProviderKeysFromAuth(pid, data) {
+        if (data[pid])
+            return;
+        try {
+            const auth = JSON.parse(readFileSync(join(this.host.agentDir, "auth.json"), "utf8"));
+            const cred = auth[pid];
+            if (cred && typeof cred.key === "string" && cred.key.trim()) {
+                data[pid] = {
+                    activeKeyName: "密钥 1",
+                    keys: [{ name: "密钥 1", apiKey: cred.key.trim() }],
+                };
+            }
+        }
+        catch {
+            // no auth.json / unparsable — nothing to seed
+        }
+    }
+    /** Push the masked provider-keys map to the client. Seeds the store from any
+     *  auth.json credentials so legacy single-key setups show up immediately. */
+    listProviderKeys() {
+        const data = this.readProviderKeys();
+        for (const pid of this.builtinProviderIds())
+            this.seedProviderKeysFromAuth(pid, data);
+        this.writeProviderKeys(data);
+        this.host.emit({ type: "provider_keys", ...this.providerKeysInfo(data) });
+        this.host.flushSnapshot();
+    }
+    /** Candidate built-in provider ids whose keys we track: those with a store
+     *  entry plus every provider actually registered in the runtime (seed reads
+     *  auth.json per id, so only real providers with a credential get seeded —
+     *  unrelated auth.json entries like "main" are ignored). */
+    builtinProviderIds() {
+        const data = this.readProviderKeys();
+        const ids = new Set(Object.keys(data));
+        try {
+            for (const p of this.host.modelRuntime().getProviders())
+                ids.add(p.id);
+        }
+        catch {
+            // runtime not ready
+        }
+        return [...ids];
+    }
+    /** Persist the ACTIVE key's apiKey into auth.json + runtime override + refresh. */
+    async applyActiveKey(pid, apiKey) {
+        const authPath = join(this.host.agentDir, "auth.json");
+        mkdirSync(this.host.agentDir, { recursive: true });
+        let data = {};
+        try {
+            data = JSON.parse(readFileSync(authPath, "utf8"));
+        }
+        catch {
+            // no file yet / unparsable — start fresh
+        }
+        data[pid] = { type: "api_key", key: apiKey };
+        writeFileSync(authPath, JSON.stringify(data, null, 2) + "\n");
+        const mr = this.host.modelRuntime();
+        await mr.setRuntimeApiKey(pid, apiKey);
+        await mr.refresh({ allowNetwork: true, providers: [pid] });
+        this.host.invalidatePiConfig();
+    }
+    /** Persist an api-key credential for a provider (auth.json) and apply it now.
+     *  Also records the key in provider-keys.json (as the active key), so it shows
+     *  in the multi-key list too. */
     async setProviderApiKey(provider, apiKey) {
+        const pid = provider.trim();
         const key = apiKey.trim();
-        if (!provider.trim()) {
+        if (!pid) {
             this.host.emit({ type: "notice", level: "error", text: "请填写服务商 ID" });
             return;
         }
@@ -141,32 +275,36 @@ export class ModelAdminService {
             return;
         }
         try {
-            // Persist to auth.json (auth.json shape: { <provider>: { type: "api_key", key } }).
-            const authPath = join(this.host.agentDir, "auth.json");
-            mkdirSync(this.host.agentDir, { recursive: true });
-            let data = {};
-            try {
-                data = JSON.parse(readFileSync(authPath, "utf8"));
+            const data = this.readProviderKeys();
+            // Preserve a legacy auth.json key as the first (active) entry so adding
+            // a new key stacks alongside it instead of clobbering it.
+            if (!data[pid])
+                this.seedProviderKeysFromAuth(pid, data);
+            let entry = data[pid];
+            if (!entry)
+                entry = data[pid] = { activeKeyName: null, keys: [] };
+            const existing = entry.keys.find((k) => k.apiKey === key);
+            let name;
+            if (existing) {
+                // Same key value already in the list → just make it active.
+                entry.activeKeyName = existing.name;
+                name = existing.name;
             }
-            catch {
-                // no file yet / unparsable — start fresh
+            else {
+                name = this.uniqueKeyName(entry, undefined);
+                entry.keys.push({ name, apiKey: key });
+                entry.activeKeyName = name;
             }
-            data[provider.trim()] = { type: "api_key", key };
-            writeFileSync(authPath, JSON.stringify(data, null, 2) + "\n");
-            // Apply immediately for this session (runtime credentials are cached), then
-            // refresh models. allowNetwork downloads the provider's official model
-            // catalog (openai/anthropic/… are dynamic providers with no built-in list).
-            const mr = this.host.modelRuntime();
-            await mr.setRuntimeApiKey(provider.trim(), key);
-            await mr.refresh({ allowNetwork: true });
-            this.host.invalidatePiConfig();
+            this.writeProviderKeys(data);
+            await this.applyActiveKey(pid, key);
             this.host.emit({
                 type: "notice",
                 level: "info",
-                text: `✅ 已保存 ${provider.trim()} 的 API 密钥并刷新模型列表`,
+                text: `✅ 已保存 ${pid} 的密钥「${name}」并刷新模型列表`,
             });
             await this.host.pushModels();
             await this.listProviders();
+            this.listProviderKeys();
         }
         catch (err) {
             this.host.emit({
@@ -177,6 +315,181 @@ export class ModelAdminService {
         }
         this.host.flushSnapshot();
     }
+    /** Add a SECONDARY API key to a built-in provider's key list. `name` is the
+     *  only thing the frontend ever sees (auto-generated when blank, deduped on
+     *  collision). The added key stays INACTIVE unless it is the provider's first
+     *  key; the user switches to it by name or by clicking a model under it. */
+    async addProviderKey(provider, apiKey, name) {
+        const pid = provider.trim();
+        const key = apiKey.trim();
+        if (!pid) {
+            this.host.emit({ type: "notice", level: "error", text: "请填写服务商 ID" });
+            return;
+        }
+        if (!key) {
+            this.host.emit({ type: "notice", level: "error", text: "请填写 API 密钥" });
+            return;
+        }
+        try {
+            const data = this.readProviderKeys();
+            // Preserve a legacy auth.json key (active) so the new key stacks as a
+            // SECONDARY inactive key rather than replacing the current one.
+            if (!data[pid])
+                this.seedProviderKeysFromAuth(pid, data);
+            let entry = data[pid];
+            if (!entry)
+                entry = data[pid] = { activeKeyName: null, keys: [] };
+            const dup = entry.keys.find((k) => k.apiKey === key);
+            if (dup) {
+                this.host.emit({
+                    type: "notice",
+                    level: "info",
+                    text: `${pid} 已存在该密钥`,
+                });
+                return;
+            }
+            const keyName = this.uniqueKeyName(entry, name);
+            entry.keys.push({ name: keyName, apiKey: key });
+            // First key becomes active (provider had none usable yet).
+            if (!entry.activeKeyName)
+                entry.activeKeyName = keyName;
+            this.writeProviderKeys(data);
+            const isActive = entry.activeKeyName === keyName;
+            if (isActive) {
+                await this.applyActiveKey(pid, key);
+                this.host.emit({
+                    type: "notice",
+                    level: "info",
+                    text: `🔑 已添加 ${pid} 的密钥「${keyName}」并设为当前`,
+                });
+            }
+            else {
+                this.host.emit({
+                    type: "notice",
+                    level: "info",
+                    text: `🔑 已添加 ${pid} 的密钥「${keyName}」，点击模型时可切换使用`,
+                });
+            }
+            await this.host.pushModels();
+            await this.listProviders();
+            this.listProviderKeys();
+        }
+        catch (err) {
+            this.host.emit({
+                type: "notice",
+                level: "error",
+                text: `添加密钥失败：${err.message}`,
+            });
+        }
+        this.host.flushSnapshot();
+    }
+    /** Make a stored API key the ACTIVE one for a built-in provider by NAME (the
+     *  server resolves the stored value from the name). */
+    async activateProviderKey(provider, keyName) {
+        const pid = provider.trim();
+        const targetName = keyName.trim();
+        try {
+            const data = this.readProviderKeys();
+            const entry = data[pid];
+            const target = entry?.keys.find((k) => k.name === targetName);
+            if (!target) {
+                this.host.emit({ type: "notice", level: "error", text: `${pid} 的密钥「${targetName}」不存在` });
+                return;
+            }
+            if (entry.activeKeyName === targetName) {
+                this.host.emit({ type: "notice", level: "info", text: `「${targetName}」已是当前密钥` });
+                return;
+            }
+            entry.activeKeyName = targetName;
+            this.writeProviderKeys(data);
+            await this.applyActiveKey(pid, target.apiKey);
+            this.host.emit({
+                type: "notice",
+                level: "info",
+                text: `⚡ 已切换到 ${pid} 的「${targetName}」`,
+            });
+            await this.host.pushModels();
+            await this.listProviders();
+            this.listProviderKeys();
+        }
+        catch (err) {
+            this.host.emit({
+                type: "notice",
+                level: "error",
+                text: `切换密钥失败：${err.message}`,
+            });
+        }
+        this.host.flushSnapshot();
+    }
+    /** Remove a stored API key by NAME. If it was active, the first remaining key
+     *  becomes active (or the provider returns to unconfigured when no key is left). */
+    async removeProviderKey(provider, keyName) {
+        const pid = provider.trim();
+        const targetName = keyName.trim();
+        try {
+            const data = this.readProviderKeys();
+            const entry = data[pid];
+            if (!entry || !entry.keys.some((k) => k.name === targetName)) {
+                this.host.emit({ type: "notice", level: "error", text: `${pid} 的密钥「${targetName}」不存在` });
+                return;
+            }
+            const wasActive = entry.activeKeyName === targetName;
+            entry.keys = entry.keys.filter((k) => k.name !== targetName);
+            if (entry.keys.length === 0) {
+                delete data[pid];
+                this.writeProviderKeys(data);
+                // Drop auth.json entry + runtime override so the provider returns
+                // to unconfigured (its stored keys are gone too).
+                const authPath = join(this.host.agentDir, "auth.json");
+                let auth = {};
+                try {
+                    auth = JSON.parse(readFileSync(authPath, "utf8"));
+                }
+                catch {
+                    // no file yet — nothing to clean
+                }
+                delete auth[pid];
+                writeFileSync(authPath, JSON.stringify(auth, null, 2) + "\n");
+                const mr = this.host.modelRuntime();
+                await mr.removeRuntimeApiKey(pid);
+                await mr.refresh({ providers: [pid] });
+                this.host.invalidatePiConfig();
+                this.host.emit({
+                    type: "notice",
+                    level: "info",
+                    text: `🗑  已移除 ${pid} 的密钥「${targetName}」，该服务商回到未配置状态`,
+                });
+            }
+            else {
+                if (wasActive) {
+                    entry.activeKeyName = entry.keys[0].name;
+                    this.writeProviderKeys(data);
+                    await this.applyActiveKey(pid, entry.keys[0].apiKey);
+                }
+                else {
+                    this.writeProviderKeys(data);
+                }
+                this.host.emit({
+                    type: "notice",
+                    level: "info",
+                    text: wasActive
+                        ? `🗑  已移除「${targetName}」，已切换到 ${entry.keys[0].name}`
+                        : `🗑  已移除 ${pid} 的密钥「${targetName}」`,
+                });
+            }
+            await this.host.pushModels();
+            await this.listProviders();
+            this.listProviderKeys();
+        }
+        catch (err) {
+            this.host.emit({
+                type: "notice",
+                level: "error",
+                text: `移除密钥失败：${err.message}`,
+            });
+        }
+        this.host.flushSnapshot();
+    }
     /**
      * Clear a built-in provider's stored API key (auth.json entry + runtime
      * override) so it returns to the unconfigured state — its models disappear
@@ -200,7 +513,9 @@ export class ModelAdminService {
             catch {
                 // no file yet / unparsable — nothing stored to clear
             }
-            if (!(pid in data)) {
+            const keyData = this.readProviderKeys();
+            const hasStoredKeys = (keyData[pid]?.keys.length ?? 0) > 0;
+            if (!(pid in data) && !hasStoredKeys) {
                 this.host.emit({
                     type: "notice",
                     level: "info",
@@ -210,11 +525,14 @@ export class ModelAdminService {
             }
             delete data[pid];
             writeFileSync(authPath, JSON.stringify(data, null, 2) + "\n");
+            // Clear every stored key so the provider returns to unconfigured.
+            delete keyData[pid];
+            this.writeProviderKeys(keyData);
             // Drop the runtime override too, then re-read credentials so the
             // provider goes back to unconfigured and its models leave the list.
             const mr = this.host.modelRuntime();
             await mr.removeRuntimeApiKey(pid);
-            await mr.refresh();
+            await mr.refresh({ providers: [pid] });
             this.host.invalidatePiConfig();
             this.host.emit({
                 type: "notice",
@@ -223,6 +541,7 @@ export class ModelAdminService {
             });
             await this.host.pushModels();
             await this.listProviders();
+            this.listProviderKeys();
         }
         catch (err) {
             this.host.emit({
@@ -243,7 +562,10 @@ export class ModelAdminService {
      */
     async cloneProvider(providerId, reqId) {
         const pid = providerId.trim();
-        const fail = (error) => this.host.emit({ type: "clone_provider_result", reqId, ok: false, error });
+        const fail = (error) => {
+            this.host.emit({ type: "notice", level: "error", text: error });
+            this.host.emit({ type: "clone_provider_result", reqId, ok: false, error });
+        };
         try {
             if (!pid) {
                 fail("请填写服务商 ID");
@@ -255,10 +577,7 @@ export class ModelAdminService {
                 fail(`供应商 ${pid} 不存在`);
                 return;
             }
-            if (!p.baseUrl) {
-                fail(`${pid} 没有 baseUrl（OAuth/环境变量型供应商），无法复制为自定义服务商`);
-                return;
-            }
+            const noBaseUrl = !p.baseUrl;
             // Map runtime models → models.json rows; dynamic providers ship an
             // empty catalog until refreshed over the network.
             const readModels = () => {
@@ -290,7 +609,8 @@ export class ModelAdminService {
                 fail(`${pid} 的模型列表为空，无法复制（请稍后重试）`);
                 return;
             }
-            // models.json 的 api 是 provider 级：取占比最高的 api，只复制该 api 的模型。
+            // 供应商级 api 取占比最高，模型保留全量去重（避免 muse-spark 被过滤）
+            // 多 key 场景：复制一次即得到 opencode1/opencode2 两组，界面按供应商分组，选模型即切 key
             const counts = new Map();
             for (const m of models)
                 counts.set(m.api, (counts.get(m.api) ?? 0) + 1);
@@ -298,9 +618,11 @@ export class ModelAdminService {
             for (const [k, v] of counts)
                 if (v > (counts.get(api) ?? 0))
                     api = k;
-            const kept = models.filter((m) => m.api === api).map((m) => m.entry);
-            // Suggest a free id (<pid>-2, -3, …) — save_model_config would silently
-            // overwrite an existing custom entry with the same id.
+            const keptMap = new Map();
+            for (const m of models)
+                if (!keptMap.has(m.entry.id))
+                    keptMap.set(m.entry.id, m.entry);
+            const kept = [...keptMap.values()].sort((a, b) => a.id.localeCompare(b.id));
             const taken = new Set([
                 ...Object.keys(this.readModelsConfig().providers),
                 ...mr.getRegisteredProviderIds(),
@@ -308,19 +630,22 @@ export class ModelAdminService {
             let newId = `${pid}-2`;
             for (let n = 2; taken.has(newId); n++)
                 newId = `${pid}-${n}`;
+            const defaultBaseUrl = noBaseUrl && (pid === "opencode-go" || pid === "opencode") ? "http://127.0.0.1:4096" : undefined;
             const config = {
                 providerId: newId,
                 name: p.name,
                 api,
-                baseUrl: p.baseUrl,
+                ...(p.baseUrl ? { baseUrl: p.baseUrl } : defaultBaseUrl ? { baseUrl: defaultBaseUrl } : {}),
                 models: kept,
             };
             this.host.emit({
                 type: "notice",
-                level: "info",
-                text: `📋 已复制 ${pid} → ${newId}（${kept.length} 个模型），请填入新的 API 密钥后保存`,
+                level: noBaseUrl ? "warning" : "info",
+                text: noBaseUrl
+                    ? `📋 已复制 ${pid} → ${newId}（${kept.length} 个模型），该供应商无远程 baseUrl，已生成模板请手动填写 baseUrl 和新的 API 密钥后保存`
+                    : `📋 已复制 ${pid} → ${newId}（${kept.length} 个模型），请填入新的 API 密钥后保存`,
             });
-            this.host.emit({ type: "clone_provider_result", reqId, ok: true, config });
+            this.host.emit({ type: "clone_provider_result", reqId, ok: true, config, configs: [config] });
         }
         catch (err) {
             fail(`复制服务商失败：${err.message}`);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pi-web-ui",
-  "version": "0.60.0",
+  "version": "0.61.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-CSzqnWV2.js → TerminalPanel-CYq-pKeS.js}

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