@jx-grxf/patchpilot 0.3.0 → 0.4.0

package/dist/tui/App.js

@@ -15,6 +15,7 @@ import { formatReasoningSupport } from "../core/reasoning.js";
 import { listWorkspaceSessions, loadSessionSummary, SessionStore } from "../core/session.js";
 import { addTelemetryToSession, emptySessionTelemetry, estimateTokens } from "../core/tokenAccounting.js";
 import { WorkspaceTools } from "../core/workspace.js";
+import { ApprovalPanel } from "./components/ApprovalPanel.js";
 import { CommandSuggestions } from "./components/CommandSuggestions.js";
 import { Composer, FooterHints } from "./components/Composer.js";
 import { Header } from "./components/Header.js";
@@ -24,6 +25,7 @@ import { Transcript } from "./components/Transcript.js";
 import { filterSlashCommands, formatCommandDetail, formatCommandHelp } from "./commands.js";
 import { formatCost, formatSessionTokens, formatTokens, normalizeModelAlias, readToggle } from "./format.js";
 import { checkOllamaHost, discoverOllamaHosts, normalizeOllamaUrl, readOllamaHostDetails, startLocalOllamaAppAndWait } from "./hosts.js";
+import { initialAgentMode, modeDescription, modePermissionLabel, nextAgentMode, permissionsForMode } from "./modes.js";
 import { selectableModels } from "./modelSelection.js";
 import { readGpuStats, readSystemStats } from "./systemStats.js";
 import { maxTranscriptLines } from "./types.js";
