@nextclaw/ui 0.14.1-beta.0 → 0.14.1

package/src/features/chat/features/message/utils/__tests__/chat-message-file-operation.utils.test.ts

@@ -0,0 +1,310 @@
+import { ToolInvocationStatus } from "@nextclaw/agent-chat";
+import { adapt, type ChatMessageSource } from "./chat-message-test.utils";
+
+it("builds edit-file previews from structured args before the tool finishes", () => {
+  const adapted = adapt([
+    {
+      id: "assistant-edit-preview",
+      role: "assistant",
+      parts: [
+        {
+          type: "tool-invocation",
+          toolInvocation: {
+            status: ToolInvocationStatus.CALL,
+            toolCallId: "edit-call-1",
+            toolName: "edit_file",
+            args: JSON.stringify({
+              path: "src/app.ts",
+              oldText: "const color = 'red';",
+              newText: "const color = 'blue';",
+            }),
+            parsedArgs: {
+              path: "src/app.ts",
+              oldText: "const color = 'red';",
+              newText: "const color = 'blue';",
+            },
+          },
+        },
+      ],
+    },
+  ] as unknown as ChatMessageSource[]);
+
+  const editLines =
+    adapted[0]?.parts[0]?.type === "tool-card"
+      ? (adapted[0].parts[0].card.fileOperation?.blocks[0]?.lines ?? [])
+      : [];
+
+  expect(adapted[0]?.parts[0]).toMatchObject({
+    type: "tool-card",
+    card: {
+      toolName: "edit_file",
+      summary: "src/app.ts",
+      statusTone: "running",
+      fileOperation: {
+        blocks: [
+          {
+            path: "src/app.ts",
+            lines: [
+              {
+                kind: "remove",
+                text: "const color = 'red';",
+              },
+              {
+                kind: "add",
+                text: "const color = 'blue';",
+              },
+            ],
+          },
+        ],
+      },
+    },
+  });
+  expect(editLines[0]).not.toHaveProperty("oldLineNumber");
+  expect(editLines[1]).not.toHaveProperty("newLineNumber");
+});
+
+it("uses structured edit-file result line numbers after the tool finishes", () => {
+  const adapted = adapt([
+    {
+      id: "assistant-edit-result",
+      role: "assistant",
+      parts: [
+        {
+          type: "tool-invocation",
+          toolInvocation: {
+            status: ToolInvocationStatus.RESULT,
+            toolCallId: "edit-result-1",
+            toolName: "edit_file",
+            args: JSON.stringify({
+              path: "src/app.ts",
+              oldText: "const color = 'red';",
+              newText: "const color = 'blue';",
+            }),
+            parsedArgs: {
+              path: "src/app.ts",
+              oldText: "const color = 'red';",
+              newText: "const color = 'blue';",
+            },
+            result: {
+              path: "src/app.ts",
+              oldStartLine: 27,
+              newStartLine: 27,
+              message: "Edited src/app.ts",
+            },
+          },
+        },
+      ],
+    },
+  ] as unknown as ChatMessageSource[]);
+
+  expect(adapted[0]?.parts[0]).toMatchObject({
+    type: "tool-card",
+    card: {
+      toolName: "edit_file",
+      summary: "src/app.ts",
+      statusTone: "success",
+      fileOperation: {
+        blocks: [
+          {
+            path: "src/app.ts",
+            lines: [
+              {
+                kind: "remove",
+                text: "const color = 'red';",
+                oldLineNumber: 27,
+              },
+              {
+                kind: "add",
+                text: "const color = 'blue';",
+                newLineNumber: 27,
+              },
+            ],
+          },
+        ],
+      },
+    },
+  });
+});
+
+it("builds write-file previews from partial native args before the JSON is complete", () => {
+  const adapted = adapt([
+    {
+      id: "assistant-write-preview",
+      role: "assistant",
+      parts: [
+        {
+          type: "tool-invocation",
+          toolInvocation: {
+            status: ToolInvocationStatus.PARTIAL_CALL,
+            toolCallId: "write-call-1",
+            toolName: "write_file",
+            args: '{"path":"games/snake.html","content":"<!DOCTYPE html>\\n<canvas id=\\"game\\"></canvas>\\n<script>const score = 1;',
+          },
+        },
+      ],
+    },
+  ] as unknown as ChatMessageSource[]);
+
+  expect(adapted[0]?.parts[0]).toMatchObject({
+    type: "tool-card",
+    card: {
+      toolName: "write_file",
+      summary: "games/snake.html",
+      statusTone: "running",
+      statusLabel: "Running",
+      fileOperation: {
+        blocks: [
+          {
+            display: "preview",
+            path: "games/snake.html",
+            lines: expect.arrayContaining([
+              expect.objectContaining({
+                kind: "add",
+                text: "<!DOCTYPE html>",
+              }),
+              expect.objectContaining({
+                kind: "add",
+                text: '<canvas id="game"></canvas>',
+              }),
+            ]),
+          },
+        ],
+      },
+    },
+  });
+});
+
+it("keeps completed write-file cards in preview mode instead of falling back to raw byte summaries", () => {
+  const adapted = adapt([
+    {
+      id: "assistant-write-result",
+      role: "assistant",
+      parts: [
+        {
+          type: "tool-invocation",
+          toolInvocation: {
+            status: ToolInvocationStatus.RESULT,
+            toolCallId: "write-result-1",
+            toolName: "write_file",
+            args: JSON.stringify({
+              path: "games/snake.html",
+              content: '<!DOCTYPE html>\n<canvas id="game"></canvas>',
+            }),
+            result: "Wrote 3906 bytes to games/snake.html",
+          },
+        },
+      ],
+    },
+  ] as unknown as ChatMessageSource[]);
+
+  expect(adapted[0]?.parts[0]).toMatchObject({
+    type: "tool-card",
+    card: {
+      toolName: "write_file",
+      summary: "games/snake.html",
+      statusTone: "success",
+      fileOperation: {
+        blocks: [
+          {
+            display: "preview",
+            path: "games/snake.html",
+            lines: [
+              {
+                kind: "add",
+                text: "<!DOCTYPE html>",
+                newLineNumber: 1,
+              },
+              {
+                kind: "add",
+                text: '<canvas id="game"></canvas>',
+                newLineNumber: 2,
+              },
+            ],
+          },
+        ],
+      },
+    },
+  });
+  expect(adapted[0]?.parts[0]).not.toMatchObject({
+    type: "tool-card",
+    card: {
+      output: "Wrote 3906 bytes to games/snake.html",
+    },
+  });
+});
+
+it("renders codex file_change results as structured diff previews", () => {
+  const adapted = adapt([
+    {
+      id: "assistant-file-change",
+      role: "assistant",
+      parts: [
+        {
+          type: "tool-invocation",
+          toolInvocation: {
+            status: ToolInvocationStatus.RESULT,
+            toolCallId: "file-change-1",
+            toolName: "file_change",
+            args: JSON.stringify({
+              changes: [
+                {
+                  path: "src/main.ts",
+                  diff: [
+                    "--- a/src/main.ts",
+                    "+++ b/src/main.ts",
+                    "@@ -109,1 +109,1 @@",
+                    "-console.log('old');",
+                    "+console.log('new');",
+                  ].join("\n"),
+                },
+              ],
+            }),
+            result: {
+              status: "completed",
+              changes: [
+                {
+                  path: "src/main.ts",
+                  diff: [
+                    "--- a/src/main.ts",
+                    "+++ b/src/main.ts",
+                    "@@ -109,1 +109,1 @@",
+                    "-console.log('old');",
+                    "+console.log('new');",
+                  ].join("\n"),
+                },
+              ],
+            },
+          },
+        },
+      ],
+    },
+  ] as unknown as ChatMessageSource[]);
+
+  expect(adapted[0]?.parts[0]).toMatchObject({
+    type: "tool-card",
+    card: {
+      toolName: "file_change",
+      summary: "src/main.ts",
+      statusTone: "success",
+      fileOperation: {
+        blocks: [
+          {
+            path: "src/main.ts",
+            lines: [
+              {
+                kind: "remove",
+                text: "console.log('old');",
+                oldLineNumber: 109,
+              },
+              {
+                kind: "add",
+                text: "console.log('new');",
+                newLineNumber: 109,
+              },
+            ],
+          },
+        ],
+      },
+    },
+  });
+});

