feat: implement allowedMaxCost setting

Introduces the `allowedMaxCost` setting to control the maximum cost allowed for auto-approved requests.

This change includes:
- Adding `allowedMaxCost` to `GlobalSettingsSchema`, `ExtensionState`, and `WebviewMessage` types.
- Updating `Task.ts` to track `consecutiveAutoApprovedCost`.
- Modifying `ClineProvider.ts` to handle `allowedMaxCost` in state management.
- Updating `webviewMessageHandler.ts` to process `allowedMaxCost` messages.
- Creating new UI components `MaxCostInput.tsx` and `MaxLimitInputs.tsx` for the setting.
- Enhancing `FormattedTextField.tsx` with `unlimitedDecimalFormatter` for cost input.
- Updating `AutoApproveMenu.tsx` and `SettingsView.tsx` to integrate the new cost limit input.
- Adjusting `AutoApprovedRequestLimitWarning.tsx` to differentiate between request and cost limits.
- Adding `kilocode_change` markers where necessary for upstream compatibility.

Author: Chris Hasson

apps/storybook/stories/DecoratedVSCodeTextField.stories.tsx

@@ -51,30 +51,6 @@ export const WithBothNodes: Story = {
 	},
 }
 
-export const PriceInput: Story = {
-	name: "Price Input Example",
-	args: {
-		placeholder: "0.00",
-		leftNodes: [<span key="dollar">$</span>],
-		rightNodes: [<span key="usd">USD</span>],
-		value: "25.99",
-	},
-}
-
-export const SearchInput: Story = {
-	name: "Search Input Example",
-	args: {
-		value: "",
-		placeholder: "Search files...",
-		leftNodes: [<span key="search">🔍</span>],
-		rightNodes: [
-			<span key="shortcut" style={{ fontSize: "11px", opacity: 0.7 }}>
-				⌘K
-			</span>,
-		],
-	},
-}
-
 export const Disabled: Story = {
 	args: {
 		placeholder: "Disabled input",

packages/types/src/global-settings.ts

@@ -69,7 +69,7 @@ export const globalSettingsSchema = z.object({
 	commandTimeoutAllowlist: z.array(z.string()).optional(),
 	preventCompletionWithOpenTodos: z.boolean().optional(),
 	allowedMaxRequests: z.number().nullish(),
-	allowedMaxCost: z.number().nullish(),
+	allowedMaxCost: z.number().nullish(), // kilocode_change
 	autoCondenseContext: z.boolean().optional(),
 	autoCondenseContextPercent: z.number().optional(),
 	maxConcurrentFileReads: z.number().optional(),

src/core/task/Task.ts

@@ -165,7 +165,7 @@ export class Task extends EventEmitter<ClineEvents> {
 	api: ApiHandler
 	private static lastGlobalApiRequestTime?: number
 	private consecutiveAutoApprovedRequestsCount: number = 0
-	private consecutiveAutoApprovedCost: number = 0
+	private consecutiveAutoApprovedCost: number = 0 // kilocode_change
 
 	/**
 	 * Reset the global API request timestamp. This should only be used for testing.

src/core/webview/ClineProvider.ts

@@ -1440,7 +1440,7 @@ export class ClineProvider
 			alwaysAllowSubtasks,
 			alwaysAllowUpdateTodoList,
 			allowedMaxRequests,
-			allowedMaxCost,
+			allowedMaxCost, // kilocode_change
 			autoCondenseContext,
 			autoCondenseContextPercent,
 			soundEnabled,
@@ -1540,7 +1540,7 @@ export class ClineProvider
 			alwaysAllowSubtasks: alwaysAllowSubtasks ?? true,
 			alwaysAllowUpdateTodoList: alwaysAllowUpdateTodoList ?? true,
 			allowedMaxRequests,
-			allowedMaxCost,
+			allowedMaxCost, // kilocode_change
 			autoCondenseContext: autoCondenseContext ?? true,
 			autoCondenseContextPercent: autoCondenseContextPercent ?? 100,
 			uriScheme: vscode.env.uriScheme,
@@ -1727,7 +1727,7 @@ export class ClineProvider
 			followupAutoApproveTimeoutMs: stateValues.followupAutoApproveTimeoutMs ?? 60000,
 			diagnosticsEnabled: stateValues.diagnosticsEnabled ?? true,
 			allowedMaxRequests: stateValues.allowedMaxRequests,
-			allowedMaxCost: stateValues.allowedMaxCost,
+			allowedMaxCost: stateValues.allowedMaxCost, // kilocode_change
 			autoCondenseContext: stateValues.autoCondenseContext ?? true,
 			autoCondenseContextPercent: stateValues.autoCondenseContextPercent ?? 100,
 			taskHistory: stateValues.taskHistory,

src/core/webview/webviewMessageHandler.ts

@@ -350,10 +350,12 @@ export const webviewMessageHandler = async (
 			await updateGlobalState("allowedMaxRequests", message.value)
 			await provider.postStateToWebview()
 			break
+		// kilocode_change start
 		case "allowedMaxCost":
 			await updateGlobalState("allowedMaxCost", message.value)
 			await provider.postStateToWebview()
 			break
+		// kilocode_change end
 		case "alwaysAllowSubtasks":
 			await updateGlobalState("alwaysAllowSubtasks", message.bool)
 			await provider.postStateToWebview()

src/shared/ExtensionMessage.ts

@@ -249,7 +249,7 @@ export type ExtensionState = Pick<
 	| "allowedCommands"
 	| "deniedCommands"
 	| "allowedMaxRequests"
-	| "allowedMaxCost"
+	| "allowedMaxCost" // kilocode_change
 	| "browserToolEnabled"
 	| "browserViewportSize"
 	| "showAutoApproveMenu" // kilocode_change

src/shared/WebviewMessage.ts

@@ -90,7 +90,7 @@ export interface WebviewMessage {
 		| "alwaysAllowMcp"
 		| "alwaysAllowModeSwitch"
 		| "allowedMaxRequests"
-		| "allowedMaxCost"
+		| "allowedMaxCost" // kilocode_change
 		| "alwaysAllowSubtasks"
 		| "alwaysAllowUpdateTodoList"
 		| "autoCondenseContext"

webview-ui/src/components/chat/AutoApproveMenu.tsx

@@ -24,7 +24,7 @@ const AutoApproveMenu = ({ style, initialExpanded = false }: AutoApproveMenuProp
 		setAutoApprovalEnabled,
 		alwaysApproveResubmit,
 		allowedMaxRequests,
-		allowedMaxCost,
+		allowedMaxCost, // kilcode_change
 		setAlwaysAllowReadOnly,
 		setAlwaysAllowWrite,
 		setAlwaysAllowExecute,
@@ -36,7 +36,7 @@ const AutoApproveMenu = ({ style, initialExpanded = false }: AutoApproveMenuProp
 		setAlwaysAllowFollowupQuestions,
 		setAlwaysAllowUpdateTodoList,
 		setAllowedMaxRequests,
-		setAllowedMaxCost,
+		setAllowedMaxCost, // kilcode_change
 	} = useExtensionState()
 
 	const { t } = useAppTranslation()

webview-ui/src/components/chat/AutoApprovedRequestLimitWarning.tsx

@@ -12,12 +12,13 @@ type AutoApprovedRequestLimitWarningProps = {
 
 export const AutoApprovedRequestLimitWarning = memo(({ message }: AutoApprovedRequestLimitWarningProps) => {
 	const [buttonClicked, setButtonClicked] = useState(false)
-	const { count, type = "requests" } = JSON.parse(message.text ?? "{}")
+	const { count, type = "requests" } = JSON.parse(message.text ?? "{}") // kilcode_change
 
 	if (buttonClicked) {
 		return null
 	}
 
+	// kilcode_change start
 	const isCostLimit = type === "cost"
 	const titleKey = isCostLimit
 		? "ask.autoApprovedCostLimitReached.title"
@@ -28,6 +29,7 @@ export const AutoApprovedRequestLimitWarning = memo(({ message }: AutoApprovedRe
 	const buttonKey = isCostLimit
 		? "ask.autoApprovedCostLimitReached.button"
 		: "ask.autoApprovedRequestLimitReached.button"
+	// kilcode_change end
 
 	return (
 		<>