\n {messages.map(message => (\n \n ))}\n

\n );\n}\n\nfunction Message ({\n message,\n messageEndTimes,\n running,\n}: {\n message: Message;\n messageEndTimes: Record;\n running: boolean;\n}) {\n if (message.role === \"user\") return ;\n\n return (\n \n );\n}\n\nfunction AssistantMessage ({ message, messageEndTimes, running }: {\n message: Message;\n messageEndTimes: Record;\n running: boolean;\n}) {\n return (\n <>\n {message.parts.map((part, i) => )}\n {!messageEndTimes[message.id] && running && }\n\n {message.createdAt && (\n \n )}\n\n

\n        {JSON.stringify(message.parts, null, 2)}\n

\n \n );\n}\n\nfunction Part ({ part }) {\n switch (part.type) {\n case \"text\":\n return ;\n case \"tool-invocation\":\n return ;\n case \"step-start\":\n return null; // ;\n default:\n return (\n

{JSON.stringify(part, null,  2)}

\n );\n }\n}\n\nfunction TextPart ({ part }) {\n return (\n \n {part.text}\n \n );\n}\n\nfunction ToolPart ({ part }) {\n const {\n toolName,\n args,\n result,\n } = part.toolInvocation;\n\n switch (toolName) {\n case \"think\":\n return (\n

\n \n

thinking…

\n {args?.thought}\n

\n );\n case \"str_replace_editor\":\n return \n case \"delete_file\":\n return (\n

\n \n

delete:

{args?.path}

\n );\n case \"change_val_type\":\n return (\n

\n \n

change type:

{args?.type}

{args?.path}

\n );\n default:\n return (\n

{JSON.stringify(part, null,  2)}

\n );\n }\n}\n\nfunction EditorToolPart ({ part }) {\n const {\n toolName,\n args,\n result,\n } = part.toolInvocation;\n\n let body = (\n

\n      {JSON.stringify(part.toolInvocation)}\n

\n );\n switch (args.command) {\n case \"create\":\n body =

{args.file_text}

;\n break;\n case \"view\":\n body =

{result?.data}

;\n break;\n case \"str_replace\":\n body = (\n

{args.old_str}

{args.new_str}

\n );\n break;\n case \"insert\":\n body = (\n

{args.insert_line}

{args.new_str}

\n );\n break;\n case \"undo_edit\":\n // not implemented\n break;\n }\n\n return (\n

\n \n

{args?.command}:

{args?.path}

\n {body}\n {/*\n

\n          TODO: viewed file\n          show diff\n          {!args?.file_text && (\n            \n              {JSON.stringify(part.toolInvocation)}\n            
\n          )}\n

\n */}\n

\n );\n\n}\n\nfunction UserMessage ({ message }: {\n message: Message;\n}) {\n return (\n <>\n {message.parts.map((part, i) => part.type === \"text\" ? (\n

\n \n {part.text}\n \n

\n ) : (\n \n )}\n \n );\n}\n","deleted","label",[171,172,153],"frontend","components","permalink","https://www.val.town/x/akj/akjus/code/frontend/components/Messages.tsx","extension","actionData","errors"]