Recommendation Card

Agent suggestion with a confidence meter and actions.

Installation

bun add elia

@import "tailwindcss";
@import "@aile.sh/elia/styles/elia.css";
@source "../node_modules/@aile.sh/elia";

Usage

import { RecommendationCard } from "@aile.sh/elia";

export function Example() {
  return (
    <RecommendationCard
      prompt="Scale this deployment before launch?"
      options={[
        {
          key: "scale-up",
          body: <>Add two replicas to <code>api-gateway</code> ahead of the launch window.</>,
          short: "Add two replicas to api-gateway",
          signal: 3,
          tone: "green",
          label: "High confidence",
          cta: "Accept",
        },
        {
          key: "hold",
          body: <>Hold at current capacity and re-check traffic after the weekend.</>,
          short: "Hold at current capacity",
          signal: 1,
          tone: "orange",
          label: "Needs review",
          cta: "Configure",
        },
      ]}
      onAccept={(key) => console.log("accepted", key)}
      onSelect={(key) => console.log("promoted", key)}
    />
  );
}

— elia design system · MIT · primitives · https://github.com/aile-sh/elia