claude-code/components/permissions/PermissionRequest.tsx

217 lines
33 KiB
TypeScript
Raw Normal View History

import { c as _c } from "react/compiler-runtime";
import { feature } from 'bun:bundle';
import * as React from 'react';
import { EnterPlanModeTool } from 'src/tools/EnterPlanModeTool/EnterPlanModeTool.js';
import { ExitPlanModeV2Tool } from 'src/tools/ExitPlanModeTool/ExitPlanModeV2Tool.js';
import { useNotifyAfterTimeout } from '../../hooks/useNotifyAfterTimeout.js';
import { useKeybinding } from '../../keybindings/useKeybinding.js';
import type { AnyObject, Tool, ToolUseContext } from '../../Tool.js';
import { AskUserQuestionTool } from '../../tools/AskUserQuestionTool/AskUserQuestionTool.js';
import { BashTool } from '../../tools/BashTool/BashTool.js';
import { FileEditTool } from '../../tools/FileEditTool/FileEditTool.js';
import { FileReadTool } from '../../tools/FileReadTool/FileReadTool.js';
import { FileWriteTool } from '../../tools/FileWriteTool/FileWriteTool.js';
import { GlobTool } from '../../tools/GlobTool/GlobTool.js';
import { GrepTool } from '../../tools/GrepTool/GrepTool.js';
import { NotebookEditTool } from '../../tools/NotebookEditTool/NotebookEditTool.js';
import { PowerShellTool } from '../../tools/PowerShellTool/PowerShellTool.js';
import { SkillTool } from '../../tools/SkillTool/SkillTool.js';
import { WebFetchTool } from '../../tools/WebFetchTool/WebFetchTool.js';
import type { AssistantMessage } from '../../types/message.js';
import type { PermissionDecision } from '../../utils/permissions/PermissionResult.js';
import { AskUserQuestionPermissionRequest } from './AskUserQuestionPermissionRequest/AskUserQuestionPermissionRequest.js';
import { BashPermissionRequest } from './BashPermissionRequest/BashPermissionRequest.js';
import { EnterPlanModePermissionRequest } from './EnterPlanModePermissionRequest/EnterPlanModePermissionRequest.js';
import { ExitPlanModePermissionRequest } from './ExitPlanModePermissionRequest/ExitPlanModePermissionRequest.js';
import { FallbackPermissionRequest } from './FallbackPermissionRequest.js';
import { FileEditPermissionRequest } from './FileEditPermissionRequest/FileEditPermissionRequest.js';
import { FilesystemPermissionRequest } from './FilesystemPermissionRequest/FilesystemPermissionRequest.js';
import { FileWritePermissionRequest } from './FileWritePermissionRequest/FileWritePermissionRequest.js';
import { NotebookEditPermissionRequest } from './NotebookEditPermissionRequest/NotebookEditPermissionRequest.js';
import { PowerShellPermissionRequest } from './PowerShellPermissionRequest/PowerShellPermissionRequest.js';
import { SkillPermissionRequest } from './SkillPermissionRequest/SkillPermissionRequest.js';
import { WebFetchPermissionRequest } from './WebFetchPermissionRequest/WebFetchPermissionRequest.js';
/* eslint-disable @typescript-eslint/no-require-imports */
const ReviewArtifactTool = feature('REVIEW_ARTIFACT') ? (require('../../tools/ReviewArtifactTool/ReviewArtifactTool.js') as typeof import('../../tools/ReviewArtifactTool/ReviewArtifactTool.js')).ReviewArtifactTool : null;
const ReviewArtifactPermissionRequest = feature('REVIEW_ARTIFACT') ? (require('./ReviewArtifactPermissionRequest/ReviewArtifactPermissionRequest.js') as typeof import('./ReviewArtifactPermissionRequest/ReviewArtifactPermissionRequest.js')).ReviewArtifactPermissionRequest : null;
const WorkflowTool = feature('WORKFLOW_SCRIPTS') ? (require('../../tools/WorkflowTool/WorkflowTool.js') as typeof import('../../tools/WorkflowTool/WorkflowTool.js')).WorkflowTool : null;
const WorkflowPermissionRequest = feature('WORKFLOW_SCRIPTS') ? (require('../../tools/WorkflowTool/WorkflowPermissionRequest.js') as typeof import('../../tools/WorkflowTool/WorkflowPermissionRequest.js')).WorkflowPermissionRequest : null;
const MonitorTool = feature('MONITOR_TOOL') ? (require('../../tools/MonitorTool/MonitorTool.js') as typeof import('../../tools/MonitorTool/MonitorTool.js')).MonitorTool : null;
const MonitorPermissionRequest = feature('MONITOR_TOOL') ? (require('./MonitorPermissionRequest/MonitorPermissionRequest.js') as typeof import('./MonitorPermissionRequest/MonitorPermissionRequest.js')).MonitorPermissionRequest : null;
import type { ContentBlockParam } from '@anthropic-ai/sdk/resources/messages.mjs';
/* eslint-enable @typescript-eslint/no-require-imports */
import type { z } from 'zod/v4';
import type { PermissionUpdate } from '../../utils/permissions/PermissionUpdateSchema.js';
import type { WorkerBadgeProps } from './WorkerBadge.js';
function permissionComponentForTool(tool: Tool): React.ComponentType<PermissionRequestProps> {
switch (tool) {
case FileEditTool:
return FileEditPermissionRequest;
case FileWriteTool:
return FileWritePermissionRequest;
case BashTool:
return BashPermissionRequest;
case PowerShellTool:
return PowerShellPermissionRequest;
case ReviewArtifactTool:
return ReviewArtifactPermissionRequest ?? FallbackPermissionRequest;
case WebFetchTool:
return WebFetchPermissionRequest;
case NotebookEditTool:
return NotebookEditPermissionRequest;
case ExitPlanModeV2Tool:
return ExitPlanModePermissionRequest;
case EnterPlanModeTool:
return EnterPlanModePermissionRequest;
case SkillTool:
return SkillPermissionRequest;
case AskUserQuestionTool:
return AskUserQuestionPermissionRequest;
case WorkflowTool:
return WorkflowPermissionRequest ?? FallbackPermissionRequest;
case MonitorTool:
return MonitorPermissionRequest ?? FallbackPermissionRequest;
case GlobTool:
case GrepTool:
case FileReadTool:
return FilesystemPermissionRequest;
default:
return FallbackPermissionRequest;
}
}
export type PermissionRequestProps<Input extends AnyObject = AnyObject> = {
toolUseConfirm: ToolUseConfirm<Input>;
toolUseContext: ToolUseContext;
onDone(): void;
onReject(): void;
verbose: boolean;
workerBadge: WorkerBadgeProps | undefined;
/**
* Register JSX to render in a sticky footer below the scrollable area.
* Fullscreen mode only (non-fullscreen has no sticky area terminal
* scrollback moves everything together). Call with null to clear.
*
* Used by ExitPlanModePermissionRequest to keep response options visible
* while the user scrolls through a long plan. The callback is stable
* JSX passed should use refs for callbacks that close over component state
* to avoid stale closures (React reconciles the JSX, preserving Select's
* internal focus/input state).
*/
setStickyFooter?: (jsx: React.ReactNode | null) => void;
};
export type ToolUseConfirm<Input extends AnyObject = AnyObject> = {
assistantMessage: AssistantMessage;
tool: Tool<Input>;
description: string;
input: z.infer<Input>;
toolUseContext: ToolUseContext;
toolUseID: string;
permissionResult: PermissionDecision;
permissionPromptStartTimeMs: number;
/**
* Called when user interacts with the permission dialog (e.g., arrow keys, tab, typing).
* This prevents async auto-approval mechanisms (like the bash classifier) from
* dismissing the dialog while the user is actively engaging with it.
*/
classifierCheckInProgress?: boolean;
classifierAutoApproved?: boolean;
classifierMatchedRule?: string;
workerBadge?: WorkerBadgeProps;
onUserInteraction(): void;
onAbort(): void;
onDismissCheckmark?(): void;
onAllow(updatedInput: z.infer<Input>, permissionUpdates: PermissionUpdate[], feedback?: string, contentBlocks?: ContentBlockParam[]): void;
onReject(feedback?: string, contentBlocks?: ContentBlockParam[]): void;
recheckPermission(): Promise<void>;
};
function getNotificationMessage(toolUseConfirm: ToolUseConfirm): string {
const toolName = toolUseConfirm.tool.userFacingName(toolUseConfirm.input as never);
if (toolUseConfirm.tool === ExitPlanModeV2Tool) {
return 'Claude Code needs your approval for the plan';
}
if (toolUseConfirm.tool === EnterPlanModeTool) {
return 'Claude Code wants to enter plan mode';
}
if (feature('REVIEW_ARTIFACT') && toolUseConfirm.tool === ReviewArtifactTool) {
return 'Claude needs your approval for a review artifact';
}
if (!toolName || toolName.trim() === '') {
return 'Claude Code needs your attention';
}
return `Claude needs your permission to use ${toolName}`;
}
// TODO: Move this to Tool.renderPermissionRequest
export function PermissionRequest(t0) {
const $ = _c(18);
const {
toolUseConfirm,
toolUseContext,
onDone,
onReject,
verbose,
workerBadge,
setStickyFooter
} = t0;
let t1;
if ($[0] !== onDone || $[1] !== onReject || $[2] !== toolUseConfirm) {
t1 = () => {
onDone();
onReject();
toolUseConfirm.onReject();
};
$[0] = onDone;
$[1] = onReject;
$[2] = toolUseConfirm;
$[3] = t1;
} else {
t1 = $[3];
}
let t2;
if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
t2 = {
context: "Confirmation"
};
$[4] = t2;
} else {
t2 = $[4];
}
useKeybinding("app:interrupt", t1, t2);
let t3;
if ($[5] !== toolUseConfirm) {
t3 = getNotificationMessage(toolUseConfirm);
$[5] = toolUseConfirm;
$[6] = t3;
} else {
t3 = $[6];
}
const notificationMessage = t3;
useNotifyAfterTimeout(notificationMessage, "permission_prompt");
let t4;
if ($[7] !== toolUseConfirm.tool) {
t4 = permissionComponentForTool(toolUseConfirm.tool);
$[7] = toolUseConfirm.tool;
$[8] = t4;
} else {
t4 = $[8];
}
const PermissionComponent = t4;
let t5;
if ($[9] !== PermissionComponent || $[10] !== onDone || $[11] !== onReject || $[12] !== setStickyFooter || $[13] !== toolUseConfirm || $[14] !== toolUseContext || $[15] !== verbose || $[16] !== workerBadge) {
t5 = <PermissionComponent toolUseContext={toolUseContext} toolUseConfirm={toolUseConfirm} onDone={onDone} onReject={onReject} verbose={verbose} workerBadge={workerBadge} setStickyFooter={setStickyFooter} />;
$[9] = PermissionComponent;
$[10] = onDone;
$[11] = onReject;
$[12] = setStickyFooter;
$[13] = toolUseConfirm;
$[14] = toolUseContext;
$[15] = verbose;
$[16] = workerBadge;
$[17] = t5;
} else {
t5 = $[17];
}
return t5;
}
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJmZWF0dXJlIiwiUmVhY3QiLCJFbnRlclBsYW5Nb2RlVG9vbCIsIkV4aXRQbGFuTW9kZVYyVG9vbCIsInVzZU5vdGlmeUFmdGVyVGltZW91dCIsInVzZUtleWJpbmRpbmciLCJBbnlPYmplY3QiLCJUb29sIiwiVG9vbFVzZUNvbnRleHQiLCJBc2tVc2VyUXVlc3Rpb25Ub29sIiwiQmFzaFRvb2wiLCJGaWxlRWRpdFRvb2wiLCJGaWxlUmVhZFRvb2wiLCJGaWxlV3JpdGVUb29sIiwiR2xvYlRvb2wiLCJHcmVwVG9vbCIsIk5vdGVib29rRWRpdFRvb2wiLCJQb3dlclNoZWxsVG9vbCIsIlNraWxsVG9vbCIsIldlYkZldGNoVG9vbCIsIkFzc2lzdGFudE1lc3NhZ2UiLCJQZXJtaXNzaW9uRGVjaXNpb24iLCJBc2tVc2VyUXVlc3Rpb25QZXJtaXNzaW9uUmVxdWVzdCIsIkJhc2hQZXJtaXNzaW9uUmVxdWVzdCIsIkVudGVyUGxhbk1vZGVQZXJtaXNzaW9uUmVxdWVzdCIsIkV4aXRQbGFuTW9kZVBlcm1pc3Npb25SZXF1ZXN0IiwiRmFsbGJhY2tQZXJtaXNzaW9uUmVxdWVzdCIsIkZpbGVFZGl0UGVybWlzc2lvblJlcXVlc3QiLCJGaWxlc3lzdGVtUGVybWlzc2lvblJlcXVlc3QiLCJGaWxlV3JpdGVQZXJtaXNzaW9uUmVxdWVzdCIsIk5vdGVib29rRWRpdFBlcm1pc3Npb25SZXF1ZXN0IiwiUG93ZXJTaGVsbFBlcm1pc3Npb25SZXF1ZXN0IiwiU2tpbGxQZXJtaXNzaW9uUmVxdWVzdCIsIldlYkZldGNoUGVybWlzc2lvblJlcXVlc3QiLCJSZXZpZXdBcnRpZmFjdFRvb2wiLCJyZXF1aXJlIiwiUmV2aWV3QXJ0aWZhY3RQZXJtaXNzaW9uUmVxdWVzdCIsIldvcmtmbG93VG9vbCIsIldvcmtmbG93UGVybWlzc2lvblJlcXVlc3QiLCJNb25pdG9yVG9vbCIsIk1vbml0b3JQZXJtaXNzaW9uUmVxdWVzdCIsIkNvbnRlbnRCbG9ja1BhcmFtIiwieiIsIlBlcm1pc3Npb25VcGRhdGUiLCJXb3JrZXJCYWRnZVByb3BzIiwicGVybWlzc2lvbkNvbXBvbmVudEZvclRvb2wiLCJ0b29sIiwiQ29tcG9uZW50VHlwZSIsIlBlcm1pc3Npb25SZXF1ZXN0UHJvcHMiLCJ0b29sVXNlQ29uZmlybSIsIlRvb2xVc2VDb25maXJtIiwiSW5wdXQiLCJ0b29sVXNlQ29udGV4dCIsIm9uRG9uZSIsIm9uUmVqZWN0IiwidmVyYm9zZSIsIndvcmtlckJhZGdlIiwic2V0U3RpY2t5Rm9vdGVyIiwianN4IiwiUmVhY3ROb2RlIiwiYXNzaXN0YW50TWVzc2FnZSIsImRlc2NyaXB0aW9uIiwiaW5wdXQiLCJpbmZlciIsInRvb2xVc2VJRCIsInBlcm1pc3Npb25SZXN1bHQiLCJwZXJtaXNzaW9uUHJvbXB0U3RhcnRUaW1lTXMiLCJjbGFzc2lmaWVyQ2hlY2tJblByb2dyZXNzIiwiY2xhc3NpZmllckF1dG9BcHByb3ZlZCIsImNsYXNzaWZpZXJNYXRjaGVkUnVsZSIsIm9uVXNlckludGVyYWN0aW9uIiwib25BYm9ydCIsIm9uRGlzbWlzc0NoZWNrbWFyayIsIm9uQWxsb3ciLCJ1cGRhdGVkSW5wdXQiLCJwZXJtaXNzaW9uVXBkYXRlcyIsImZlZWRiYWNrIiwiY29udGVudEJsb2NrcyIsInJlY2hlY2tQZXJtaXNzaW9uIiwiUHJvbWlzZSIsImdldE5vdGlmaWNhdGlvbk1lc3NhZ2UiLCJ0b29sTmFtZSIsInVzZXJGYWNpbmdOYW1lIiwidHJpbSIsIlBlcm1pc3Npb25SZXF1ZXN0IiwidDAiLCIkIiwiX2MiLCJ0MSIsInQyIiwiU3ltYm9sIiwiZm9yIiwiY29udGV4dCIsInQzIiwibm90aWZpY2F0aW9uTWVzc2FnZSIsInQ0IiwiUGVybWlzc2lvbkNvbXBvbmVudCIsInQ1Il0sInNvdXJjZXMiOlsiUGVybWlzc2lvblJlcXVlc3QudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGZlYXR1cmUgfSBmcm9tICdidW46YnVuZGxlJ1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBFbnRlclBsYW5Nb2RlVG9vbCB9IGZyb20gJ3NyYy90b29scy9FbnRlclBsYW5Nb2RlVG9vbC9FbnRlclBsYW5Nb2RlVG9vbC5qcydcbmltcG9ydCB7IEV4aXRQbGFuTW9kZVYyVG9vbCB9IGZyb20gJ3NyYy90b29scy9FeGl0UGxhbk1vZGVUb29sL0V4aXRQbGFuTW9kZVYyVG9vbC5qcydcbmltcG9ydCB7IHVzZU5vdGlmeUFmdGVyVGltZW91dCB9IGZyb20gJy4uLy4uL2hvb2tzL3VzZU5vdGlmeUFmdGVyVGltZW91dC5qcydcbmltcG9ydCB7IHVzZUtleWJpbmRpbmcgfSBmcm9tICcuLi8uLi9rZXliaW5kaW5ncy91c2VLZXliaW5kaW5nLmpzJ1xuaW1wb3J0IHR5cGUgeyBBbnlPYmplY3QsIFRvb2wsIFRvb2xVc2VDb250ZXh0IH0gZnJvbSAnLi4vLi4vVG9vbC5qcydcbmltcG9ydCB7IEFza1VzZXJRdWVzdGlvblRvb2wgfSBmcm9tICcuLi8uLi90b29scy9Bc2tVc2VyUXVlc3Rpb25Ub29sL0Fza1VzZXJRdWVzdGlvblRvb2wuanMnXG5pbXBvcnQgeyBCYXNoVG9vbCB9IGZyb20gJy4uLy4uL3Rvb2xzL0Jhc2hUb29sL0Jhc2hUb29sLmpzJ1xuaW1wb3J0IHsgRmlsZUVkaXRUb29sIH0gZnJvbSAnLi4vLi4vdG9vbHMvRmlsZUVkaXRUb29sL0ZpbGVFZGl0VG9vbC5qcydcbmltcG9ydCB7IEZpbGVSZWFkVG9vbCB9IGZyb20gJy4uLy4uL3Rvb2xzL0ZpbGVSZWFkVG9vbC9GaWxlUmVhZFRvb2wuanMnXG5pbXBvcnQgeyBGaWxlV3JpdGVUb29sIH0gZnJvbSAnLi4vLi4vdG9vbHMvRmlsZVdyaXRlVG9vbC9GaWxlV3JpdGVUb29sLmpzJ1xuaW1wb3J0IHsgR2xvYlRvb2wgfSBmcm9tICcuLi8uLi90b29scy9HbG9iVG9vbC9HbG9iVG9vbC5qcydcbmltcG9ydCB7IEdyZXBUb29sIH0gZnJvbSAnLi4vLi4vdG9vbHMvR3JlcFRvb2wvR3JlcFRvb2wuanMnXG5pbXBvcnQgeyBOb3RlYm9va0VkaXRUb29sIH0gZnJvbSAnLi4vLi4vdG9vbHMvTm90ZWJvb2tFZGl0VG9vbC9Ob3RlYm9va0VkaXRUb29sLmpzJ1xuaW1wb3J0IHsgUG93ZXJTaGVsbFRvb2wgfSBmcm9tICcuLi8uLi90b29scy9Qb3dlclNoZWxsVG9vbC9Qb3dlclNoZWxsVG9vbC5qcydcbmltcG9ydCB7IFNraWxsVG9vbCB9IGZyb20gJy4uLy4uL3Rvb2xzL1NraWxsVG9vbC9Ta2lsbFRvb2wuanMnXG5pbXBvcnQgeyBXZWJGZXRjaFRvb2wgfSBmcm9tICcuLi8uLi90b29scy9XZWJGZXRjaFRvb2wvV2ViRmV0Y2hUb29sLmpzJ1xuaW1wb3J0IHR5cGUgeyBBc3Npc3RhbnRNZXNzYWdlIH0gZnJvbSA