\n {messages.map(message => (\n \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 const context = useContext(MessageContext);\n if (message.role === \"user\") return ;\n\n return (\n \n \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}\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 Details ({ open, onClick, children, summary }) {\n return (\n \n

\n \n {summary}\n

\n {children}\n

\n \n );\n}\n\nfunction ToolPart ({ part }) {\n const { openSummaries, setOpenSummaries } = useContext(MessageContext);\n const {\n toolName,\n args,\n result,\n toolCallId,\n } = part.toolInvocation;\n\n switch (toolName) {\n case \"think\":\n return (\n {\n e.preventDefault();\n setOpenSummaries(prev => ({\n ...prev,\n [toolCallId]: !prev[toolCallId],\n }));\n }}\n >\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 \n

change type:

{args?.type}

{args?.path}

\n \n \n );\n case \"overwrite_file\":\n return (\n <>\n {\n e.preventDefault();\n setOpenSummaries(prev => ({\n ...prev,\n [toolCallId]: !prev[toolCallId],\n }));\n }}\n summary={(\n <>\n

overwrite:

{args?.path}

\n \n )}>\n

{args?.content}

\n \n \n \n );\n case \"fetch\":\n return (\n {\n e.preventDefault();\n setOpenSummaries(prev => ({\n ...prev,\n [toolCallId]: !prev[toolCallId],\n }));\n }}\n summary={(\n <>\n

fetch:

{args?.valPath}

{args?.urlPath || \"/\"}

\n \n )}>\n {result?.type === \"success\" ? (\n

\n = 200 && result.data.status < 300 ? 'success' : \n result.data.status >= 300 && result.data.status < 400 ? 'redirect' : \n result.data.status >= 400 && result.data.status < 500 ? 'client-error' : 'server-error'}`}>\n {result.data.status} {result.data.statusText}\n \n {result.data.responseTime}ms\n

Headers

{JSON.stringify(result.data.headers, null, 2)}

Response Body

\n                  {typeof result.data.body === 'object' \n                    ? JSON.stringify(result.data.body, null, 2) \n                    : result.data.body}\n

\n ) : (\n

Error

{result?.message || \"Unknown error\"}

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

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

\n );\n }\n}\n\nfunction EditorToolPart ({ part }) {\n const { openSummaries, setOpenSummaries } = useContext(MessageContext);\n const {\n toolName,\n args,\n result,\n toolCallId,\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 e.preventDefault();\n setOpenSummaries(prev => ({\n ...prev,\n [toolCallId]: !prev[toolCallId],\n }));\n }}\n summary={(\n <>\n

{args?.command}:

{args?.path}

\n \n )}>\n {body}\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}","deleted","label",[168,169,151],"frontend","components","permalink","https://www.val.town/x/prubeandoAl/Townie-clon/code/frontend/components/Messages.tsx","extension","actionData","errors"]