\n \n {isReverting ? (\n <>\n \n Reverting...\n \n ) : (\n <>\n \n Revert Changes\n \n )}\n \n \n {result && (\n

\n {result.message}\n

\n )}\n

\n );\n}\n\nexport function MessagePart({ part }: { part: NonNullable[number] }) {\n // Function to handle reverting changes\n const handleRevert = async (path: string) => {\n const response = await fetch(\"/api/revert-file\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"Authorization\": `Bearer ${localStorage.getItem(\"bearer\")}`,\n },\n body: JSON.stringify({\n path,\n branchId: localStorage.getItem(\"branchId\") || undefined,\n project: JSON.parse(localStorage.getItem(\"project\") || \"{}\"),\n }),\n });\n \n if (!response.ok) {\n const error = await response.json();\n throw new Error(error.message || \"Failed to revert changes\");\n }\n \n return response.json();\n };\n\n if (part.type === \"text\") return {part.text};\n if (part.type === \"reasoning\")\n return (\n

\n Reasoning...\n

\n {part.reasoning}\n {part.details && part.details.map((detail, index) => (\n

\n {detail.text}\n

\n ))}\n

\n );\n if (part.type === \"tool-invocation\") {\n let { step, state, toolName, args } = part.toolInvocation;\n \n // Properly conjugate command verbs to present participle form\n const getCommandVerb = (command: string): string => {\n switch (command) {\n case \"view\": return \"viewing\";\n case \"create\": return \"creating\";\n case \"str_replace\": return \"replacing\";\n case \"insert\": return \"inserting\";\n case \"undo_edit\": return \"undoing edit\";\n default: return command + \"ing\"; // Fallback for unknown commands\n }\n };\n \n let name = toolName === \"str_replace_editor\"\n ? getCommandVerb(args.command) + \" \" + args.path + (args.view_range ?? \"\")\n : toolName;\n \n // Check if this is a file modification operation (not just viewing)\n const isFileModification = toolName === \"str_replace_editor\" && \n [\"create\", \"str_replace\", \"insert\"].includes(args.command);\n \n return (\n

\n {name}\n

\n          {JSON.stringify(part.toolInvocation, null, 2)}\n

\n \n {/* Show revert button for file modifications */}\n {isFileModification && (\n \n )}\n

\n );\n }\n if (part.type === \"source\") {\n return

TODO Source: {JSON.stringify(part.source)}

;\n }\n if (part.type === \"file\") {\n return (\n

{atob(part.data)}

\n );\n }\n if (part.type === \"image\") {\n // Handle both formats: {image: {url: string}} and {image: string}\n const imageUrl = typeof part.image === 'string' \n ? part.image \n : part.image.url || (part.image as any).source?.url;\n \n return (\n

\n $\"Uploaded$ \n

\n );\n }\n // Handle multiple images in a single part\n if (part.type === \"images\") {\n return img.url)} />;\n }\n}","deleted","label",[174,175,156],"frontend","components","permalink","https://www.val.town/x/loading/OpenTownie/code/frontend/components/MessagePart.tsx","extension","actionData","errors"]