Feedback

Thumbs up or down on an agent answer, with an optional comment, for evaluating agents.

Installation

Once per app, set up Aedis UI. The CLI verifies the signed release before writing anything and pins every dependency:

npx @aedis/cli@0.1.0 init

Import the theme once in your global CSS, after Tailwind:

app/globals.css
@import "tailwindcss";@import "./styles/aedis-theme.css";

Then add the component:

npx @aedis/cli@0.1.0 add feedback# pnpm dlx @aedis/cli@0.1.0 add feedback · yarn dlx @aedis/cli@0.1.0 add feedback · bunx @aedis/cli@0.1.0 add feedback

Props

PropTypeDefaultDescription
messageIdstring—The answer being rated, from the app; never typed by the person.
endpointstring—Same-origin path; receives { messageId, rating, comment? } through api().
maxLengthnumber1000Longest comment.
labelsPartial<FeedbackLabels>—Every string, in the dictionary.

Security

  • Sent through api(): same-origin, X-Requested-With, redirects refused.
  • The comment is bounded and has hidden characters removed.
  • The message id comes from the app, so nobody can rate an answer they did not see by typing its id.