veryfront 0.0.3 → 0.0.5

package/dist/ai/primitives.js

@@ -0,0 +1,314 @@
+// src/ai/react/primitives/chat-container.tsx
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+var ChatContainer = React.forwardRef(
+  ({ className, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className,
+        "data-chat-container": "",
+        ...props,
+        children
+      }
+    );
+  }
+);
+ChatContainer.displayName = "ChatContainer";
+
+// src/ai/react/primitives/message-list.tsx
+import * as React2 from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var MessageList = React2.forwardRef(
+  ({ className, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx2(
+      "div",
+      {
+        ref,
+        className,
+        "data-message-list": "",
+        role: "log",
+        "aria-live": "polite",
+        ...props,
+        children
+      }
+    );
+  }
+);
+MessageList.displayName = "MessageList";
+var MessageItem = React2.forwardRef(
+  ({ className, role, content, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx2(
+      "div",
+      {
+        ref,
+        className,
+        "data-message-item": "",
+        "data-role": role,
+        ...props,
+        children: children || content
+      }
+    );
+  }
+);
+MessageItem.displayName = "MessageItem";
+var MessageRole = React2.forwardRef(
+  ({ className, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsx2(
+      "span",
+      {
+        ref,
+        className,
+        "data-message-role": "",
+        ...props,
+        children
+      }
+    );
+  }
+);
+MessageRole.displayName = "MessageRole";
+var MessageContent = React2.forwardRef(({ className, children, ...props }, ref) => {
+  return /* @__PURE__ */ jsx2(
+    "div",
+    {
+      ref,
+      className,
+      "data-message-content": "",
+      ...props,
+      children
+    }
+  );
+});
+MessageContent.displayName = "MessageContent";
+
+// src/ai/react/primitives/input-box.tsx
+import * as React3 from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var InputBox = React3.forwardRef(({ className, value, onChange, onSubmit, multiline, ...props }, ref) => {
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter" && !e.shiftKey && onSubmit) {
+      e.preventDefault();
+      onSubmit();
+    }
+  };
+  if (multiline) {
+    return /* @__PURE__ */ jsx3(
+      "textarea",
+      {
+        ref,
+        className,
+        value,
+        onChange,
+        onKeyDown: handleKeyDown,
+        "data-input-box": "",
+        "data-multiline": "true",
+        rows: 3,
+        ...props
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx3(
+    "input",
+    {
+      ref,
+      type: "text",
+      className,
+      value,
+      onChange,
+      onKeyDown: handleKeyDown,
+      "data-input-box": "",
+      ...props
+    }
+  );
+});
+InputBox.displayName = "InputBox";
+var SubmitButton = React3.forwardRef(({ className, isLoading, disabled, children, ...props }, ref) => {
+  return /* @__PURE__ */ jsx3(
+    "button",
+    {
+      ref,
+      type: "submit",
+      className,
+      disabled: disabled || isLoading,
+      "data-submit-button": "",
+      "data-loading": isLoading,
+      "aria-label": "Submit message",
+      ...props,
+      children: children || "Send"
+    }
+  );
+});
+SubmitButton.displayName = "SubmitButton";
+var LoadingIndicator = React3.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx3(
+    "div",
+    {
+      ref,
+      className,
+      "data-loading-indicator": "",
+      role: "status",
+      "aria-label": "Loading",
+      ...props
+    }
+  );
+});
+LoadingIndicator.displayName = "LoadingIndicator";
+
+// src/ai/react/primitives/agent-primitives.tsx
+import * as React4 from "react";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var AgentContainer = React4.forwardRef(({ className, children, ...props }, ref) => {
+  return /* @__PURE__ */ jsx4(
+    "div",
+    {
+      ref,
+      className,
+      "data-agent-container": "",
+      ...props,
+      children
+    }
+  );
+});
+AgentContainer.displayName = "AgentContainer";
+var AgentStatus = React4.forwardRef(
+  ({ className, status, label, ...props }, ref) => {
+    const displayLabel = label || formatStatus(status);
+    return /* @__PURE__ */ jsx4(
+      "div",
+      {
+        ref,
+        className,
+        "data-agent-status": "",
+        "data-status": status,
+        role: "status",
+        "aria-label": `Agent status: ${displayLabel}`,
+        ...props,
+        children: displayLabel
+      }
+    );
+  }
+);
+AgentStatus.displayName = "AgentStatus";
+var ThinkingIndicator = React4.forwardRef(({ className, children, ...props }, ref) => {
+  return /* @__PURE__ */ jsx4(
+    "div",
+    {
+      ref,
+      className,
+      "data-thinking-indicator": "",
+      role: "status",
+      "aria-live": "polite",
+      ...props,
+      children
+    }
+  );
+});
+ThinkingIndicator.displayName = "ThinkingIndicator";
+function formatStatus(status) {
+  switch (status) {
+    case "idle":
+      return "Idle";
+    case "thinking":
+      return "Thinking...";
+    case "tool_execution":
+      return "Using tools...";
+    case "streaming":
+      return "Responding...";
+    case "completed":
+      return "Completed";
+    case "error":
+      return "Error";
+    default:
+      return String(status);
+  }
+}
+
+// src/ai/react/primitives/tool-primitives.tsx
+import * as React5 from "react";
+import { jsx as jsx5, jsxs } from "react/jsx-runtime";
+var ToolInvocation = React5.forwardRef(({ className, name, args, status, children, ...props }, ref) => {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className,
+      "data-tool-invocation": "",
+      "data-tool-name": name,
+      "data-status": status,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs("div", { "data-tool-header": "", children: [
+          /* @__PURE__ */ jsx5("span", { "data-tool-name": "", children: name }),
+          status && /* @__PURE__ */ jsxs("span", { "data-tool-status": "", children: [
+            "(",
+            status,
+            ")"
+          ] })
+        ] }),
+        args && /* @__PURE__ */ jsx5("div", { "data-tool-args": "", children: /* @__PURE__ */ jsx5("pre", { children: JSON.stringify(args, null, 2) }) }),
+        children
+      ]
+    }
+  );
+});
+ToolInvocation.displayName = "ToolInvocation";
+var ToolResult = React5.forwardRef(
+  ({ className, result, renderResult, ...props }, ref) => {
+    const content = renderResult ? renderResult(result) : JSON.stringify(result, null, 2);
+    return /* @__PURE__ */ jsx5(
+      "div",
+      {
+        ref,
+        className,
+        "data-tool-result": "",
+        ...props,
+        children: typeof content === "string" ? /* @__PURE__ */ jsx5("pre", { children: content }) : content
+      }
+    );
+  }
+);
+ToolResult.displayName = "ToolResult";
+var ToolList = React5.forwardRef(
+  ({ className, toolCalls, renderTool, ...props }, ref) => {
+    return /* @__PURE__ */ jsx5(
+      "div",
+      {
+        ref,
+        className,
+        "data-tool-list": "",
+        ...props,
+        children: toolCalls.map(
+          (tool) => renderTool ? /* @__PURE__ */ jsx5(React5.Fragment, { children: renderTool(tool) }, tool.id) : /* @__PURE__ */ jsx5(
+            ToolInvocation,
+            {
+              name: tool.name,
+              args: tool.args,
+              status: tool.status,
+              children: tool.result !== void 0 && /* @__PURE__ */ jsx5(ToolResult, { result: tool.result })
+            },
+            tool.id
+          )
+        )
+      }
+    );
+  }
+);
+ToolList.displayName = "ToolList";
+export {
+  AgentContainer,
+  AgentStatus,
+  ChatContainer,
+  InputBox,
+  LoadingIndicator,
+  MessageContent,
+  MessageItem,
+  MessageList,
+  MessageRole,
+  SubmitButton,
+  ThinkingIndicator,
+  ToolInvocation,
+  ToolList,
+  ToolResult
+};
+//# sourceMappingURL=primitives.js.map

