Chat

Tabbed chat panel with reasoning replies and a composer.

Installation

bun add elia

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

Usage

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

export function Example() {
  return (
    <ChatComposer
      tabs={["Deploys", "Incidents"]}
      messages={[
        { role: "user", text: "Why did the 3pm deploy fail?" },
        {
          role: "agent",
          label: "Build Logs",
          sub: "CI Pipeline",
          time: "6s",
          text: "The type-check step failed on two files touched in the last commit.",
        },
        {
          role: "agent",
          label: "Suggestion",
          text: "Revert commit a41f2c or patch the two type errors before retrying.",
        },
      ]}
      placeholder="Ask about a deploy…"
      onSend={(text) => console.log("send", text)}
    />
  );
}

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