@shareai-lab/kode 1.0.69 → 1.0.71

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (253) hide show
  1. package/README.md +205 -72
  2. package/README.zh-CN.md +246 -0
  3. package/cli.js +62 -0
  4. package/package.json +45 -25
  5. package/scripts/postinstall.js +56 -0
  6. package/src/ProjectOnboarding.tsx +180 -0
  7. package/src/Tool.ts +53 -0
  8. package/src/commands/approvedTools.ts +53 -0
  9. package/src/commands/bug.tsx +20 -0
  10. package/src/commands/clear.ts +43 -0
  11. package/src/commands/compact.ts +120 -0
  12. package/src/commands/config.tsx +19 -0
  13. package/src/commands/cost.ts +18 -0
  14. package/src/commands/ctx_viz.ts +209 -0
  15. package/src/commands/doctor.ts +24 -0
  16. package/src/commands/help.tsx +19 -0
  17. package/src/commands/init.ts +37 -0
  18. package/src/commands/listen.ts +42 -0
  19. package/src/commands/login.tsx +51 -0
  20. package/src/commands/logout.tsx +40 -0
  21. package/src/commands/mcp.ts +41 -0
  22. package/src/commands/model.tsx +40 -0
  23. package/src/commands/modelstatus.tsx +20 -0
  24. package/src/commands/onboarding.tsx +34 -0
  25. package/src/commands/pr_comments.ts +59 -0
  26. package/src/commands/refreshCommands.ts +54 -0
  27. package/src/commands/release-notes.ts +34 -0
  28. package/src/commands/resume.tsx +30 -0
  29. package/src/commands/review.ts +49 -0
  30. package/src/commands/terminalSetup.ts +221 -0
  31. package/src/commands.ts +136 -0
  32. package/src/components/ApproveApiKey.tsx +93 -0
  33. package/src/components/AsciiLogo.tsx +13 -0
  34. package/src/components/AutoUpdater.tsx +148 -0
  35. package/src/components/Bug.tsx +367 -0
  36. package/src/components/Config.tsx +289 -0
  37. package/src/components/ConsoleOAuthFlow.tsx +326 -0
  38. package/src/components/Cost.tsx +23 -0
  39. package/src/components/CostThresholdDialog.tsx +46 -0
  40. package/src/components/CustomSelect/option-map.ts +42 -0
  41. package/src/components/CustomSelect/select-option.tsx +52 -0
  42. package/src/components/CustomSelect/select.tsx +143 -0
  43. package/src/components/CustomSelect/use-select-state.ts +414 -0
  44. package/src/components/CustomSelect/use-select.ts +35 -0
  45. package/src/components/FallbackToolUseRejectedMessage.tsx +15 -0
  46. package/src/components/FileEditToolUpdatedMessage.tsx +66 -0
  47. package/src/components/Help.tsx +215 -0
  48. package/src/components/HighlightedCode.tsx +33 -0
  49. package/src/components/InvalidConfigDialog.tsx +113 -0
  50. package/src/components/Link.tsx +32 -0
  51. package/src/components/LogSelector.tsx +86 -0
  52. package/src/components/Logo.tsx +145 -0
  53. package/src/components/MCPServerApprovalDialog.tsx +100 -0
  54. package/src/components/MCPServerDialogCopy.tsx +25 -0
  55. package/src/components/MCPServerMultiselectDialog.tsx +109 -0
  56. package/src/components/Message.tsx +219 -0
  57. package/src/components/MessageResponse.tsx +15 -0
  58. package/src/components/MessageSelector.tsx +211 -0
  59. package/src/components/ModeIndicator.tsx +88 -0
  60. package/src/components/ModelConfig.tsx +301 -0
  61. package/src/components/ModelListManager.tsx +223 -0
  62. package/src/components/ModelSelector.tsx +3208 -0
  63. package/src/components/ModelStatusDisplay.tsx +228 -0
  64. package/src/components/Onboarding.tsx +274 -0
  65. package/src/components/PressEnterToContinue.tsx +11 -0
  66. package/src/components/PromptInput.tsx +710 -0
  67. package/src/components/SentryErrorBoundary.ts +33 -0
  68. package/src/components/Spinner.tsx +129 -0
  69. package/src/components/StructuredDiff.tsx +184 -0
  70. package/src/components/TextInput.tsx +246 -0
  71. package/src/components/TokenWarning.tsx +31 -0
  72. package/src/components/ToolUseLoader.tsx +40 -0
  73. package/src/components/TrustDialog.tsx +106 -0
  74. package/src/components/binary-feedback/BinaryFeedback.tsx +63 -0
  75. package/src/components/binary-feedback/BinaryFeedbackOption.tsx +111 -0
  76. package/src/components/binary-feedback/BinaryFeedbackView.tsx +172 -0
  77. package/src/components/binary-feedback/utils.ts +220 -0
  78. package/src/components/messages/AssistantBashOutputMessage.tsx +22 -0
  79. package/src/components/messages/AssistantLocalCommandOutputMessage.tsx +45 -0
  80. package/src/components/messages/AssistantRedactedThinkingMessage.tsx +19 -0
  81. package/src/components/messages/AssistantTextMessage.tsx +144 -0
  82. package/src/components/messages/AssistantThinkingMessage.tsx +40 -0
  83. package/src/components/messages/AssistantToolUseMessage.tsx +123 -0
  84. package/src/components/messages/UserBashInputMessage.tsx +28 -0
  85. package/src/components/messages/UserCommandMessage.tsx +30 -0
  86. package/src/components/messages/UserKodingInputMessage.tsx +28 -0
  87. package/src/components/messages/UserPromptMessage.tsx +35 -0
  88. package/src/components/messages/UserTextMessage.tsx +39 -0
  89. package/src/components/messages/UserToolResultMessage/UserToolCanceledMessage.tsx +12 -0
  90. package/src/components/messages/UserToolResultMessage/UserToolErrorMessage.tsx +36 -0
  91. package/src/components/messages/UserToolResultMessage/UserToolRejectMessage.tsx +31 -0
  92. package/src/components/messages/UserToolResultMessage/UserToolResultMessage.tsx +57 -0
  93. package/src/components/messages/UserToolResultMessage/UserToolSuccessMessage.tsx +35 -0
  94. package/src/components/messages/UserToolResultMessage/utils.tsx +56 -0
  95. package/src/components/permissions/BashPermissionRequest/BashPermissionRequest.tsx +121 -0
  96. package/src/components/permissions/FallbackPermissionRequest.tsx +155 -0
  97. package/src/components/permissions/FileEditPermissionRequest/FileEditPermissionRequest.tsx +182 -0
  98. package/src/components/permissions/FileEditPermissionRequest/FileEditToolDiff.tsx +75 -0
  99. package/src/components/permissions/FileWritePermissionRequest/FileWritePermissionRequest.tsx +164 -0
  100. package/src/components/permissions/FileWritePermissionRequest/FileWriteToolDiff.tsx +81 -0
  101. package/src/components/permissions/FilesystemPermissionRequest/FilesystemPermissionRequest.tsx +242 -0
  102. package/src/components/permissions/PermissionRequest.tsx +103 -0
  103. package/src/components/permissions/PermissionRequestTitle.tsx +69 -0
  104. package/src/components/permissions/hooks.ts +44 -0
  105. package/src/components/permissions/toolUseOptions.ts +59 -0
  106. package/src/components/permissions/utils.ts +23 -0
  107. package/src/constants/betas.ts +5 -0
  108. package/src/constants/claude-asterisk-ascii-art.tsx +238 -0
  109. package/src/constants/figures.ts +4 -0
  110. package/src/constants/keys.ts +3 -0
  111. package/src/constants/macros.ts +6 -0
  112. package/src/constants/models.ts +935 -0
  113. package/src/constants/oauth.ts +18 -0
  114. package/src/constants/product.ts +17 -0
  115. package/src/constants/prompts.ts +177 -0
  116. package/src/constants/releaseNotes.ts +7 -0
  117. package/src/context/PermissionContext.tsx +149 -0
  118. package/src/context.ts +278 -0
  119. package/src/cost-tracker.ts +84 -0
  120. package/src/entrypoints/cli.tsx +1498 -0
  121. package/src/entrypoints/mcp.ts +176 -0
  122. package/src/history.ts +25 -0
  123. package/src/hooks/useApiKeyVerification.ts +59 -0
  124. package/src/hooks/useArrowKeyHistory.ts +55 -0
  125. package/src/hooks/useCanUseTool.ts +138 -0
  126. package/src/hooks/useCancelRequest.ts +39 -0
  127. package/src/hooks/useDoublePress.ts +42 -0
  128. package/src/hooks/useExitOnCtrlCD.ts +31 -0
  129. package/src/hooks/useInterval.ts +25 -0
  130. package/src/hooks/useLogMessages.ts +16 -0
  131. package/src/hooks/useLogStartupTime.ts +12 -0
  132. package/src/hooks/useNotifyAfterTimeout.ts +65 -0
  133. package/src/hooks/usePermissionRequestLogging.ts +44 -0
  134. package/src/hooks/useSlashCommandTypeahead.ts +137 -0
  135. package/src/hooks/useTerminalSize.ts +49 -0
  136. package/src/hooks/useTextInput.ts +315 -0
  137. package/src/messages.ts +37 -0
  138. package/src/permissions.ts +268 -0
  139. package/src/query.ts +704 -0
  140. package/src/screens/ConfigureNpmPrefix.tsx +197 -0
  141. package/src/screens/Doctor.tsx +219 -0
  142. package/src/screens/LogList.tsx +68 -0
  143. package/src/screens/REPL.tsx +792 -0
  144. package/src/screens/ResumeConversation.tsx +68 -0
  145. package/src/services/browserMocks.ts +66 -0
  146. package/src/services/claude.ts +1947 -0
  147. package/src/services/customCommands.ts +683 -0
  148. package/src/services/fileFreshness.ts +377 -0
  149. package/src/services/mcpClient.ts +564 -0
  150. package/src/services/mcpServerApproval.tsx +50 -0
  151. package/src/services/notifier.ts +40 -0
  152. package/src/services/oauth.ts +357 -0
  153. package/src/services/openai.ts +796 -0
  154. package/src/services/sentry.ts +3 -0
  155. package/src/services/statsig.ts +171 -0
  156. package/src/services/statsigStorage.ts +86 -0
  157. package/src/services/systemReminder.ts +406 -0
  158. package/src/services/vcr.ts +161 -0
  159. package/src/tools/ArchitectTool/ArchitectTool.tsx +122 -0
  160. package/src/tools/ArchitectTool/prompt.ts +15 -0
  161. package/src/tools/AskExpertModelTool/AskExpertModelTool.tsx +505 -0
  162. package/src/tools/BashTool/BashTool.tsx +270 -0
  163. package/src/tools/BashTool/BashToolResultMessage.tsx +38 -0
  164. package/src/tools/BashTool/OutputLine.tsx +48 -0
  165. package/src/tools/BashTool/prompt.ts +174 -0
  166. package/src/tools/BashTool/utils.ts +56 -0
  167. package/src/tools/FileEditTool/FileEditTool.tsx +316 -0
  168. package/src/tools/FileEditTool/prompt.ts +51 -0
  169. package/src/tools/FileEditTool/utils.ts +58 -0
  170. package/src/tools/FileReadTool/FileReadTool.tsx +371 -0
  171. package/src/tools/FileReadTool/prompt.ts +7 -0
  172. package/src/tools/FileWriteTool/FileWriteTool.tsx +297 -0
  173. package/src/tools/FileWriteTool/prompt.ts +10 -0
  174. package/src/tools/GlobTool/GlobTool.tsx +119 -0
  175. package/src/tools/GlobTool/prompt.ts +8 -0
  176. package/src/tools/GrepTool/GrepTool.tsx +147 -0
  177. package/src/tools/GrepTool/prompt.ts +11 -0
  178. package/src/tools/MCPTool/MCPTool.tsx +106 -0
  179. package/src/tools/MCPTool/prompt.ts +3 -0
  180. package/src/tools/MemoryReadTool/MemoryReadTool.tsx +127 -0
  181. package/src/tools/MemoryReadTool/prompt.ts +3 -0
  182. package/src/tools/MemoryWriteTool/MemoryWriteTool.tsx +89 -0
  183. package/src/tools/MemoryWriteTool/prompt.ts +3 -0
  184. package/src/tools/MultiEditTool/MultiEditTool.tsx +366 -0
  185. package/src/tools/MultiEditTool/prompt.ts +45 -0
  186. package/src/tools/NotebookEditTool/NotebookEditTool.tsx +298 -0
  187. package/src/tools/NotebookEditTool/prompt.ts +3 -0
  188. package/src/tools/NotebookReadTool/NotebookReadTool.tsx +266 -0
  189. package/src/tools/NotebookReadTool/prompt.ts +3 -0
  190. package/src/tools/StickerRequestTool/StickerRequestTool.tsx +93 -0
  191. package/src/tools/StickerRequestTool/prompt.ts +19 -0
  192. package/src/tools/TaskTool/TaskTool.tsx +382 -0
  193. package/src/tools/TaskTool/constants.ts +1 -0
  194. package/src/tools/TaskTool/prompt.ts +56 -0
  195. package/src/tools/ThinkTool/ThinkTool.tsx +56 -0
  196. package/src/tools/ThinkTool/prompt.ts +12 -0
  197. package/src/tools/TodoWriteTool/TodoWriteTool.tsx +289 -0
  198. package/src/tools/TodoWriteTool/prompt.ts +63 -0
  199. package/src/tools/lsTool/lsTool.tsx +269 -0
  200. package/src/tools/lsTool/prompt.ts +2 -0
  201. package/src/tools.ts +63 -0
  202. package/src/types/PermissionMode.ts +120 -0
  203. package/src/types/RequestContext.ts +72 -0
  204. package/src/utils/Cursor.ts +436 -0
  205. package/src/utils/PersistentShell.ts +373 -0
  206. package/src/utils/agentStorage.ts +97 -0
  207. package/src/utils/array.ts +3 -0
  208. package/src/utils/ask.tsx +98 -0
  209. package/src/utils/auth.ts +13 -0
  210. package/src/utils/autoCompactCore.ts +223 -0
  211. package/src/utils/autoUpdater.ts +318 -0
  212. package/src/utils/betas.ts +20 -0
  213. package/src/utils/browser.ts +14 -0
  214. package/src/utils/cleanup.ts +72 -0
  215. package/src/utils/commands.ts +261 -0
  216. package/src/utils/config.ts +771 -0
  217. package/src/utils/conversationRecovery.ts +54 -0
  218. package/src/utils/debugLogger.ts +1123 -0
  219. package/src/utils/diff.ts +42 -0
  220. package/src/utils/env.ts +57 -0
  221. package/src/utils/errors.ts +21 -0
  222. package/src/utils/exampleCommands.ts +108 -0
  223. package/src/utils/execFileNoThrow.ts +51 -0
  224. package/src/utils/expertChatStorage.ts +136 -0
  225. package/src/utils/file.ts +402 -0
  226. package/src/utils/fileRecoveryCore.ts +71 -0
  227. package/src/utils/format.tsx +44 -0
  228. package/src/utils/generators.ts +62 -0
  229. package/src/utils/git.ts +92 -0
  230. package/src/utils/globalLogger.ts +77 -0
  231. package/src/utils/http.ts +10 -0
  232. package/src/utils/imagePaste.ts +38 -0
  233. package/src/utils/json.ts +13 -0
  234. package/src/utils/log.ts +382 -0
  235. package/src/utils/markdown.ts +213 -0
  236. package/src/utils/messageContextManager.ts +289 -0
  237. package/src/utils/messages.tsx +938 -0
  238. package/src/utils/model.ts +836 -0
  239. package/src/utils/permissions/filesystem.ts +118 -0
  240. package/src/utils/ripgrep.ts +167 -0
  241. package/src/utils/sessionState.ts +49 -0
  242. package/src/utils/state.ts +25 -0
  243. package/src/utils/style.ts +29 -0
  244. package/src/utils/terminal.ts +49 -0
  245. package/src/utils/theme.ts +122 -0
  246. package/src/utils/thinking.ts +144 -0
  247. package/src/utils/todoStorage.ts +431 -0
  248. package/src/utils/tokens.ts +43 -0
  249. package/src/utils/toolExecutionController.ts +163 -0
  250. package/src/utils/unaryLogging.ts +26 -0
  251. package/src/utils/user.ts +37 -0
  252. package/src/utils/validate.ts +165 -0
  253. package/cli.mjs +0 -1803