package/src/features/chat/features/message/utils/__tests__/chat-message-test.utils.ts

@@ -0,0 +1,43 @@
+import type { UiMessage } from "@nextclaw/agent-chat";
+import {
+  adaptChatMessages,
+  type ChatMessageSource,
+} from "@/features/chat/features/message/utils/chat-message.utils";
+
+export type { ChatMessageSource } from "@/features/chat/features/message/utils/chat-message.utils";
+
+export function toSource(uiMessages: UiMessage[]): ChatMessageSource[] {
+  return uiMessages as unknown as ChatMessageSource[];
+}
+
+const defaultTexts = {
+  roleLabels: {
+    user: "You",
+    assistant: "Assistant",
+    tool: "Tool",
+    system: "System",
+    fallback: "Message",
+  },
+  reasoningLabel: "Reasoning",
+  toolCallLabel: "Tool Call",
+  toolResultLabel: "Tool Result",
+  toolInputLabel: "Input",
+  toolNoOutputLabel: "No output",
+  toolOutputLabel: "Output",
+  toolStatusPreparingLabel: "Preparing",
+  toolStatusRunningLabel: "Running",
+  toolStatusCompletedLabel: "Completed",
+  toolStatusFailedLabel: "Failed",
+  toolStatusCancelledLabel: "Cancelled",
+  imageAttachmentLabel: "Image attachment",
+  fileAttachmentLabel: "File attachment",
+  unknownPartLabel: "Unknown Part",
+};
+
+export function adapt(uiMessages: ChatMessageSource[]) {
+  return adaptChatMessages({
+    uiMessages,
+    formatTimestamp: (value) => `formatted:${value}`,
+    texts: defaultTexts,
+  });
+}

