agentic-ui-kit 0.2.0 → 0.3.0

package/dist/types/react/src/views/chat-transcript.d.ts

@@ -0,0 +1,27 @@
+import type { Message, Part } from "../../../core/src/index.js";
+import { type ReactNode } from "react";
+import { type WidgetHost } from "../components/widget-frame";
+import { type Density } from "./chat-view";
+export interface ChatTranscriptProps {
+    messages: Message[];
+    renderPart?: (part: Part) => ReactNode;
+    /** What widgets may load and how their links open. Widgets here cannot send messages or call tools. */
+    widgets?: Omit<WidgetHost, "onPrompt" | "onCallTool">;
+    /** Above the conversation, e.g. a ChatHeader with the title and who shared it. */
+    header?: ReactNode;
+    /** Atop the conversation, scrolling with it: who shared it and what it is. E.g. a ChatNotice. */
+    notice?: ReactNode;
+    /** Pinned under the last message, e.g. "Continue this chat" or "Shared snapshot, may be out of date". */
+    footer?: ReactNode;
+    /** Where reading starts. Default "top", the start of the conversation. */
+    start?: "top" | "bottom";
+    density?: Density;
+    contentWidth?: string;
+    contentPadding?: string;
+    className?: string;
+}
+/**
+ * A conversation to read, not to continue: a shared chat, an export, a log. Same messages as ChatView,
+ * with no composer, approvals, retry, edit or feedback. Copy stays.
+ */
+export declare function ChatTranscript({ messages, renderPart, widgets, header, notice, footer, start, density, contentWidth, contentPadding, className, }: ChatTranscriptProps): import("react").JSX.Element;

package/dist/types/react/src/views/chat-view.d.ts

@@ -1,9 +1,16 @@
 import type { Message, Part } from "../../../core/src/index.js";
-import { type ReactNode } from "react";
+import { type CSSProperties, type ReactNode } from "react";
 import type { PendingApproval } from "../hooks/use-chat";
 import { type ComposerProps } from "../components/composer";
 import type { Feedback } from "../components/messages";
+import { type WidgetHost } from "../components/widget-frame";
 export type Density = "full" | "panel" | "inline";
+/**
+ * Column defaults per density; `contentWidth` / `contentPadding` override them. Only the message size changes
+ * with density: UI text is the same in all three. A theme can set the other text-size variables per density
+ * with `[data-chat-density="panel"] { --chat-ui-font-size: … }`.
+ */
+export declare const densityVars: Record<Density, CSSProperties>;
 export interface ChatViewProps {
     messages: Message[];
     busy?: boolean;
@@ -16,6 +23,12 @@ export interface ChatViewProps {
     onEdit?: (userId: string) => void;
     onFeedback?: (assistantId: string, feedback: Feedback) => void;
     renderPart?: (part: Part) => ReactNode;
+    /**
+     * What widgets (sandboxed visuals) may do: the domains they may load, and their callbacks. A widget's
+     * sendPrompt sends through `onSend` and its links open in a new tab unless set here; set a callback to
+     * `undefined` to turn it off.
+     */
+    widgets?: WidgetHost;
     /** Usually a `<ChatHeader>`. */
     header?: ReactNode;
     /** Passed to the composer: toolbar slots, placeholder, controlled text. */
@@ -36,7 +49,7 @@ export interface ChatViewProps {
     className?: string;
 }
 /** A whole chat: header, the conversation, the docked composer. An empty chat shows `emptyState`. */
-export declare function ChatView({ messages, busy, onSend, onStop, approvals, onApprove, onRetry, onEdit, onFeedback, renderPart, header, composer, emptyState, disclaimer, density, contentWidth, contentPadding, className, }: ChatViewProps): import("react").JSX.Element;
+export declare function ChatView({ messages, busy, onSend, onStop, approvals, onApprove, onRetry, onEdit, onFeedback, renderPart, widgets, header, composer, emptyState, disclaimer, density, contentWidth, contentPadding, className, }: ChatViewProps): import("react").JSX.Element;
 export interface EmptyStateProps {
     /** "Good evening, Alex". */
     greeting: ReactNode;