@mcp-b/react-components 0.55.0 → 0.56.0

package/dist/SessionCompaction-CmTJFpzj.d.ts

@@ -1,89 +0,0 @@
-import { ChatStatus, UIMessage } from "ai";
-
-//#region src/components/agents-sdk/SessionCompaction.d.ts
-type SessionStatusPhase = "idle" | "compacting";
-interface SessionStatusFrame {
-  phase: SessionStatusPhase;
-  /** Present on the idle frame that follows a successful compaction. */
-  compacted: boolean;
-  /**
-   * Session's own estimate for the history this frame describes, or null when
-   * the frame omits it or carries a non-finite value. Not provider-reported
-   * usage — never render it as an exact token count, and never feed it to the
-   * `Context` ring, which reads `metadata.usage`.
-   */
-  tokenEstimate: number | null;
-  /**
-   * The same estimate taken before the compaction this frame reports, from its
-   * `compacted` payload. Null on every other frame. Both numbers come from one
-   * estimator over one history, so their difference is a meaningful size even
-   * though neither is exact.
-   */
-  tokensBefore: number | null;
-}
-/**
- * Parse a raw websocket payload as a `cf_agent_session` status frame.
- * Returns null for every other frame on the connection.
- */
-declare function parseSessionStatusFrame(data: unknown): SessionStatusFrame | null;
-/**
- * Parse a raw websocket payload as a `cf_agent_session_error` frame,
- * returning its error text. Null for every other frame on the connection.
- */
-declare function parseSessionErrorFrame(data: unknown): string | null;
-/** The message-frame surface of a `useAgent` connection. */
-interface SessionFrameSource {
-  addEventListener(type: "message", listener: (event: MessageEvent) => void): void;
-  removeEventListener(type: "message", listener: (event: MessageEvent) => void): void;
-}
-interface UseSessionCompactionOptions<MessageT extends UIMessage> {
-  /** The conversation agent's `useAgent` connection. */
-  agent: SessionFrameSource;
-  /** The conversation's `useAgentChat` value (status + local view setter). */
-  chat: {
-    status: ChatStatus;
-    setMessages: (messages: MessageT[]) => void;
-  };
-  /** Server read used to reload the transcript after a compaction lands. */
-  getMessages: () => Promise<MessageT[]>;
-}
-/**
- * How much a landed compaction shortened the history, per Session's own
- * estimator. A UI may show the difference as an approximate size; it must not
- * present either number as exact usage.
- */
-interface SessionCompactionSize {
-  tokensBefore: number;
-  tokensAfter: number;
-}
-interface UseSessionCompactionResult {
-  compacting: boolean;
-  /**
-   * Size of the compaction that landed most recently on this connection, or
-   * null when none has landed or the frames carried no usable estimates. A new
-   * object per compaction, so a consumer can dismiss one acknowledgement by
-   * identity and still show the next. Cleared when the next compaction starts.
-   */
-  lastCompaction: SessionCompactionSize | null;
-  /**
-   * Set when the post-compaction transcript reload rejected — the local view
-   * is stale relative to the server until a retry succeeds. Surface it
-   * ("Transcript may be out of date"); the hook retries on the next status
-   * transition to `"ready"`.
-   */
-  reloadError: unknown;
-  /**
-   * Error text from the last `cf_agent_session_error` frame — the only signal
-   * a user who ran /compact gets when the server-side compaction itself fails
-   * (the phase just flips back to idle with no `compacted` payload). Cleared
-   * when the next compaction starts.
-   */
-  sessionError: string | null;
-}
-declare function useSessionCompaction<MessageT extends UIMessage>({
-  agent,
-  chat,
-  getMessages
-}: UseSessionCompactionOptions<MessageT>): UseSessionCompactionResult;
-//#endregion
-export { UseSessionCompactionOptions as a, parseSessionStatusFrame as c, SessionStatusPhase as i, useSessionCompaction as l, SessionFrameSource as n, UseSessionCompactionResult as o, SessionStatusFrame as r, parseSessionErrorFrame as s, SessionCompactionSize as t };

