@spzxg/cli-ui 0.6.9 → 0.6.10

package/dist/cli-ui.js

@@ -1,4 +1,4 @@
-import { C as a, b as i, d as r, e as t, f as o, h as C, i as l, j as n, k as m, m as d, l as u, n as w, o as B, p as f } from "./cli-ui-embed-CtZDwP8y.js";
+import { C as a, b as i, d as r, e as t, f as o, h as C, i as l, j as n, k as m, m as d, l as u, n as w, o as B, p as f } from "./cli-ui-embed-CbxWozLO.js";
 export {
   a as CliBoard,
   i as CliBrowserView,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spzxg/cli-ui",
-  "version": "0.6.9",
+  "version": "0.6.10",
   "type": "module",
   "description": "相互联动的 CliMsgList、CliChat、CliBoard，支持任务中枢和完整 Operator 工作区。",
   "main": "src/index.ts",

package/src/chat/CliChat.tsx

@@ -234,9 +234,11 @@ function ChatInner({ slots, passiveContext = true, configurationBusy, onClear, j
   const agent = task?.agent ?? conv?.turns[conv.turns.length - 1]?.agent ?? null;
   const draftScope = store.draftScope ? `${store.draftScope}:${key ?? `new:${instanceId}`}` : key ?? `new:${instanceId}`;
   const initialOptions = newConversation ?? store.getNewConversationOptions();
+  const executionReady = !batch && (!key || !!job);
+  const executionEnabled = showComposer && executionReady && (cfg.composer.agentSelector || cfg.composer.executionMode);
   const execution = useExecutionConfig({ client: store.client, scope: draftScope,
     target: key && !isNew ? key : null, running: running || batchPending,
-    enabled: showComposer && (cfg.composer.agentSelector || cfg.composer.executionMode),
+    enabled: executionEnabled, ready: executionReady,
     initial: { ...(initialOptions?.agent ? { agent: initialOptions.agent } : {}), ...initialOptions?.executionConfig },
   });
   const agentText = labelOf(execution.config?.agent ?? agent);
@@ -852,8 +854,8 @@ function ChatInner({ slots, passiveContext = true, configurationBusy, onClear, j
                 model: execution.config?.model, reasoning: execution.config?.reasoning, permission_mode: execution.config?.permission_mode }}
                 agents={execution.config?.agents} caps={executionAgent?.capabilities} defaults={executionAgent?.defaults}
                 showAgent={cfg.composer.agentSelector} showPermission={cfg.composer.executionMode}
-                unavailableReason={executionReadOnly ? "当前接入仅支持读取执行设置。" : execution.error ?? (execution.loading ? "正在读取执行设置…" : undefined)}
-                disabled={composerDisabled || running || batchPending || !!configurationBusy || execution.loading || executionReadOnly}
+                unavailableReason={batch ? "一次性任务沿用任务执行设置，不支持在对话中修改。" : executionReadOnly ? "当前接入仅支持读取执行设置。" : execution.error ?? (!executionEnabled || execution.loading ? "正在读取执行设置…" : undefined)}
+                disabled={!executionEnabled || composerDisabled || running || batchPending || !!configurationBusy || execution.loading || executionReadOnly}
                 onSetAgent={agent => execution.save({ agent, model: null, reasoning: null, permission_mode: null })}
                 onSetModel={model => execution.save({ model })} onSetReasoning={reasoning => execution.save({ reasoning })}
                 onSetPermission={permission_mode => execution.save({ permission_mode })} />

package/src/chat/Composer.tsx

@@ -211,7 +211,7 @@ export function Composer({ draft, placeholder, disabled, disabledHint, running,
             {options.fileUpload && !disabled && <>
               <input ref={fileRef} type="file" accept={uploadDocument ? FILE_UPLOAD_ACCEPT : ACCEPT_ATTR} multiple hidden onChange={(e) => { addFiles(Array.from(e.target.files ?? [])); e.target.value = ""; }} />
               <button type="button" className="cli-attach" disabled={sending} aria-label={uploadDocument ? "添加文件" : "添加文档"} title={uploadDocument ? "添加文件（也可拖拽进来）；HTML、Markdown 最大 100 MiB，其他支持类型最大 10 MiB" : `添加文档：${ACCEPTED_LABEL}（也可拖拽进来）`}
-                onClick={() => fileRef.current?.click()}>{Icon.plus()} <span>{options.fileButtonText}</span></button>
+                onClick={() => fileRef.current?.click()}>{Icon.plus()}{options.fileButtonText && <span>{options.fileButtonText}</span>}</button>
             </>}
             {toolbar}
             {options.hints && !disabled && <span className="hint comp-hint-extra">Shift + Enter 换行</span>}

package/src/chat/useExecutionConfig.ts

@@ -18,9 +18,9 @@ function validate(result: ExecutionConfiguration) {
 }
 
 /** 按对话隔离读取与保存，不轮询；换对话后的迟到响应不覆盖当前选择。 */
-export function useExecutionConfig({ client, scope, target, enabled, initial, running }: {
+export function useExecutionConfig({ client, scope, target, enabled, ready = true, initial, running }: {
   client: ConversationBackend; scope: string; target: string | null; enabled: boolean;
-  initial?: ExecutionOptions; running: boolean;
+  initial?: ExecutionOptions; running: boolean; ready?: boolean;
 }) {
   const [view, setView] = useState<{ scope: string; config?: ExecutionConfiguration; error?: string; loading: boolean; saveFailed?: boolean }>({ scope, loading: false });
   const current = useRef(scope);
@@ -34,7 +34,7 @@ export function useExecutionConfig({ client, scope, target, enabled, initial, ru
   const reload = useCallback(async () => {
     const serial = ++request.current;
     const active = () => mounted.current && current.current === scope && request.current === serial;
-    if (!enabled && !readComposerDraft(scope).executionUncertain) return;
+    if (!ready || (!enabled && !readComposerDraft(scope).executionUncertain)) return;
     if (!client.getExecutionConfig) {
       setView({ scope, loading: false, error: "当前接入尚未提供执行设置。" });
       return;
@@ -50,7 +50,7 @@ export function useExecutionConfig({ client, scope, target, enabled, initial, ru
     } catch (error) {
       if (active()) setView(value => ({ ...(value.scope === scope ? value : {}), scope, error: errorText(error), loading: false }));
     }
-  }, [client, scope, target, enabled]);
+  }, [client, scope, target, enabled, ready]);
   useEffect(() => { void reload(); return () => { request.current++; }; }, [reload]);
   const wasRunning = useRef(running);
   useEffect(() => {

package/src/operator.base.css

@@ -1420,7 +1420,7 @@ button.pop-item:hover{background:var(--surface-2);}
 .composer .comp-box{border-radius:26px;border-color:var(--line);box-shadow:0 4px 20px rgba(0,0,0,.035);}
 .composer .comp-box:focus-within{border-color:var(--line-strong);box-shadow:0 6px 24px rgba(0,0,0,.055);}
 .composer .comp-toolbar{gap:6px;padding:6px 12px 12px;}
-.composer .comp-area{padding:18px 20px 12px;}
+.composer .comp-area{padding:12px 20px 4px;}
 .composer .attach-chip.image{width:108px;height:88px;border-radius:12px;}
 .composer .attach-chip.image>img{height:100%;object-fit:cover;}
 .composer .attach-chip .attach-x{width:26px;height:26px;top:4px;right:4px;font-size:16px;}
@@ -1429,7 +1429,7 @@ button.pop-item:hover{background:var(--surface-2);}
 .composer .attach-row .attach-chip{flex:none;}
 .composer .cli-blocks{max-height:min(30vh,180px);}
 @container(max-width:420px){
-  .composer .comp-area{padding:14px 16px 8px;}
+  .composer .comp-area{padding:12px 16px 4px;}
   .composer .comp-toolbar{gap:4px;padding:6px 10px 10px;}
   .composer .comp-setting{padding:6px 9px;}
   .composer .attach-chip.image{width:86px;height:76px;}

package/src/operator.css

@@ -1420,7 +1420,7 @@
 .cli-ui .composer .comp-box{border-radius:26px;border-color:var(--line);box-shadow:0 4px 20px rgba(0,0,0,.035);}
 .cli-ui .composer .comp-box:focus-within{border-color:var(--line-strong);box-shadow:0 6px 24px rgba(0,0,0,.055);}
 .cli-ui .composer .comp-toolbar{gap:6px;padding:6px 12px 12px;}
-.cli-ui .composer .comp-area{padding:18px 20px 12px;}
+.cli-ui .composer .comp-area{padding:12px 20px 4px;}
 .cli-ui .composer .attach-chip.image{width:108px;height:88px;border-radius:12px;}
 .cli-ui .composer .attach-chip.image>img{height:100%;object-fit:cover;}
 .cli-ui .composer .attach-chip .attach-x{width:26px;height:26px;top:4px;right:4px;font-size:16px;}
@@ -1429,7 +1429,7 @@
 .cli-ui .composer .attach-row .attach-chip{flex:none;}
 .cli-ui .composer .cli-blocks{max-height:min(30vh,180px);}
 @container(max-width:420px){
-  .cli-ui .composer .comp-area{padding:14px 16px 8px;}
+  .cli-ui .composer .comp-area{padding:12px 16px 4px;}
   .cli-ui .composer .comp-toolbar{gap:4px;padding:6px 10px 10px;}
   .cli-ui .composer .comp-setting{padding:6px 9px;}
   .cli-ui .composer .attach-chip.image{width:86px;height:76px;}

package/src/styles.css

@@ -53,8 +53,9 @@
 .cli-ui .sess-head .crumb{overflow-wrap:anywhere;}
 .cli-ui .cli-export{white-space:nowrap;}
 .cli-ui .comp-area textarea{min-width:0;}
-.cli-ui .comp-foot{gap:8px;padding:8px 10px;background:transparent;border-top:0;flex-wrap:wrap;}
+.cli-ui .composer .comp-foot{gap:4px;padding:4px 10px;background:transparent;border-top:0;flex-wrap:wrap;}
 .cli-ui .comp-foot>.comp-control{flex:0 0 auto;}
+.cli-ui .comp-foot .permission{padding-inline:6px;}
 .cli-ui .cli-attach{display:inline-flex;justify-content:center;align-items:center;gap:5px;min-width:44px;min-height:44px;padding:0 8px;border-radius:7px;color:var(--ink-3);font-size:12px;}
 @media(hover:hover) and (pointer:fine){.cli-ui .cli-attach:hover{background:var(--surface-2);color:var(--ink);}}
 .cli-ui .cli-attach svg{width:22px;height:22px;}