package/src/features/chat/features/message/utils/__tests__/chat-message.utils.test.ts

@@ -1,42 +1,5 @@
 import { ToolInvocationStatus, type UiMessage } from "@nextclaw/agent-chat";
-import { adaptChatMessages } from "../chat-message.utils";
-import type { ChatMessageSource } from "../chat-message.utils";
-
-function toSource(uiMessages: UiMessage[]): ChatMessageSource[] {
-  return uiMessages as unknown as ChatMessageSource[];
-}
-
-const defaultTexts = {
-  roleLabels: {
-    user: "You",
-    assistant: "Assistant",
-    tool: "Tool",
-    system: "System",
-    fallback: "Message",
-  },
-  reasoningLabel: "Reasoning",
-  toolCallLabel: "Tool Call",
-  toolResultLabel: "Tool Result",
-  toolInputLabel: "Input",
-  toolNoOutputLabel: "No output",
-  toolOutputLabel: "Output",
-  toolStatusPreparingLabel: "Preparing",
-  toolStatusRunningLabel: "Running",
-  toolStatusCompletedLabel: "Completed",
-  toolStatusFailedLabel: "Failed",
-  toolStatusCancelledLabel: "Cancelled",
-  imageAttachmentLabel: "Image attachment",
-  fileAttachmentLabel: "File attachment",
-  unknownPartLabel: "Unknown Part",
-};
-
-function adapt(uiMessages: ChatMessageSource[]) {
-  return adaptChatMessages({
-    uiMessages,
-    formatTimestamp: (value) => `formatted:${value}`,
-    texts: defaultTexts,
-  });
-}
+import { adapt, toSource, type ChatMessageSource } from "./chat-message-test.utils";
 
 it("maps markdown, reasoning, and tool parts into UI view models", () => {
   const messages: UiMessage[] = [
@@ -576,311 +539,3 @@ it("renders asset tool results as previewable files", () => {
     },
   });
 });
