@fungi.computer/chat

React + Jotai client for @shiit/coding-agent. Renders the agent timeline (messages, tool calls, file ops) and exposes a transport-agnostic store you can wire to any AgentSessionServer.

Install

npm install @fungi.computer/chat

react, react-dom, and @shiit/coding-agent are peer or runtime deps — install them too.

Usage

import {
  ChatInput,
  ChatMessage,
  MarkdownRenderer,
  chatStore,
  connectToSession,
  sendAbort,
} from "@fungi.computer/chat";
import {
  AgentSessionClient,
  WebSocketClientTransport,
} from "@shiit/coding-agent/client";

const client = new AgentSessionClient(
  new WebSocketClientTransport({ url: "wss://api.example.com/agent" }),
);

await connectToSession(client, { sessionId: "abc123" });

// Render the timeline
function Timeline() {
  const messages = useAtomValue(chatStore.timeline);
  return messages.map((m) => <ChatMessage key={m.id} message={m} />);
}

Exports

Components

Export	Purpose
ChatInput	Message input + send. Handles IME, paste, attachments.
ChatMessage	Renders a single message (user / assistant / tool).
MarkdownRenderer	GFM markdown with syntax highlighting.

Themes

Export	Purpose
vanillaMilkshake	Prism theme for code blocks.

Store

Re-exported from ./store:

Export	Purpose
chatStore	Jotai atoms for the timeline, status, input.
connectToSession	Wire a client to the store, start streaming.
disconnectSession	Tear down the connection.
sendAbort	Cancel the current run.
sendCompact	Request a context-compaction pass.
agentConnectedAtom	Read-only: is the client connected?
agentSessionIdAtom	Read-only: current session id.
agentStatusAtom	Read-only: idle | running | compacting.
agentTimelineAtom	Read-only: full timeline array.

Related

• @shiit/coding-agent — the agent runtime this client talks to. Client transports (WebSocketClientTransport, InMemoryClientTransport) live in the @shiit/coding-agent/client subpath export.
• fungi.computer — the multi-tenant product that uses this client.

License

MIT