@@ -55,7 +57,8 @@ export function App(props) {
     const [sessionTelemetry, setSessionTelemetry] = useState(() => emptySessionTelemetry());
     const [systemStats, setSystemStats] = useState(() => readSystemStats().stats);
     const [gpuStats, setGpuStats] = useState(null);
-    const [agentMode, setAgentMode] = useState(props.allowWrite || props.allowShell ? "build" : "plan");
+    const [agentMode, setAgentMode] = useState(() => initialAgentMode({ allowWrite: props.allowWrite, allowShell: props.allowShell }));
+    const [bypassConfirmation, setBypassConfirmation] = useState(false);
     const [hostOptions, setHostOptions] = useState([]);
     const [activeHost, setActiveHost] = useState(null);
     const [isLoadingHosts, setIsLoadingHosts] = useState(false);
@@ -101,7 +104,8 @@ export function App(props) {
     const paletteReservedHeight = !onboarding && paletteItems.length > 0 ? Math.min(8, paletteItems.length) + 4 : 0;
     const composerReservedHeight = onboarding ? 0 : 2;
     const footerReservedHeight = onboarding ? 0 : 1;
-    const panelHeight = Math.max(8, rootHeight - headerReservedHeight - composerReservedHeight - paletteReservedHeight - footerReservedHeight);
+    const approvalReservedHeight = !onboarding && (pendingApproval || bypassConfirmation) ? 6 : 0;
+    const panelHeight = Math.max(8, rootHeight - headerReservedHeight - composerReservedHeight - paletteReservedHeight - footerReservedHeight - approvalReservedHeight);
     const transcriptWidth = Math.max(42, terminalColumns - 38);
     const scrollStep = Math.max(4, Math.floor(panelHeight * 0.8));
     const appendLine = useCallback((line) => {
@@ -132,23 +136,58 @@ export function App(props) {
         setPendingApproval(null);
     }, [appendLine, pendingApproval]);
     const applyMode = useCallback((nextMode, announce = true) => {
+        const permissions = permissionsForMode(nextMode);
         setAgentMode(nextMode);
+        setBypassConfirmation(false);
         setSettings((currentSettings) => ({
             ...currentSettings,
-            allowWrite: nextMode === "build" ? grantedPermissionsRef.current.allowWrite : false,
-            allowShell: nextMode === "build" ? grantedPermissionsRef.current.allowShell : false
+            allowWrite: permissions.allowWrite,
+            allowShell: permissions.allowShell
         }));
         if (announce) {
             appendLine({
-                tone: "success",
+                tone: nextMode === "bypass" ? "warning" : "success",
                 label: "mode",
-                text: `${nextMode} mode ${nextMode === "plan" ? "keeps tools read-only" : "uses enabled write/shell permissions"}`
+                text: modeDescription(nextMode),
+                detail: nextMode === "plan"
+                    ? "Read/search/status tools can still run. Writes, tests, scripts, and shell are denied."
+                    : nextMode === "build"
+                        ? "Risky tools can run only after allow once/session approval."
+                        : "Use only in a trusted workspace. Path guards and destructive shell guards still apply."
             });
         }
     }, [appendLine]);
+    const requestBypassMode = useCallback(() => {
+        if (bypassConfirmation) {
+            return;
+        }
+        setBypassConfirmation(true);
+        setStatus("bypass confirmation needed");
+        setWorkState("waiting_approval");
+    }, [bypassConfirmation]);
+    const confirmBypassMode = useCallback(() => {
+        applyMode("bypass");
+    }, [applyMode]);
+    const cancelBypassMode = useCallback(() => {
+        setBypassConfirmation(false);
+        setStatus("idle");
+        setWorkState("idle");
+        applyMode("build", false);
+        appendLine({
+            kind: "approval",
+            tone: "warning",
+            label: "bypass",
+            text: "Bypass cancelled. Build mode still uses approvals."
+        });
+    }, [appendLine, applyMode]);
     const toggleMode = useCallback(() => {
-        applyMode(agentMode === "plan" ? "build" : "plan");
-    }, [agentMode, applyMode]);
+        const mode = nextAgentMode(agentMode);
+        if (mode === "bypass") {
+            requestBypassMode();
+            return;
+        }
+        applyMode(mode);
+    }, [agentMode, applyMode, requestBypassMode]);
     const loadHostSuggestions = useCallback(async (refresh = false, announce = false) => {
         if (isLoadingHosts) {
             return hostOptions;
@@ -598,7 +637,7 @@ export function App(props) {
             return;
         }
         const visibleModels = selectableModels(onboardingInput, onboarding.models);
-        const selectedModel = selectModelFromInput(value, visibleModels, onboardingIndex, {
+        const selectedModel = visibleModels[onboardingIndex] ?? selectModelFromInput(value, visibleModels, onboardingIndex, {
             allowManual: onboarding.provider !== "ollama"
         });
         if (!selectedModel) {
@@ -657,6 +696,7 @@ export function App(props) {
             abortControllerRef.current = abortController;
             const taskRunner = new AgentRunner({
                 ...runnableSettings,
+                mode: agentMode,
                 signal: abortController.signal,
                 sessionStore: sessionStoreRef.current,
                 approvalHandler: (request) => new Promise((resolve) => {
@@ -674,9 +714,14 @@ export function App(props) {
                         resolve("deny");
                         return;
                     }
+                    if (agentMode === "bypass") {
+                        resolve("allow_session");
+                        return;
+                    }
                     setPendingApproval(request);
                     setWorkState("waiting_approval");
                     setStatus(`approval needed for ${request.tool}`);
+                    setTranscriptScrollOffset(0);
                     appendLine({
                         kind: "approval",
                         tone: "warning",
@@ -747,16 +792,21 @@ export function App(props) {
                 return;
             case "build":
             case "plan":
+            case "bypass":
             case "mode": {
                 const nextMode = command === "mode" ? args[0]?.toLowerCase() : command;
-                if (nextMode !== "plan" && nextMode !== "build") {
+                if (nextMode !== "plan" && nextMode !== "build" && nextMode !== "bypass") {
                     appendLine({
                         tone: "accent",
                         label: "mode",
-                        text: `current ${agentMode}. Use /mode plan, /mode build, or press tab.`
+                        text: `current ${agentMode}. Use /mode plan, /mode build, /mode bypass, or press tab.`
                     });
                     return;
                 }
+                if (nextMode === "bypass" && agentMode !== "bypass") {
+                    requestBypassMode();
+                    return;
+                }
                 applyMode(nextMode);
                 return;
             }
@@ -765,7 +815,8 @@ export function App(props) {
                 appendLine({
                     tone: "accent",
                     label: "permissions",
-                    text: `write ${settings.allowWrite ? "on" : "off"} | shell ${settings.allowShell ? "on" : "off"} | subagents ${settings.subagents ? "on" : "off"}`
+                    text: `mode ${agentMode} | write ${modePermissionLabel(agentMode, "write")} | shell ${modePermissionLabel(agentMode, "shell")} | subagents ${settings.subagents ? "on" : "off"}`,
+                    detail: modeDescription(agentMode)
                 });
                 return;
             case "provider": {
@@ -874,34 +925,30 @@ export function App(props) {
             case "apply": {
                 const writeEnabled = readToggle(args[0], !settings.allowWrite);
                 if (writeEnabled) {
-                    setAgentMode("build");
+                    requestBypassMode();
+                    return;
                 }
                 grantedPermissionsRef.current.allowWrite = writeEnabled;
-                setSettings((currentSettings) => ({
-                    ...currentSettings,
-                    allowWrite: writeEnabled
-                }));
+                applyMode("build", false);
                 appendLine({
                     tone: "success",
                     label: "write",
-                    text: `workspace writes ${writeEnabled ? "enabled" : "disabled"}`
+                    text: "workspace writes require approval in build mode"
                 });
                 return;
             }
             case "shell": {
                 const shellEnabled = readToggle(args[0], !settings.allowShell);
                 if (shellEnabled) {
-                    setAgentMode("build");
+                    requestBypassMode();
+                    return;
                 }
                 grantedPermissionsRef.current.allowShell = shellEnabled;
-                setSettings((currentSettings) => ({
-                    ...currentSettings,
-                    allowShell: shellEnabled
-                }));
+                applyMode("build", false);
                 appendLine({
                     tone: "success",
                     label: "shell",
-                    text: `shell commands ${shellEnabled ? "enabled" : "disabled"}`
+                    text: "shell commands require approval in build mode"
                 });
                 return;
             }
@@ -1005,8 +1052,8 @@ export function App(props) {
                     tone: "accent",
                     label: "status",
                     text: settings.provider === "ollama"
-                        ? `provider ollama | model ${settings.model} | host ${activeHost?.host.deviceName ?? settings.ollamaUrl} | route ${activeHost?.host.url ?? settings.ollamaUrl} | compute ${describeComputeTarget(settings.ollamaUrl).kind} | tools local | agents ${settings.subagents ? "on" : "off"} | write ${settings.allowWrite ? "on" : "off"} | shell ${settings.allowShell ? "on" : "off"} | draft ${draftTokens} tok | last ${formatTokens(telemetry)} | session ${formatSessionTokens(sessionTelemetry)} | cost ${formatCost(sessionTelemetry.estimatedCostUsd)}`
-                        : `provider ${settings.provider} | model ${settings.model} | host ${settings.provider} api | compute cloud | agents ${settings.subagents ? "on" : "off"} | think ${settings.thinkingMode} | reasoning ${formatReasoningSupport(settings.provider, settings.model, settings.reasoningEffort === "adaptive" ? undefined : settings.reasoningEffort)} | write ${settings.allowWrite ? "on" : "off"} | shell ${settings.allowShell ? "on" : "off"} | draft ${draftTokens} tok | last ${formatTokens(telemetry)} | session ${formatSessionTokens(sessionTelemetry)} | cost ${formatCost(sessionTelemetry.estimatedCostUsd)}`
+                        ? `provider ollama | model ${settings.model} | host ${activeHost?.host.deviceName ?? settings.ollamaUrl} | route ${activeHost?.host.url ?? settings.ollamaUrl} | compute ${describeComputeTarget(settings.ollamaUrl).kind} | tools local | agents ${settings.subagents ? "on" : "off"} | mode ${agentMode} | write ${modePermissionLabel(agentMode, "write")} | shell ${modePermissionLabel(agentMode, "shell")} | draft ${draftTokens} tok | last ${formatTokens(telemetry)} | session ${formatSessionTokens(sessionTelemetry)} | cost ${formatCost(sessionTelemetry.estimatedCostUsd)}`
+                        : `provider ${settings.provider} | model ${settings.model} | host ${settings.provider} api | compute cloud | agents ${settings.subagents ? "on" : "off"} | think ${settings.thinkingMode} | reasoning ${formatReasoningSupport(settings.provider, settings.model, settings.reasoningEffort === "adaptive" ? undefined : settings.reasoningEffort)} | mode ${agentMode} | write ${modePermissionLabel(agentMode, "write")} | shell ${modePermissionLabel(agentMode, "shell")} | draft ${draftTokens} tok | last ${formatTokens(telemetry)} | session ${formatSessionTokens(sessionTelemetry)} | cost ${formatCost(sessionTelemetry.estimatedCostUsd)}`
                 });
                 return;
             case "sessions": {
@@ -1191,6 +1238,7 @@ export function App(props) {
         appendLine,
         applyMode,
         connectToHost,
+        requestBypassMode,
         draftTokens,
         exit,
         hostOptions,
@@ -1204,7 +1252,14 @@ export function App(props) {
     ]);
     const handleSubmit = useCallback(async (value) => {
         const nextValue = value.trim();
-        if (!nextValue || isRunning) {
+        if (!nextValue) {
+            return;
+        }
+        if (isRunning && nextValue.startsWith("/")) {
+            await handleSlashCommand(nextValue);
+            return;
+        }
+        if (isRunning) {
             return;
         }
         if (onboarding) {
@@ -1319,6 +1374,21 @@ export function App(props) {
         }
     }, [hostOptions.length, input, isLoadingHosts, isLoadingModels, isRunning, loadHostSuggestions, loadProviderModels, modelOptions.length, onboarding, settings.provider]);
     useInput((inputValue, key) => {
+        if (bypassConfirmation) {
+            const normalizedInput = inputValue.toLowerCase();
+            if (key.tab) {
+                cancelBypassMode();
+                return;
+            }
+            if (normalizedInput === "y") {
+                confirmBypassMode();
+                return;
+            }
+            if (normalizedInput === "n" || key.escape) {
+                cancelBypassMode();
+                return;
+            }
+        }
         if (pendingApproval) {
             const normalizedInput = inputValue.toLowerCase();
             if (normalizedInput === "y") {
@@ -1461,7 +1531,7 @@ export function App(props) {
             clearInterval(timer);
         };
     }, []);
-    return (_jsxs(Box, { flexDirection: "column", paddingX: 1, height: rootHeight, overflowY: "hidden", children: [_jsx(Header, { model: settings.model, provider: settings.provider, workspace: settings.workspace, status: status, workState: workState, allowWrite: settings.allowWrite, allowShell: settings.allowShell, agentMode: agentMode, subagents: settings.subagents, thinkingMode: settings.thinkingMode, reasoningEffort: settings.reasoningEffort, ollamaUrl: settings.ollamaUrl, telemetry: telemetry, sessionTelemetry: sessionTelemetry, draftTokens: draftTokens, systemStats: systemStats, gpuStats: gpuStats, activeHost: activeHost }), onboarding ? (_jsx(OnboardingPanel, { state: onboarding, height: panelHeight, selectedIndex: onboardingIndex, input: onboardingInput, busyMessage: onboardingBusyMessage, notice: onboardingNotice, onInputChange: setOnboardingInput, onInputSubmit: (value) => void handleOnboardingSubmit(value) })) : (_jsxs(Box, { flexDirection: "row", height: panelHeight + composerReservedHeight + paletteReservedHeight + footerReservedHeight, overflowY: "hidden", children: [_jsx(Sidebar, { workspace: settings.workspace, model: settings.model, provider: settings.provider, ollamaUrl: settings.ollamaUrl, agentMode: agentMode, allowWrite: settings.allowWrite, allowShell: settings.allowShell, subagents: settings.subagents, workState: workState, sessionId: sessionStoreRef.current.sessionId, systemStats: systemStats, gpuStats: gpuStats, telemetry: telemetry, sessionTelemetry: sessionTelemetry, draftTokens: draftTokens, height: panelHeight, scrollOffset: sessionScrollOffset, advisors: advisorNotes, isActive: activeScrollPane === "session", activeHost: activeHost }), _jsxs(Box, { flexDirection: "column", flexGrow: 1, height: panelHeight + composerReservedHeight + paletteReservedHeight + footerReservedHeight, overflowY: "hidden", children: [_jsx(Transcript, { lines: lines, isRunning: isRunning, isActive: activeScrollPane === "transcript", height: panelHeight, width: transcriptWidth, scrollOffset: transcriptScrollOffset }), _jsx(Composer, { input: input, isRunning: isRunning, status: status, draftTokens: draftTokens, onChange: setInput, onSubmit: (value) => void handleSubmit(value) }), paletteItems.length > 0 ? _jsx(CommandSuggestions, { items: paletteItems, selectedIndex: paletteIndex }) : null, _jsx(FooterHints, { activePane: activeScrollPane })] })] }))] }));
+    return (_jsxs(Box, { flexDirection: "column", paddingX: 1, height: rootHeight, overflowY: "hidden", children: [_jsx(Header, { model: settings.model, provider: settings.provider, workspace: settings.workspace, status: status, workState: workState, allowWrite: settings.allowWrite, allowShell: settings.allowShell, agentMode: agentMode, subagents: settings.subagents, thinkingMode: settings.thinkingMode, reasoningEffort: settings.reasoningEffort, ollamaUrl: settings.ollamaUrl, telemetry: telemetry, sessionTelemetry: sessionTelemetry, draftTokens: draftTokens, systemStats: systemStats, gpuStats: gpuStats, activeHost: activeHost }), onboarding ? (_jsx(OnboardingPanel, { state: onboarding, height: panelHeight, selectedIndex: onboardingIndex, input: onboardingInput, busyMessage: onboardingBusyMessage, notice: onboardingNotice, onInputChange: setOnboardingInput, onInputSubmit: (value) => void handleOnboardingSubmit(value) })) : (_jsxs(Box, { flexDirection: "row", height: panelHeight + approvalReservedHeight + composerReservedHeight + paletteReservedHeight + footerReservedHeight, overflowY: "hidden", children: [_jsx(Sidebar, { workspace: settings.workspace, model: settings.model, provider: settings.provider, ollamaUrl: settings.ollamaUrl, agentMode: agentMode, allowWrite: settings.allowWrite, allowShell: settings.allowShell, subagents: settings.subagents, workState: workState, sessionId: sessionStoreRef.current.sessionId, systemStats: systemStats, gpuStats: gpuStats, telemetry: telemetry, sessionTelemetry: sessionTelemetry, draftTokens: draftTokens, height: panelHeight, scrollOffset: sessionScrollOffset, advisors: advisorNotes, isActive: activeScrollPane === "session", activeHost: activeHost }), _jsxs(Box, { flexDirection: "column", flexGrow: 1, height: panelHeight + approvalReservedHeight + composerReservedHeight + paletteReservedHeight + footerReservedHeight, overflowY: "hidden", children: [_jsx(Transcript, { lines: lines, isRunning: isRunning, isActive: activeScrollPane === "transcript", height: panelHeight, width: transcriptWidth, scrollOffset: transcriptScrollOffset }), _jsx(ApprovalPanel, { request: pendingApproval, bypassConfirmation: bypassConfirmation }), _jsx(Composer, { input: input, isRunning: isRunning, status: status, draftTokens: draftTokens, isApprovalWaiting: Boolean(pendingApproval || bypassConfirmation), onChange: setInput, onSubmit: (value) => void handleSubmit(value) }), paletteItems.length > 0 ? _jsx(CommandSuggestions, { items: paletteItems, selectedIndex: paletteIndex }) : null, _jsx(FooterHints, { activePane: activeScrollPane })] })] }))] }));
 }
 async function loadAvailableModels(provider, ollamaUrl, setModelOptions, refresh = false) {
     const cacheKey = `${provider}:${provider === "ollama" ? ollamaUrl : "default"}`;
@@ -1507,7 +1577,7 @@ async function switchModel(provider, nextModel, ollamaUrl, currentModel, appendL
     if (!installedModels) {
         return;
     }
-    if (!installedModels.includes(nextModel)) {
+    if (!installedModels.includes(nextModel) && !(provider !== "ollama" && isPlausibleCloudModelId(nextModel))) {
         appendLine({
             tone: "warning",
             label: "model",
@@ -1534,9 +1604,10 @@ async function switchModel(provider, nextModel, ollamaUrl, currentModel, appendL
         PATCHPILOT_MODEL: nextModel
     });
     appendLine({
-        tone: "success",
+        tone: installedModels.includes(nextModel) ? "success" : "warning",
         label: "model",
-        text: `switched to ${nextModel}`
+        text: installedModels.includes(nextModel) ? `switched to ${nextModel}` : `switched to unverified ${provider} model ${nextModel}`,
+        detail: installedModels.includes(nextModel) ? undefined : "The provider did not list this model in discovery. PatchPilot will try it and surface the provider error if it is unavailable."
     });
     if (provider === "openrouter" && isOpenRouterFreeModel(nextModel)) {
         appendLine({
@@ -1562,7 +1633,15 @@ async function resolveRunnableSettings(settings, modelOptions, appendLine, setMo
         });
         return null;
     }
-    if (installedModels.includes(settings.model)) {
+    if (installedModels.includes(settings.model) || (settings.provider !== "ollama" && isPlausibleCloudModelId(settings.model))) {
+        if (!installedModels.includes(settings.model)) {
+            appendLine({
+                tone: "warning",
+                label: "model",
+                text: `using unverified ${settings.provider} model ${settings.model}`,
+                detail: "Model discovery did not list it; the next provider request will be the compatibility check."
+            });
+        }
         return settings;
     }
     appendLine({