package/dist/components/agents-sdk/SessionCompaction.d.ts

@@ -1,2 +0,0 @@
-import { a as UseSessionCompactionOptions, c as parseSessionStatusFrame, i as SessionStatusPhase, l as useSessionCompaction, n as SessionFrameSource, o as UseSessionCompactionResult, r as SessionStatusFrame, s as parseSessionErrorFrame, t as SessionCompactionSize } from "../../SessionCompaction-CmTJFpzj.js";
-export { SessionCompactionSize, SessionFrameSource, SessionStatusFrame, SessionStatusPhase, UseSessionCompactionOptions, UseSessionCompactionResult, parseSessionErrorFrame, parseSessionStatusFrame, useSessionCompaction };

package/dist/components/agents-sdk/SessionCompaction.js

@@ -1,140 +0,0 @@
-import * as React from "react";
-//#region src/components/agents-sdk/SessionCompaction.ts
-/**
-* Client-side session-compaction plumbing for Think conversations.
-*
-* The Agents Session broadcasts `cf_agent_session` status frames to every
-* connected client: `phase` flips to `"compacting"` while a compaction runs
-* and back to `"idle"` when it settles, with a `compacted` payload on the
-* idle frame when an overlay was actually written. Think refreshes only its
-* server-side message cache after a compaction (`_syncMessages()` does not
-* push to clients), so a connected transcript keeps showing the uncompacted
-* history until its next `getMessages()`. `useSessionCompaction` closes that
-* gap: it tracks the live phase for a "Compacting context…" affordance and
-* reloads the transcript once a compaction lands — deferring the reload to
-* the end of the turn when one is streaming, so a mid-turn proactive
-* compaction never clobbers streamed state.
-*
-* Compose the command with `useAgentChatCompaction`: supply the app's
-* compaction callable, then place its command and notice explicitly.
-*
-* This module is the "local adapter … documented runtime-only mirror" that
-* docs/think-session-ui.md calls for: upstream exports no payload types or
-* client hook for these frames. The doc records the complete frame shapes;
-* this adapter consumes `phase`, the presence of `compacted`, the error string
-* of `cf_agent_session_error`, and the two estimates that size a landed
-* compaction (`tokenEstimate` and `compacted.tokensBefore`). Every field but
-* `phase` degrades to null rather than throwing, so an upstream field change
-* costs detail, never the UI. Per that doc, `tokenThreshold` is the
-* auto-compaction threshold, not the model context window — it stays unread
-* here, and neither estimate may drive the `Context` ring, which reads
-* provider-reported `metadata.usage`.
-*
-* @see ../../docs/think-session-ui.md
-* @see https://github.com/cloudflare/agents/blob/main/docs/agents/sessions.md#compaction
-*/
-/** Finite numbers only — an absent or malformed field degrades to null. */
-function finiteNumber(value) {
-	return typeof value === "number" && Number.isFinite(value) ? value : null;
-}
-/**
-* Parse a raw websocket payload as a `cf_agent_session` status frame.
-* Returns null for every other frame on the connection.
-*/
-function parseSessionStatusFrame(data) {
-	if (typeof data !== "string") return null;
-	let message;
-	try {
-		message = JSON.parse(data);
-	} catch {
-		return null;
-	}
-	if (typeof message !== "object" || message === null || !("type" in message) || message.type !== "cf_agent_session" || !("phase" in message) || message.phase !== "idle" && message.phase !== "compacting") return null;
-	const compacted = "compacted" in message && message.compacted != null ? message.compacted : null;
-	return {
-		phase: message.phase,
-		compacted: compacted !== null,
-		tokenEstimate: finiteNumber("tokenEstimate" in message ? message.tokenEstimate : void 0),
-		tokensBefore: typeof compacted === "object" && compacted !== null && "tokensBefore" in compacted ? finiteNumber(compacted.tokensBefore) : null
-	};
-}
-/**
-* Parse a raw websocket payload as a `cf_agent_session_error` frame,
-* returning its error text. Null for every other frame on the connection.
-*/
-function parseSessionErrorFrame(data) {
-	if (typeof data !== "string") return null;
-	let message;
-	try {
-		message = JSON.parse(data);
-	} catch {
-		return null;
-	}
-	if (typeof message !== "object" || message === null || !("type" in message) || message.type !== "cf_agent_session_error" || !("error" in message) || typeof message.error !== "string") return null;
-	return message.error;
-}
-function useSessionCompaction({ agent, chat, getMessages }) {
-	const [compacting, setCompacting] = React.useState(false);
-	const [refreshPending, setRefreshPending] = React.useState(false);
-	const [reloadError, setReloadError] = React.useState(null);
-	const [sessionError, setSessionError] = React.useState(null);
-	const [lastCompaction, setLastCompaction] = React.useState(null);
-	React.useEffect(() => {
-		setCompacting(false);
-		setSessionError(null);
-		setRefreshPending(false);
-		setReloadError(null);
-		setLastCompaction(null);
-		const onMessage = (event) => {
-			const frame = parseSessionStatusFrame(event.data);
-			if (frame) {
-				setCompacting(frame.phase === "compacting");
-				if (frame.phase === "compacting") {
-					setSessionError(null);
-					setLastCompaction(null);
-				}
-				if (frame.compacted) {
-					setRefreshPending(true);
-					setLastCompaction(frame.tokensBefore !== null && frame.tokenEstimate !== null ? {
-						tokensAfter: frame.tokenEstimate,
-						tokensBefore: frame.tokensBefore
-					} : null);
-				}
-				return;
-			}
-			const error = parseSessionErrorFrame(event.data);
-			if (error !== null) {
-				setCompacting(false);
-				setSessionError(error);
-			}
-		};
-		agent.addEventListener("message", onMessage);
-		return () => agent.removeEventListener("message", onMessage);
-	}, [agent]);
-	const { status, setMessages } = chat;
-	React.useEffect(() => {
-		if (!refreshPending || status !== "ready") return;
-		let stale = false;
-		getMessages().then((messages) => {
-			if (stale) return;
-			setRefreshPending(false);
-			setReloadError(null);
-			setMessages(messages);
-		}, (error) => {
-			if (stale) return;
-			console.error("Transcript reload after compaction failed", error);
-			setReloadError(error);
-		});
-		return () => {
-			stale = true;
-		};
-	}, [refreshPending, status]);
-	return {
-		compacting,
-		lastCompaction,
-		reloadError,
-		sessionError
-	};
-}
-//#endregion
-export { parseSessionErrorFrame, parseSessionStatusFrame, useSessionCompaction };

package/dist/{icons-cuEtsgj9.js → icons-CeGfXO21.js}

@@ -1,7 +1,7 @@
 import { t as cx } from "./class-names-BiMDVpUo.js";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Archive, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, ArrowUpRight, Bookmark, Box, Brain, CalendarDays, Check, ChevronDown, ChevronRight, CircleStop, CodeXml, Copy, Dot, Download, Ellipsis, Eye, EyeOff, File, Folder, FolderOpen, Info, Keyboard, Link2, ListRestart, LoaderCircle, Mail, Maximize2, MessageSquare, Mic, Minus, Monitor, Moon, PanelLeft, Paperclip, Pause, Pencil, Play, Plus, RefreshCw, Search, Square, Sun, Target, Terminal, Trash2, TriangleAlert, User, Wrench, X } from "lucide-react";
 import { SiDiscord, SiModelcontextprotocol } from "react-icons/si";
-import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/_internal/icons.tsx
 function icon(Component) {
 	return function DesignSystemIcon({ size = 16, strokeWidth = 1.75, ...props }) {