-
-it("builds edit-file previews from structured args before the tool finishes", () => {
-  const adapted = adapt([
-    {
-      id: "assistant-edit-preview",
-      role: "assistant",
-      parts: [
-        {
-          type: "tool-invocation",
-          toolInvocation: {
-            status: ToolInvocationStatus.CALL,
-            toolCallId: "edit-call-1",
-            toolName: "edit_file",
-            args: JSON.stringify({
-              path: "src/app.ts",
-              oldText: "const color = 'red';",
-              newText: "const color = 'blue';",
-            }),
-            parsedArgs: {
-              path: "src/app.ts",
-              oldText: "const color = 'red';",
-              newText: "const color = 'blue';",
-            },
-          },
-        },
-      ],
-    },
-  ] as unknown as ChatMessageSource[]);
-
-  const editLines =
-    adapted[0]?.parts[0]?.type === "tool-card"
-      ? (adapted[0].parts[0].card.fileOperation?.blocks[0]?.lines ?? [])
-      : [];
-
-  expect(adapted[0]?.parts[0]).toMatchObject({
-    type: "tool-card",
-    card: {
-      toolName: "edit_file",
-      summary: "src/app.ts",
-      statusTone: "running",
-      fileOperation: {
-        blocks: [
-          {
-            path: "src/app.ts",
-            lines: [
-              {
-                kind: "remove",
-                text: "const color = 'red';",
-              },
-              {
-                kind: "add",
-                text: "const color = 'blue';",
-              },
-            ],
-          },
-        ],
-      },
-    },
-  });
-  expect(editLines[0]).not.toHaveProperty("oldLineNumber");
-  expect(editLines[1]).not.toHaveProperty("newLineNumber");
-});
-
-it("uses structured edit-file result line numbers after the tool finishes", () => {
-  const adapted = adapt([
-    {
-      id: "assistant-edit-result",
-      role: "assistant",
-      parts: [
-        {
-          type: "tool-invocation",
-          toolInvocation: {
-            status: ToolInvocationStatus.RESULT,
-            toolCallId: "edit-result-1",
-            toolName: "edit_file",
-            args: JSON.stringify({
-              path: "src/app.ts",
-              oldText: "const color = 'red';",
-              newText: "const color = 'blue';",
-            }),
-            parsedArgs: {
-              path: "src/app.ts",
-              oldText: "const color = 'red';",
-              newText: "const color = 'blue';",
-            },
-            result: {
-              path: "src/app.ts",
-              oldStartLine: 27,
-              newStartLine: 27,
-              message: "Edited src/app.ts",
-            },
-          },
-        },
-      ],
-    },
-  ] as unknown as ChatMessageSource[]);
-
-  expect(adapted[0]?.parts[0]).toMatchObject({
-    type: "tool-card",
-    card: {
-      toolName: "edit_file",
-      summary: "src/app.ts",
-      statusTone: "success",
-      fileOperation: {
-        blocks: [
-          {
-            path: "src/app.ts",
-            lines: [
-              {
-                kind: "remove",
-                text: "const color = 'red';",
-                oldLineNumber: 27,
-              },
-              {
-                kind: "add",
-                text: "const color = 'blue';",
-                newLineNumber: 27,
-              },
-            ],
-          },
-        ],
-      },
-    },
-  });
-});
-
-it("builds write-file previews from partial native args before the JSON is complete", () => {
-  const adapted = adapt([
-    {
-      id: "assistant-write-preview",
-      role: "assistant",
-      parts: [
-        {
-          type: "tool-invocation",
-          toolInvocation: {
-            status: ToolInvocationStatus.PARTIAL_CALL,
-            toolCallId: "write-call-1",
-            toolName: "write_file",
-            args: '{"path":"games/snake.html","content":"<!DOCTYPE html>\\n<canvas id=\\"game\\"></canvas>\\n<script>const score = 1;',
-          },
-        },
-      ],
-    },
-  ] as unknown as ChatMessageSource[]);
-
-  expect(adapted[0]?.parts[0]).toMatchObject({
-    type: "tool-card",
-    card: {
-      toolName: "write_file",
-      summary: "games/snake.html",
-      statusTone: "running",
-      statusLabel: "Running",
-      fileOperation: {
-        blocks: [
-          {
-            display: "preview",
-            path: "games/snake.html",
-            lines: expect.arrayContaining([
-              expect.objectContaining({
-                kind: "add",
-                text: "<!DOCTYPE html>",
-              }),
-              expect.objectContaining({
-                kind: "add",
-                text: '<canvas id="game"></canvas>',
-              }),
-            ]),
-          },
-        ],
-      },
-    },
-  });
-});
-
-it("keeps completed write-file cards in preview mode instead of falling back to raw byte summaries", () => {
-  const adapted = adapt([
-    {
-      id: "assistant-write-result",
-      role: "assistant",
-      parts: [
-        {
-          type: "tool-invocation",
-          toolInvocation: {
-            status: ToolInvocationStatus.RESULT,
-            toolCallId: "write-result-1",
-            toolName: "write_file",
-            args: JSON.stringify({
-              path: "games/snake.html",
-              content: '<!DOCTYPE html>\n<canvas id="game"></canvas>',
-            }),
-            result: "Wrote 3906 bytes to games/snake.html",
-          },
-        },
-      ],
-    },
-  ] as unknown as ChatMessageSource[]);
-
-  expect(adapted[0]?.parts[0]).toMatchObject({
-    type: "tool-card",
-    card: {
-      toolName: "write_file",
-      summary: "games/snake.html",
-      statusTone: "success",
-      fileOperation: {
-        blocks: [
-          {
-            display: "preview",
-            path: "games/snake.html",
-            lines: [
-              {
-                kind: "add",
-                text: "<!DOCTYPE html>",
-                newLineNumber: 1,
-              },
-              {
-                kind: "add",
-                text: '<canvas id="game"></canvas>',
-                newLineNumber: 2,
-              },
-            ],
-          },
-        ],
-      },
-    },
-  });
-  expect(adapted[0]?.parts[0]).not.toMatchObject({
-    type: "tool-card",
-    card: {
-      output: "Wrote 3906 bytes to games/snake.html",
-    },
-  });
-});
-
-it("renders codex file_change results as structured diff previews", () => {
-  const adapted = adapt([
-    {
-      id: "assistant-file-change",
-      role: "assistant",
-      parts: [
-        {
-          type: "tool-invocation",
-          toolInvocation: {
-            status: ToolInvocationStatus.RESULT,
-            toolCallId: "file-change-1",
-            toolName: "file_change",
-            args: JSON.stringify({
-              changes: [
-                {
-                  path: "src/main.ts",
-                  diff: [
-                    "--- a/src/main.ts",
-                    "+++ b/src/main.ts",
-                    "@@ -109,1 +109,1 @@",
-                    "-console.log('old');",
-                    "+console.log('new');",
-                  ].join("\n"),
-                },
-              ],
-            }),
-            result: {
-              status: "completed",
-              changes: [
-                {
-                  path: "src/main.ts",
-                  diff: [
-                    "--- a/src/main.ts",
-                    "+++ b/src/main.ts",
-                    "@@ -109,1 +109,1 @@",
-                    "-console.log('old');",
-                    "+console.log('new');",
-                  ].join("\n"),
-                },
-              ],
-            },
-          },
-        },
-      ],
-    },
-  ] as unknown as ChatMessageSource[]);
-
-  expect(adapted[0]?.parts[0]).toMatchObject({
-    type: "tool-card",
-    card: {
-      toolName: "file_change",
-      summary: "src/main.ts",
-      statusTone: "success",
-      fileOperation: {
-        blocks: [
-          {
-            path: "src/main.ts",
-            lines: [
-              {
-                kind: "remove",
-                text: "console.log('old');",
-                oldLineNumber: 109,
-              },
-              {
-                kind: "add",
-                text: "console.log('new');",
-                newLineNumber: 109,
-              },
-            ],
-          },
-        ],
-      },
-    },
-  });
-});