Agent Studio and Agentic mode

npm i @webless/agent

import { useAgentChat } from "@webless/agent/react";

export function AgentChat() {
  const { state, submit } = useAgentChat({
    indexId: "YOUR_INDEX_ID",
    customerId: "YOUR_ORGANIZATION_ID",
    runtimeOrigin: "https://runtime.webless.ai",
  });

  return (
    <div>
      {state.messages.map((message) => (
        <p key={message.id}>{message.text}</p>
      ))}
      {state.streamingText ? <p>{state.streamingText}</p> : null}
      <button type="button" onClick={() => submit("How does this work?")}>
        Ask
      </button>
    </div>
  );
}

import { createAgentClient } from "@webless/agent";

const agent = createAgentClient({
  indexId: "YOUR_INDEX_ID",
  customerId: "YOUR_ORGANIZATION_ID",
  runtimeOrigin: "https://runtime.webless.ai",
});

await agent.sendTurn("How does this work?", {
  handlers: {
    onDelta(text) {
      // append streamed text
    },
  },
});