Function MCPAppResource

packages/ai-react/src/mcp-app-resource.tsx:39–88

(props: MCPAppResourceProps)

}

export function MCPAppResource(props: MCPAppResourceProps): JSX.Element {
  const { bridge } = props
  return (
    <AppRenderer
      toolName={props.part.toolName}
      sandbox={props.sandbox}
      html={props.part.resource.text}
      toolResourceUri={props.part.resource.uri}
      toolInput={props.toolInput}
      onCallTool={
        bridge
          ? async ({ name, arguments: args }) => {
              const result = await bridge.callTool({
                serverId: props.part.serverId,
                toolName: name,
                args,
              })
              const structuredContent = isRecord(result) ? result : undefined
              return {
                content: [
                  {
                    type: 'text' as const,
                    text: resultToText(result),
                  },
                ],
                structuredContent,
              }
            }
          : undefined
      }
      onMessage={
        bridge
          ? async ({ content }) => {
              const text = content
                .filter(
                  (c): c is { type: 'text'; text: string } => c.type === 'text',
                )
                .map((c) => c.text)
                .join('')
              if (text) await bridge.sendPrompt(text)
              return {}
            }
          : undefined
      }
      onOpenLink={
        bridge ? ({ url }) => Promise.resolve(bridge.openLink(url)) : undefined
      }
    />
  )
}