@assistant-ui/react-ink#

npm install @assistant-ui/react-ink ink react

import { render } from "ink";
import { Box, Text } from "ink";
import {
  AssistantProvider,
  useLocalRuntime,
  ThreadRoot,
  ThreadMessages,
  ComposerInput,
  type ChatModelAdapter,
} from "@assistant-ui/react-ink";

const myAdapter: ChatModelAdapter = {
  async *run({ messages }) {
    // your AI backend here
    yield { content: [{ type: "text", text: "Hello from AI!" }] };
  },
};

function App() {
  const runtime = useLocalRuntime(myAdapter);

  return (
    <AssistantProvider runtime={runtime}>
      <ThreadRoot>
        <ThreadMessages
          renderMessage={({ message }) => (
            <Box marginBottom={1}>
              <Text>
                {message.content
                  .filter((p) => p.type === "text")
                  .map((p) => p.text)
                  .join("")}
              </Text>
            </Box>
          )}
        />
        <ComposerInput submitOnEnter placeholder="Message..." autoFocus />
      </ThreadRoot>
    </AssistantProvider>
  );
}

render(<App />);