@@ -0,0 +1,792 @@
1
+ import { ToolUseBlockParam } from '@anthropic-ai/sdk/resources/index.mjs'
2
+ import { Box, Newline, Static, Text } from 'ink'
3
+ import ProjectOnboarding, {
4
+ markProjectOnboardingComplete,
5
+ } from '../ProjectOnboarding.js'
6
+ import { CostThresholdDialog } from '../components/CostThresholdDialog'
7
+ import * as React from 'react'
8
+ import { useEffect, useMemo, useRef, useState, useCallback } from 'react'
9
+ import { Command } from '../commands'
10
+ import { Logo } from '../components/Logo'
11
+ import { Message } from '../components/Message'
12
+ import { MessageResponse } from '../components/MessageResponse'
13
+ import { MessageSelector } from '../components/MessageSelector'
14
+ import {
15
+ PermissionRequest,
16
+ type ToolUseConfirm,
17
+ } from '../components/permissions/PermissionRequest.js'
18
+ import PromptInput from '../components/PromptInput'
19
+ import { Spinner } from '../components/Spinner'
20
+ import { getSystemPrompt } from '../constants/prompts'
21
+ import { getContext } from '../context'
22
+ import { getTotalCost, useCostSummary } from '../cost-tracker'
23
+ import { useLogStartupTime } from '../hooks/useLogStartupTime'
24
+ import { addToHistory } from '../history'
25
+ import { useApiKeyVerification } from '../hooks/useApiKeyVerification'
26
+ import { useCancelRequest } from '../hooks/useCancelRequest'
27
+ import useCanUseTool from '../hooks/useCanUseTool'
28
+ import { useLogMessages } from '../hooks/useLogMessages'
29
+ import { PermissionProvider } from '../context/PermissionContext'
30
+ import { ModeIndicator } from '../components/ModeIndicator'
31
+ import {
32
+ setMessagesGetter,
33
+ setMessagesSetter,
34
+ setModelConfigChangeHandler,
35
+ } from '../messages'
36
+ import {
37
+ type AssistantMessage,
38
+ type BinaryFeedbackResult,
39
+ type Message as MessageType,
40
+ type ProgressMessage,
41
+ query,
42
+ } from '../query.js'
43
+ import type { WrappedClient } from '../services/mcpClient'
44
+ import type { Tool } from '../Tool'
45
+ import { AutoUpdaterResult } from '../utils/autoUpdater'
46
+ import { getGlobalConfig, saveGlobalConfig } from '../utils/config'
47
+ import { logEvent } from '../services/statsig'
48
+ import { getNextAvailableLogForkNumber } from '../utils/log'
49
+ import {
50
+ getErroredToolUseMessages,
51
+ getInProgressToolUseIDs,
52
+ getLastAssistantMessageId,
53
+ getToolUseID,
54
+ getUnresolvedToolUseIDs,
55
+ INTERRUPT_MESSAGE,
56
+ isNotEmptyMessage,
57
+ type NormalizedMessage,
58
+ normalizeMessages,
59
+ normalizeMessagesForAPI,
60
+ processUserInput,
61
+ reorderMessages,
62
+ extractTag,
63
+ createAssistantMessage,
64
+ } from '../utils/messages.js'
65
+ import { getModelManager, ModelManager } from '../utils/model'
66
+ import { clearTerminal, updateTerminalTitle } from '../utils/terminal'
67
+ import { BinaryFeedback } from '../components/binary-feedback/BinaryFeedback'
68
+ import { getMaxThinkingTokens } from '../utils/thinking'
69
+ import { getOriginalCwd } from '../utils/state'
70
+ import { handleHashCommand } from '../commands/terminalSetup'
71
+ import { debug as debugLogger } from '../utils/debugLogger'
72
+
73
+ type Props = {
74
+ commands: Command[]
75
+ safeMode?: boolean
76
+ debug?: boolean
77
+ initialForkNumber?: number | undefined
78
+ initialPrompt: string | undefined
79
+ // A unique name for the message log file, used to identify the fork
80
+ messageLogName: string
81
+ shouldShowPromptInput: boolean
82
+ tools: Tool[]
83
+ verbose: boolean | undefined
84
+ // Initial messages to populate the REPL with
85
+ initialMessages?: MessageType[]
86
+ // MCP clients
87
+ mcpClients?: WrappedClient[]
88
+ // Flag to indicate if current model is default
89
+ isDefaultModel?: boolean
90
+ }
91
+
92
+ export type BinaryFeedbackContext = {
93
+ m1: AssistantMessage
94
+ m2: AssistantMessage
95
+ resolve: (result: BinaryFeedbackResult) => void
96
+ }
97
+
98
+ export function REPL({
99
+ commands,
100
+ safeMode,
101
+ debug = false,
102
+ initialForkNumber = 0,
103
+ initialPrompt,
104
+ messageLogName,
105
+ shouldShowPromptInput,
106
+ tools,
107
+ verbose: verboseFromCLI,
108
+ initialMessages,
109
+ mcpClients = [],
110
+ isDefaultModel = true,
111
+ }: Props): React.ReactNode {
112
+ // TODO: probably shouldn't re-read config from file synchronously on every keystroke
113
+ const verbose = verboseFromCLI ?? getGlobalConfig().verbose
114
+
115
+ // Used to force the logo to re-render and conversation log to use a new file
116
+ const [forkNumber, setForkNumber] = useState(
117
+ getNextAvailableLogForkNumber(messageLogName, initialForkNumber, 0),
118
+ )
119
+
120
+ const [
121
+ forkConvoWithMessagesOnTheNextRender,
122
+ setForkConvoWithMessagesOnTheNextRender,
123
+ ] = useState<MessageType[] | null>(null)
124
+
125
+ // 🔧 Simplified AbortController management - inspired by reference system
126
+ const [abortController, setAbortController] = useState<AbortController | null>(null)
127
+ const [isLoading, setIsLoading] = useState(false)
128
+ const [autoUpdaterResult, setAutoUpdaterResult] =
129
+ useState<AutoUpdaterResult | null>(null)
130
+ const [toolJSX, setToolJSX] = useState<{
131
+ jsx: React.ReactNode | null
132
+ shouldHidePromptInput: boolean
133
+ } | null>(null)
134
+ const [toolUseConfirm, setToolUseConfirm] = useState<ToolUseConfirm | null>(
135
+ null,
136
+ )
137
+ const [messages, setMessages] = useState<MessageType[]>(initialMessages ?? [])
138
+ const [inputValue, setInputValue] = useState('')
139
+ const [inputMode, setInputMode] = useState<'bash' | 'prompt' | 'koding'>(
140
+ 'prompt',
141
+ )
142
+ const [submitCount, setSubmitCount] = useState(0)
143
+ const [isMessageSelectorVisible, setIsMessageSelectorVisible] =
144
+ useState(false)
145
+ const [showCostDialog, setShowCostDialog] = useState(false)
146
+ const [haveShownCostDialog, setHaveShownCostDialog] = useState(
147
+ getGlobalConfig().hasAcknowledgedCostThreshold,
148
+ )
149
+
150
+ const [binaryFeedbackContext, setBinaryFeedbackContext] =
151
+ useState<BinaryFeedbackContext | null>(null)
152
+
153
+ const getBinaryFeedbackResponse = useCallback(
154
+ (
155
+ m1: AssistantMessage,
156
+ m2: AssistantMessage,
157
+ ): Promise<BinaryFeedbackResult> => {
158
+ return new Promise<BinaryFeedbackResult>(resolvePromise => {
159
+ setBinaryFeedbackContext({
160
+ m1,
161
+ m2,
162
+ resolve: resolvePromise,
163
+ })
164
+ })
165
+ },
166
+ [],
167
+ )
168
+
169
+ const readFileTimestamps = useRef<{
170
+ [filename: string]: number
171
+ }>({})
172
+
173
+ const { status: apiKeyStatus, reverify } = useApiKeyVerification()
174
+ // 🔧 FIXED: Simple cancellation logic matching original claude-code
175
+ function onCancel() {
176
+ if (!isLoading) {
177
+ return
178
+ }
179
+ setIsLoading(false)
180
+ if (toolUseConfirm) {
181
+ // Tool use confirm handles the abort signal itself
182
+ toolUseConfirm.onAbort()
183
+ } else {
184
+ abortController?.abort()
185
+ }
186
+ }
187
+
188
+ useCancelRequest(
189
+ setToolJSX,
190
+ setToolUseConfirm,
191
+ setBinaryFeedbackContext,
192
+ onCancel,
193
+ isLoading,
194
+ isMessageSelectorVisible,
195
+ abortController?.signal,
196
+ )
197
+
198
+ useEffect(() => {
199
+ if (forkConvoWithMessagesOnTheNextRender) {
200
+ setForkNumber(_ => _ + 1)
201
+ setForkConvoWithMessagesOnTheNextRender(null)
202
+ setMessages(forkConvoWithMessagesOnTheNextRender)
203
+ }
204
+ }, [forkConvoWithMessagesOnTheNextRender])
205
+
206
+ useEffect(() => {
207
+ const totalCost = getTotalCost()
208
+ if (totalCost >= 5 /* $5 */ && !showCostDialog && !haveShownCostDialog) {
209
+ logEvent('tengu_cost_threshold_reached', {})
210
+ setShowCostDialog(true)
211
+ }
212
+ }, [messages, showCostDialog, haveShownCostDialog])
213
+
214
+ const canUseTool = useCanUseTool(setToolUseConfirm)
215
+
216
+ async function onInit() {
217
+ reverify()
218
+
219
+ if (!initialPrompt) {
220
+ return
221
+ }
222
+
223
+ setIsLoading(true)
224
+
225
+ const newAbortController = new AbortController()
226
+ setAbortController(newAbortController)
227
+
228
+ // 🔧 Force fresh config read to ensure model switching works
229
+ const model = new ModelManager(getGlobalConfig()).getModelName('main')
230
+ const newMessages = await processUserInput(
231
+ initialPrompt,
232
+ 'prompt',
233
+ setToolJSX,
234
+ {
235
+ abortController: newAbortController,
236
+ options: {
237
+ commands,
238
+ forkNumber,
239
+ messageLogName,
240
+ tools,
241
+ verbose,
242
+ maxThinkingTokens: 0,
243
+ },
244
+ messageId: getLastAssistantMessageId(messages),
245
+ setForkConvoWithMessagesOnTheNextRender,
246
+ readFileTimestamps: readFileTimestamps.current,
247
+ },
248
+ null,
249
+ )
250
+
251
+ if (newMessages.length) {
252
+ for (const message of newMessages) {
253
+ if (message.type === 'user') {
254
+ addToHistory(initialPrompt)
255
+ // TODO: setHistoryIndex
256
+ }
257
+ }
258
+ setMessages(_ => [..._, ...newMessages])
259
+
260
+ // The last message is an assistant message if the user input was a bash command,
261
+ // or if the user input was an invalid slash command.
262
+ const lastMessage = newMessages[newMessages.length - 1]!
263
+ if (lastMessage.type === 'assistant') {
264
+ setAbortController(null)
265
+ setIsLoading(false)
266
+ return
267
+ }
268
+
269
+ const [systemPrompt, context, model, maxThinkingTokens] =
270
+ await Promise.all([
271
+ getSystemPrompt(),
272
+ getContext(),
273
+ new ModelManager(getGlobalConfig()).getModelName('main'),
274
+ getMaxThinkingTokens([...messages, ...newMessages]),
275
+ ])
276
+
277
+ for await (const message of query(
278
+ [...messages, ...newMessages],
279
+ systemPrompt,
280
+ context,
281
+ canUseTool,
282
+ {
283
+ options: {
284
+ commands,
285
+ forkNumber,
286
+ messageLogName,
287
+ tools,
288
+ verbose,
289
+ safeMode,
290
+ maxThinkingTokens,
291
+ },
292
+ messageId: getLastAssistantMessageId([...messages, ...newMessages]),
293
+ readFileTimestamps: readFileTimestamps.current,
294
+ abortController: newAbortController,
295
+ setToolJSX,
296
+ },
297
+ getBinaryFeedbackResponse,
298
+ )) {
299
+ setMessages(oldMessages => [...oldMessages, message])
300
+ }
301
+ } else {
302
+ addToHistory(initialPrompt)
303
+ // TODO: setHistoryIndex
304
+ }
305
+
306
+ setHaveShownCostDialog(
307
+ getGlobalConfig().hasAcknowledgedCostThreshold || false,
308
+ )
309
+
310
+ // 🔧 Fix: Clean up state after onInit completion
311
+ setIsLoading(false)
312
+ setAbortController(null)
313
+ }
314
+
315
+ async function onQuery(newMessages: MessageType[], passedAbortController?: AbortController) {
316
+ // Use passed AbortController or create new one
317
+ const controllerToUse = passedAbortController || new AbortController()
318
+ if (!passedAbortController) {
319
+ setAbortController(controllerToUse)
320
+ }
321
+
322
+ // Check if this is a Koding request based on last message's options
323
+ const isKodingRequest =
324
+ newMessages.length > 0 &&
325
+ newMessages[0].type === 'user' &&
326
+ 'options' in newMessages[0] &&
327
+ newMessages[0].options?.isKodingRequest === true
328
+
329
+ setMessages(oldMessages => [...oldMessages, ...newMessages])
330
+
331
+ // Mark onboarding as complete when any user message is sent to Claude
332
+ markProjectOnboardingComplete()
333
+
334
+ // The last message is an assistant message if the user input was a bash command,
335
+ // or if the user input was an invalid slash command.
336
+ const lastMessage = newMessages[newMessages.length - 1]!
337
+
338
+ // Update terminal title based on user message
339
+ if (
340
+ lastMessage.type === 'user' &&
341
+ typeof lastMessage.message.content === 'string'
342
+ ) {
343
+ // updateTerminalTitle(lastMessage.message.content)
344
+ }
345
+ if (lastMessage.type === 'assistant') {
346
+ setAbortController(null)
347
+ setIsLoading(false)
348
+ return
349
+ }
350
+
351
+ const [systemPrompt, context, model, maxThinkingTokens] =
352
+ await Promise.all([
353
+ getSystemPrompt(),
354
+ getContext(),
355
+ new ModelManager(getGlobalConfig()).getModelName('main'),
356
+ getMaxThinkingTokens([...messages, lastMessage]),
357
+ ])
358
+
359
+ let lastAssistantMessage: MessageType | null = null
360
+
361
+ // query the API
362
+ for await (const message of query(
363
+ [...messages, lastMessage],
364
+ systemPrompt,
365
+ context,
366
+ canUseTool,
367
+ {
368
+ options: {
369
+ commands,
370
+ forkNumber,
371
+ messageLogName,
372
+ tools,
373
+ verbose,
374
+ safeMode,
375
+ maxThinkingTokens,
376
+ // If this came from Koding mode, pass that along
377
+ isKodingRequest: isKodingRequest || undefined,
378
+ },
379
+ messageId: getLastAssistantMessageId([...messages, lastMessage]),
380
+ readFileTimestamps: readFileTimestamps.current,
381
+ abortController: controllerToUse,
382
+ setToolJSX,
383
+ },
384
+ getBinaryFeedbackResponse,
385
+ )) {
386
+ setMessages(oldMessages => [...oldMessages, message])
387
+
388
+ // Keep track of the last assistant message for Koding mode
389
+ if (message.type === 'assistant') {
390
+ lastAssistantMessage = message
391
+ }
392
+ }
393
+
394
+ // If this was a Koding request and we got an assistant message back,
395
+ // save it to KODE.md (and CLAUDE.md if exists)
396
+ if (
397
+ isKodingRequest &&
398
+ lastAssistantMessage &&
399
+ lastAssistantMessage.type === 'assistant'
400
+ ) {
401
+ try {
402
+ const content =
403
+ typeof lastAssistantMessage.message.content === 'string'
404
+ ? lastAssistantMessage.message.content
405
+ : lastAssistantMessage.message.content
406
+ .filter(block => block.type === 'text')
407
+ .map(block => (block.type === 'text' ? block.text : ''))
408
+ .join('\n')
409
+
410
+ // Add the content to KODE.md (and CLAUDE.md if exists)
411
+ if (content && content.trim().length > 0) {
412
+ handleHashCommand(content)
413
+ }
414
+ } catch (error) {
415
+ console.error('Error saving response to project docs:', error)
416
+ }
417
+ }
418
+
419
+ setIsLoading(false)
420
+ }
421
+
422
+ // Register cost summary tracker
423
+ useCostSummary()
424
+
425
+ // Register messages getter and setter
426
+ useEffect(() => {
427
+ const getMessages = () => messages
428
+ setMessagesGetter(getMessages)
429
+ setMessagesSetter(setMessages)
430
+ }, [messages])
431
+
432
+ // Register model config change handler for UI refresh
433
+ useEffect(() => {
434
+ setModelConfigChangeHandler(() => {
435
+ setForkNumber(prev => prev + 1)
436
+ })
437
+ }, [])
438
+
439
+ // Record transcripts locally, for debugging and conversation recovery
440
+ useLogMessages(messages, messageLogName, forkNumber)
441
+
442
+ // Log startup time
443
+ useLogStartupTime()
444
+
445
+ // Initial load
446
+ useEffect(() => {
447
+ onInit()
448
+ // TODO: fix this
449
+ // eslint-disable-next-line react-hooks/exhaustive-deps
450
+ }, [])
451
+
452
+ const normalizedMessages = useMemo(
453
+ () => normalizeMessages(messages).filter(isNotEmptyMessage),
454
+ [messages],
455
+ )
456
+
457
+ const unresolvedToolUseIDs = useMemo(
458
+ () => getUnresolvedToolUseIDs(normalizedMessages),
459
+ [normalizedMessages],
460
+ )
461
+
462
+ const inProgressToolUseIDs = useMemo(
463
+ () => getInProgressToolUseIDs(normalizedMessages),
464
+ [normalizedMessages],
465
+ )
466
+
467
+ const erroredToolUseIDs = useMemo(
468
+ () =>
469
+ new Set(
470
+ getErroredToolUseMessages(normalizedMessages).map(
471
+ _ => (_.message.content[0]! as ToolUseBlockParam).id,
472
+ ),
473
+ ),
474
+ [normalizedMessages],
475
+ )
476
+
477
+ const messagesJSX = useMemo(() => {
478
+ return [
479
+ {
480
+ type: 'static',
481
+ jsx: (
482
+ <Box flexDirection="column" key={`logo${forkNumber}`}>
483
+ <Logo mcpClients={mcpClients} isDefaultModel={isDefaultModel} />
484
+ <ProjectOnboarding workspaceDir={getOriginalCwd()} />
485
+ </Box>
486
+ ),
487
+ },
488
+ ...reorderMessages(normalizedMessages).map(_ => {
489
+ const toolUseID = getToolUseID(_)
490
+ const message =
491
+ _.type === 'progress' ? (
492
+ _.content.message.content[0]?.type === 'text' &&
493
+ // Hack: TaskTool interrupts use Progress messages, so don't
494
+ // need an extra ⎿ because <Message /> already adds one.
495
+ // TODO: Find a cleaner way to do this.
496
+ _.content.message.content[0].text === INTERRUPT_MESSAGE ? (
497
+ <Message
498
+ message={_.content}
499
+ messages={_.normalizedMessages}
500
+ addMargin={false}
501
+ tools={_.tools}
502
+ verbose={verbose ?? false}
503
+ debug={debug}
504
+ erroredToolUseIDs={new Set()}
505
+ inProgressToolUseIDs={new Set()}
506
+ unresolvedToolUseIDs={new Set()}
507
+ shouldAnimate={false}
508
+ shouldShowDot={false}
509
+ />
510
+ ) : (
511
+ <MessageResponse>
512
+ <Message
513
+ message={_.content}
514
+ messages={_.normalizedMessages}
515
+ addMargin={false}
516
+ tools={_.tools}
517
+ verbose={verbose ?? false}
518
+ debug={debug}
519
+ erroredToolUseIDs={new Set()}
520
+ inProgressToolUseIDs={new Set()}
521
+ unresolvedToolUseIDs={
522
+ new Set([
523
+ (_.content.message.content[0]! as ToolUseBlockParam).id,
524
+ ])
525
+ }
526
+ shouldAnimate={false}
527
+ shouldShowDot={false}
528
+ />
529
+ </MessageResponse>
530
+ )
531
+ ) : (
532
+ <Message
533
+ message={_}
534
+ messages={normalizedMessages}
535
+ addMargin={true}
536
+ tools={tools}
537
+ verbose={verbose}
538
+ debug={debug}
539
+ erroredToolUseIDs={erroredToolUseIDs}
540
+ inProgressToolUseIDs={inProgressToolUseIDs}
541
+ shouldAnimate={
542
+ !toolJSX &&
543
+ !toolUseConfirm &&
544
+ !isMessageSelectorVisible &&
545
+ (!toolUseID || inProgressToolUseIDs.has(toolUseID))
546
+ }
547
+ shouldShowDot={true}
548
+ unresolvedToolUseIDs={unresolvedToolUseIDs}
549
+ />
550
+ )
551
+
552
+ const type = shouldRenderStatically(
553
+ _,
554
+ normalizedMessages,
555
+ unresolvedToolUseIDs,
556
+ )
557
+ ? 'static'
558
+ : 'transient'
559
+
560
+ if (debug) {
561
+ return {
562
+ type,
563
+ jsx: (
564
+ <Box
565
+ borderStyle="single"
566
+ borderColor={type === 'static' ? 'green' : 'red'}
567
+ key={_.uuid}
568
+ width="100%"
569
+ >
570
+ {message}
571
+ </Box>
572
+ ),
573
+ }
574
+ }
575
+
576
+ return {
577
+ type,
578
+ jsx: (
579
+ <Box key={_.uuid} width="100%">
580
+ {message}
581
+ </Box>
582
+ ),
583
+ }
584
+ }),
585
+ ]
586
+ }, [
587
+ forkNumber,
588
+ normalizedMessages,
589
+ tools,
590
+ verbose,
591
+ debug,
592
+ erroredToolUseIDs,
593
+ inProgressToolUseIDs,
594
+ toolJSX,
595
+ toolUseConfirm,
596
+ isMessageSelectorVisible,
597
+ unresolvedToolUseIDs,
598
+ mcpClients,
599
+ isDefaultModel,
600
+ ])
601
+
602
+ // only show the dialog once not loading
603
+ const showingCostDialog = !isLoading && showCostDialog
604
+
605
+ return (
606
+ <PermissionProvider isBypassPermissionsModeAvailable={!safeMode}>
607
+ <ModeIndicator />
608
+ <Static
609
+ key={`static-messages-${forkNumber}`}
610
+ items={messagesJSX.filter(_ => _.type === 'static')}
611
+ >
612
+ {_ => _.jsx}
613
+ </Static>
614
+ {messagesJSX.filter(_ => _.type === 'transient').map(_ => _.jsx)}
615
+ <Box
616
+ borderColor="red"
617
+ borderStyle={debug ? 'single' : undefined}
618
+ flexDirection="column"
619
+ width="100%"
620
+ >
621
+ {!toolJSX && !toolUseConfirm && !binaryFeedbackContext && isLoading && (
622
+ <Spinner />
623
+ )}
624
+ {toolJSX ? toolJSX.jsx : null}
625
+ {!toolJSX && binaryFeedbackContext && !isMessageSelectorVisible && (
626
+ <BinaryFeedback
627
+ m1={binaryFeedbackContext.m1}
628
+ m2={binaryFeedbackContext.m2}
629
+ resolve={result => {
630
+ binaryFeedbackContext.resolve(result)
631
+ setTimeout(() => setBinaryFeedbackContext(null), 0)
632
+ }}
633
+ verbose={verbose}
634
+ normalizedMessages={normalizedMessages}
635
+ tools={tools}
636
+ debug={debug}
637
+ erroredToolUseIDs={erroredToolUseIDs}
638
+ inProgressToolUseIDs={inProgressToolUseIDs}
639
+ unresolvedToolUseIDs={unresolvedToolUseIDs}
640
+ />
641
+ )}
642
+ {!toolJSX &&
643
+ toolUseConfirm &&
644
+ !isMessageSelectorVisible &&
645
+ !binaryFeedbackContext && (
646
+ <PermissionRequest
647
+ toolUseConfirm={toolUseConfirm}
648
+ onDone={() => setToolUseConfirm(null)}
649
+ verbose={verbose}
650
+ />
651
+ )}
652
+ {!toolJSX &&
653
+ !toolUseConfirm &&
654
+ !isMessageSelectorVisible &&
655
+ !binaryFeedbackContext &&
656
+ showingCostDialog && (
657
+ <CostThresholdDialog
658
+ onDone={() => {
659
+ setShowCostDialog(false)
660
+ setHaveShownCostDialog(true)
661
+ const projectConfig = getGlobalConfig()
662
+ saveGlobalConfig({
663
+ ...projectConfig,
664
+ hasAcknowledgedCostThreshold: true,
665
+ })
666
+ logEvent('tengu_cost_threshold_acknowledged', {})
667
+ }}
668
+ />
669
+ )}
670
+
671
+ {!toolUseConfirm &&
672
+ !toolJSX?.shouldHidePromptInput &&
673
+ shouldShowPromptInput &&
674
+ !isMessageSelectorVisible &&
675
+ !binaryFeedbackContext &&
676
+ !showingCostDialog && (
677
+ <>
678
+ <PromptInput
679
+ commands={commands}
680
+ forkNumber={forkNumber}
681
+ messageLogName={messageLogName}
682
+ tools={tools}
683
+ isDisabled={apiKeyStatus === 'invalid'}
684
+ isLoading={isLoading}
685
+ onQuery={onQuery}
686
+ debug={debug}
687
+ verbose={verbose}
688
+ messages={messages}
689
+ setToolJSX={setToolJSX}
690
+ onAutoUpdaterResult={setAutoUpdaterResult}
691
+ autoUpdaterResult={autoUpdaterResult}
692
+ input={inputValue}
693
+ onInputChange={setInputValue}
694
+ mode={inputMode}
695
+ onModeChange={setInputMode}
696
+ submitCount={submitCount}
697
+ onSubmitCountChange={setSubmitCount}
698
+ setIsLoading={setIsLoading}
699
+ setAbortController={setAbortController}
700
+ onShowMessageSelector={() =>
701
+ setIsMessageSelectorVisible(prev => !prev)
702
+ }
703
+ setForkConvoWithMessagesOnTheNextRender={
704
+ setForkConvoWithMessagesOnTheNextRender
705
+ }
706
+ readFileTimestamps={readFileTimestamps.current}
707
+ abortController={abortController}
708
+ onModelChange={() => setForkNumber(prev => prev + 1)}
709
+ />
710
+ </>
711
+ )}
712
+ </Box>
713
+ {isMessageSelectorVisible && (
714
+ <MessageSelector
715
+ erroredToolUseIDs={erroredToolUseIDs}
716
+ unresolvedToolUseIDs={unresolvedToolUseIDs}
717
+ messages={normalizeMessagesForAPI(messages)}
718
+ onSelect={async message => {
719
+ setIsMessageSelectorVisible(false)
720
+
721
+ // If the user selected the current prompt, do nothing
722
+ if (!messages.includes(message)) {
723
+ return
724
+ }
725
+
726
+ // Cancel tool use calls/requests
727
+ onCancel()
728
+
729
+ // Hack: make sure the "Interrupted by user" message is
730
+ // rendered in response to the cancellation. Otherwise,
731
+ // the screen will be cleared but there will remain a
732
+ // vestigial "Interrupted by user" message at the top.
733
+ setImmediate(async () => {
734
+ // Clear messages, and re-render
735
+ await clearTerminal()
736
+ setMessages([])
737
+ setForkConvoWithMessagesOnTheNextRender(
738
+ messages.slice(0, messages.indexOf(message)),
739
+ )
740
+
741
+ // Populate/reset the prompt input
742
+ if (typeof message.message.content === 'string') {
743
+ setInputValue(message.message.content)
744
+ }
745
+ })
746
+ }}
747
+ onEscape={() => setIsMessageSelectorVisible(false)}
748
+ tools={tools}
749
+ />
750
+ )}
751
+ {/** Fix occasional rendering artifact */}
752
+ <Newline />
753
+ </PermissionProvider>
754
+ )
755
+ }
756
+
757
+ function shouldRenderStatically(
758
+ message: NormalizedMessage,
759
+ messages: NormalizedMessage[],
760
+ unresolvedToolUseIDs: Set<string>,
761
+ ): boolean {
762
+ switch (message.type) {
763
+ case 'user':
764
+ case 'assistant': {
765
+ const toolUseID = getToolUseID(message)
766
+ if (!toolUseID) {
767
+ return true
768
+ }
769
+ if (unresolvedToolUseIDs.has(toolUseID)) {
770
+ return false
771
+ }
772
+
773
+ const correspondingProgressMessage = messages.find(
774
+ _ => _.type === 'progress' && _.toolUseID === toolUseID,
775
+ ) as ProgressMessage | null
776
+ if (!correspondingProgressMessage) {
777
+ return true
778
+ }
779
+
780
+ return !intersects(
781
+ unresolvedToolUseIDs,
782
+ correspondingProgressMessage.siblingToolUseIDs,
783
+ )
784
+ }
785
+ case 'progress':
786
+ return !intersects(unresolvedToolUseIDs, message.siblingToolUseIDs)
787
+ }
788
+ }
789
+
790
+ function intersects<A>(a: Set<A>, b: Set<A>): boolean {
791
+ return a.size > 0 && b.size > 0 && [...a].some(_ => b.has(_))
792
+ }