package/dist/ai/primitives.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ai/react/primitives/chat-container.tsx", "../../../src/ai/react/primitives/message-list.tsx", "../../../src/ai/react/primitives/input-box.tsx", "../../../src/ai/react/primitives/agent-primitives.tsx", "../../../src/ai/react/primitives/tool-primitives.tsx"],
+  "sourcesContent": ["/**\n * ChatContainer Primitive - Layer 2 (Unstyled)\n *\n * Root container for chat interfaces.\n * Built on Radix UI patterns (shadcn-compatible).\n */\n\nimport * as React from \"react\";\n\nexport interface ChatContainerProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n}\n\n/**\n * ChatContainer - Root chat component\n *\n * Provides minimal structure. Bring your own styles.\n *\n * @example\n * ```tsx\n * <ChatContainer className=\"flex flex-col h-screen\">\n *   <YourHeader />\n *   <MessageList messages={messages} />\n *   <YourInput />\n * </ChatContainer>\n * ```\n */\nexport const ChatContainer = React.forwardRef<HTMLDivElement, ChatContainerProps>(\n  ({ className, children, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={className}\n        data-chat-container=\"\"\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nChatContainer.displayName = \"ChatContainer\";\n", "/**\n * MessageList & MessageItem Primitives - Layer 2 (Unstyled)\n *\n * Message rendering primitives.\n * Built on Radix UI patterns (shadcn-compatible).\n */\n\nimport * as React from \"react\";\nimport type { Message } from \"../../types/agent.ts\";\n\nexport interface MessageListProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n}\n\n/**\n * MessageList - Container for messages\n *\n * @example\n * ```tsx\n * <MessageList className=\"flex-1 overflow-y-auto space-y-4\">\n *   {messages.map((msg) => (\n *     <MessageItem key={msg.id} role={msg.role}>\n *       {msg.content}\n *     </MessageItem>\n *   ))}\n * </MessageList>\n * ```\n */\nexport const MessageList = React.forwardRef<HTMLDivElement, MessageListProps>(\n  ({ className, children, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={className}\n        data-message-list=\"\"\n        role=\"log\"\n        aria-live=\"polite\"\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nMessageList.displayName = \"MessageList\";\n\nexport interface MessageItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Message role */\n  role: Message[\"role\"];\n\n  /** Message content (can be children or prop) */\n  content?: string;\n\n  children?: React.ReactNode;\n}\n\n/**\n * MessageItem - Individual message\n *\n * @example\n * ```tsx\n * <MessageItem role=\"user\" className=\"flex justify-end\">\n *   <div className=\"bg-blue-500 text-white rounded-lg px-4 py-2\">\n *     {message.content}\n *   </div>\n * </MessageItem>\n * ```\n */\nexport const MessageItem = React.forwardRef<HTMLDivElement, MessageItemProps>(\n  ({ className, role, content, children, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={className}\n        data-message-item=\"\"\n        data-role={role}\n        {...props}\n      >\n        {children || content}\n      </div>\n    );\n  },\n);\n\nMessageItem.displayName = \"MessageItem\";\n\nexport interface MessageRoleProps extends React.HTMLAttributes<HTMLSpanElement> {\n  children: React.ReactNode;\n}\n\n/**\n * MessageRole - Role indicator\n *\n * @example\n * ```tsx\n * <MessageRole className=\"font-semibold text-sm\">\n *   {message.role}\n * </MessageRole>\n * ```\n */\nexport const MessageRole = React.forwardRef<HTMLSpanElement, MessageRoleProps>(\n  ({ className, children, ...props }, ref) => {\n    return (\n      <span\n        ref={ref}\n        className={className}\n        data-message-role=\"\"\n        {...props}\n      >\n        {children}\n      </span>\n    );\n  },\n);\n\nMessageRole.displayName = \"MessageRole\";\n\nexport interface MessageContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n}\n\n/**\n * MessageContent - Message content wrapper\n *\n * @example\n * ```tsx\n * <MessageContent className=\"prose\">\n *   {message.content}\n * </MessageContent>\n * ```\n */\nexport const MessageContent = React.forwardRef<\n  HTMLDivElement,\n  MessageContentProps\n>(({ className, children, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      className={className}\n      data-message-content=\"\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n});\n\nMessageContent.displayName = \"MessageContent\";\n", "/**\n * InputBox & SubmitButton Primitives - Layer 2 (Unstyled)\n *\n * Input primitives for chat interfaces.\n * Built on Radix UI patterns (shadcn-compatible).\n */\n\nimport * as React from \"react\";\n\nexport interface InputBoxProps extends\n  Omit<\n    React.InputHTMLAttributes<HTMLInputElement | HTMLTextAreaElement>,\n    \"onChange\" | \"onSubmit\"\n  > {\n  /** Current value */\n  value: string;\n\n  /** Change handler */\n  onChange: (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;\n\n  /** Submit handler */\n  onSubmit?: () => void;\n\n  /** Use textarea instead of input */\n  multiline?: boolean;\n}\n\n/**\n * InputBox - Text input primitive\n *\n * @example\n * ```tsx\n * <InputBox\n *   value={input}\n *   onChange={(e) => setInput(e.target.value)}\n *   onSubmit={handleSubmit}\n *   placeholder=\"Type a message...\"\n *   className=\"w-full px-4 py-2 border rounded-lg\"\n * />\n * ```\n */\nexport const InputBox = React.forwardRef<\n  HTMLInputElement | HTMLTextAreaElement,\n  InputBoxProps\n>(({ className, value, onChange, onSubmit, multiline, ...props }, ref) => {\n  const handleKeyDown = (\n    e: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>,\n  ) => {\n    if (e.key === \"Enter\" && !e.shiftKey && onSubmit) {\n      e.preventDefault();\n      onSubmit();\n    }\n  };\n\n  if (multiline) {\n    return (\n      <textarea\n        ref={ref as React.Ref<HTMLTextAreaElement>}\n        className={className}\n        value={value}\n        onChange={onChange}\n        onKeyDown={handleKeyDown}\n        data-input-box=\"\"\n        data-multiline=\"true\"\n        rows={3}\n        {...(props as React.TextareaHTMLAttributes<HTMLTextAreaElement>)}\n      />\n    );\n  }\n\n  return (\n    <input\n      ref={ref as React.Ref<HTMLInputElement>}\n      type=\"text\"\n      className={className}\n      value={value}\n      onChange={onChange}\n      onKeyDown={handleKeyDown}\n      data-input-box=\"\"\n      {...props}\n    />\n  );\n});\n\nInputBox.displayName = \"InputBox\";\n\nexport interface SubmitButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Loading state */\n  isLoading?: boolean;\n\n  children?: React.ReactNode;\n}\n\n/**\n * SubmitButton - Submit button primitive\n *\n * @example\n * ```tsx\n * <SubmitButton\n *   onClick={handleSubmit}\n *   isLoading={isLoading}\n *   disabled={!input.trim()}\n *   className=\"px-4 py-2 bg-blue-600 text-white rounded-lg\"\n * >\n *   Send\n * </SubmitButton>\n * ```\n */\nexport const SubmitButton = React.forwardRef<\n  HTMLButtonElement,\n  SubmitButtonProps\n>(({ className, isLoading, disabled, children, ...props }, ref) => {\n  return (\n    <button\n      ref={ref}\n      type=\"submit\"\n      className={className}\n      disabled={disabled || isLoading}\n      data-submit-button=\"\"\n      data-loading={isLoading}\n      aria-label=\"Submit message\"\n      {...props}\n    >\n      {children || \"Send\"}\n    </button>\n  );\n});\n\nSubmitButton.displayName = \"SubmitButton\";\n\nexport interface LoadingIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/**\n * LoadingIndicator - Loading spinner primitive\n *\n * @example\n * ```tsx\n * {isLoading && (\n *   <LoadingIndicator className=\"animate-spin h-4 w-4\" />\n * )}\n * ```\n */\nexport const LoadingIndicator = React.forwardRef<\n  HTMLDivElement,\n  LoadingIndicatorProps\n>(({ className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      className={className}\n      data-loading-indicator=\"\"\n      role=\"status\"\n      aria-label=\"Loading\"\n      {...props}\n    />\n  );\n});\n\nLoadingIndicator.displayName = \"LoadingIndicator\";\n", "/**\n * Agent Primitives - Layer 2 (Unstyled)\n *\n * Primitives for displaying agent status and execution.\n * Built on Radix UI patterns (shadcn-compatible).\n */\n\nimport * as React from \"react\";\nimport type { AgentStatus as AgentStatusType } from \"../../types/agent.ts\";\n\nexport interface AgentContainerProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n}\n\n/**\n * AgentContainer - Root agent UI container\n *\n * @example\n * ```tsx\n * <AgentContainer className=\"border rounded-lg p-4\">\n *   <AgentStatus status={agent.status} />\n *   <AgentMessages messages={agent.messages} />\n * </AgentContainer>\n * ```\n */\nexport const AgentContainer = React.forwardRef<\n  HTMLDivElement,\n  AgentContainerProps\n>(({ className, children, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      className={className}\n      data-agent-container=\"\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n});\n\nAgentContainer.displayName = \"AgentContainer\";\n\nexport interface AgentStatusProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Current agent status */\n  status: AgentStatusType;\n\n  /** Custom label */\n  label?: string;\n}\n\n/**\n * AgentStatus - Status indicator\n *\n * @example\n * ```tsx\n * <AgentStatus\n *   status={agent.status}\n *   className=\"text-sm font-medium\"\n * />\n * ```\n */\nexport const AgentStatus = React.forwardRef<HTMLDivElement, AgentStatusProps>(\n  ({ className, status, label, ...props }, ref) => {\n    const displayLabel = label || formatStatus(status);\n\n    return (\n      <div\n        ref={ref}\n        className={className}\n        data-agent-status=\"\"\n        data-status={status}\n        role=\"status\"\n        aria-label={`Agent status: ${displayLabel}`}\n        {...props}\n      >\n        {displayLabel}\n      </div>\n    );\n  },\n);\n\nAgentStatus.displayName = \"AgentStatus\";\n\nexport interface ThinkingIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Thinking text */\n  children?: React.ReactNode;\n}\n\n/**\n * ThinkingIndicator - Shows when agent is thinking\n *\n * @example\n * ```tsx\n * {agent.thinking && (\n *   <ThinkingIndicator className=\"italic text-gray-600\">\n *     {agent.thinking}\n *   </ThinkingIndicator>\n * )}\n * ```\n */\nexport const ThinkingIndicator = React.forwardRef<\n  HTMLDivElement,\n  ThinkingIndicatorProps\n>(({ className, children, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      className={className}\n      data-thinking-indicator=\"\"\n      role=\"status\"\n      aria-live=\"polite\"\n      {...props}\n    >\n      {children}\n    </div>\n  );\n});\n\nThinkingIndicator.displayName = \"ThinkingIndicator\";\n\n/**\n * Format status for display\n */\nfunction formatStatus(status: AgentStatusType): string {\n  switch (status) {\n    case \"idle\":\n      return \"Idle\";\n    case \"thinking\":\n      return \"Thinking...\";\n    case \"tool_execution\":\n      return \"Using tools...\";\n    case \"streaming\":\n      return \"Responding...\";\n    case \"completed\":\n      return \"Completed\";\n    case \"error\":\n      return \"Error\";\n    default:\n      return String(status);\n  }\n}\n", "/**\n * Tool Primitives - Layer 2 (Unstyled)\n *\n * Primitives for displaying tool invocations and results.\n * Built on Radix UI patterns (shadcn-compatible).\n */\n\nimport * as React from \"react\";\nimport type { ToolCall } from \"../../types/agent.ts\";\n\nexport interface ToolInvocationProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Tool name */\n  name: string;\n\n  /** Tool arguments */\n  args?: Record<string, unknown>;\n\n  /** Tool status */\n  status?: ToolCall[\"status\"];\n\n  children?: React.ReactNode;\n}\n\n/**\n * ToolInvocation - Tool call display\n *\n * @example\n * ```tsx\n * <ToolInvocation\n *   name={tool.name}\n *   args={tool.args}\n *   status={tool.status}\n *   className=\"border-l-4 border-blue-500 pl-4\"\n * >\n *   <ToolResult result={tool.result} />\n * </ToolInvocation>\n * ```\n */\nexport const ToolInvocation = React.forwardRef<\n  HTMLDivElement,\n  ToolInvocationProps\n>(({ className, name, args, status, children, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      className={className}\n      data-tool-invocation=\"\"\n      data-tool-name={name}\n      data-status={status}\n      {...props}\n    >\n      <div data-tool-header=\"\">\n        <span data-tool-name=\"\">{name}</span>\n        {status && <span data-tool-status=\"\">({status})</span>}\n      </div>\n\n      {args && (\n        <div data-tool-args=\"\">\n          <pre>{JSON.stringify(args, null, 2)}</pre>\n        </div>\n      )}\n\n      {children}\n    </div>\n  );\n});\n\nToolInvocation.displayName = \"ToolInvocation\";\n\nexport interface ToolResultProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Tool result data */\n  result: unknown;\n\n  /** Custom renderer */\n  renderResult?: (result: unknown) => React.ReactNode;\n}\n\n/**\n * ToolResult - Tool result display\n *\n * @example\n * ```tsx\n * <ToolResult\n *   result={tool.result}\n *   className=\"mt-2 p-2 bg-gray-100 rounded\"\n * />\n * ```\n */\nexport const ToolResult = React.forwardRef<HTMLDivElement, ToolResultProps>(\n  ({ className, result, renderResult, ...props }, ref) => {\n    const content = renderResult ? renderResult(result) : JSON.stringify(result, null, 2);\n\n    return (\n      <div\n        ref={ref}\n        className={className}\n        data-tool-result=\"\"\n        {...props}\n      >\n        {typeof content === \"string\" ? <pre>{content}</pre> : content}\n      </div>\n    );\n  },\n);\n\nToolResult.displayName = \"ToolResult\";\n\nexport interface ToolListProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Tool calls to display */\n  toolCalls: ToolCall[];\n\n  /** Render each tool */\n  renderTool?: (toolCall: ToolCall) => React.ReactNode;\n}\n\n/**\n * ToolList - Display list of tool calls\n *\n * @example\n * ```tsx\n * <ToolList\n *   toolCalls={agent.toolCalls}\n *   className=\"space-y-2\"\n *   renderTool={(tool) => (\n *     <ToolInvocation {...tool}>\n *       <ToolResult result={tool.result} />\n *     </ToolInvocation>\n *   )}\n * />\n * ```\n */\nexport const ToolList = React.forwardRef<HTMLDivElement, ToolListProps>(\n  ({ className, toolCalls, renderTool, ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        className={className}\n        data-tool-list=\"\"\n        {...props}\n      >\n        {toolCalls.map((tool) =>\n          renderTool\n            ? <React.Fragment key={tool.id}>{renderTool(tool)}</React.Fragment>\n            : (\n              <ToolInvocation\n                key={tool.id}\n                name={tool.name}\n                args={tool.args}\n                status={tool.status}\n              >\n                {tool.result !== undefined && <ToolResult result={tool.result} />}\n              </ToolInvocation>\n            )\n        )}\n      </div>\n    );\n  },\n);\n\nToolList.displayName = \"ToolList\";\n"],
+  "mappings": "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",
+  "names": ["React", "jsx", "React", "jsx", "React", "jsx", "React", "jsx"]
+}