inline-chat-kit 0.57.0 → 0.58.0

package/dist/ChatInput/ChatInput.d.ts

@@ -113,6 +113,16 @@ export interface ChatInputProps {
     onEdit?: (value: string) => void;
     onCancelEdit?: () => void;
     isEditing?: boolean;
+    /**
+     * An answer is still arriving somewhere else.
+     *
+     * The composer stays open to type into and closed to send from: Enter does
+     * nothing, and the send glyph is a stop — the one control that means
+     * anything while an answer is in flight — if there is an `onStop`, and
+     * disabled if there is not. For the composer that stays at the bottom while
+     * the answer it asked for is written above it.
+     */
+    busy?: boolean;
     placeholder?: string;
     /**
      * What the "+" opens. Left out, the built-in three — Add, Design,

package/dist/ChatTurnRow/ChatTurnRow.d.ts

@@ -35,6 +35,13 @@ export interface ChatTurnRowProps {
     entranceDelay?: number;
     /** Passed through to the highlighter over the answer. */
     selectionMode?: "marker" | "precise";
+    /**
+     * Whether the answer can be marked. `false` draws it as plain prose — no
+     * marker layer, nothing in the tab order, no cursor of its own — and
+     * `onHighlight` and `onReplyInThread` are never called. See
+     * `TextHighlighter`.
+     */
+    highlights?: boolean;
     /**
      * Passed through to the composer. Given, this row's live input offers a
      * microphone; left out, it does not. See `ChatInput`.
@@ -60,6 +67,12 @@ export interface ChatTurnRowProps {
     onDraft?: (id: string, value: string) => void;
     onSubmit?: (id: string, value: string, attachments: Attachment[]) => void;
     onStop?: () => void;
+    /**
+     * An answer is arriving in another turn. Passed to this row's composer,
+     * which stays open to type into and offers a stop instead of a send. See
+     * `ChatInput`.
+     */
+    busy?: boolean;
     onEdit?: (id: string) => void;
     onCancelEdit?: (id: string) => void;
     /** Defaults to writing to the clipboard. */
@@ -132,4 +145,4 @@ export interface ChatTurnRowProps {
     labels?: ChatLabels;
     className?: string;
 }
-export declare const ChatTurnRow: import('react').MemoExoticComponent<({ turn, isActiveInput, inputRef, placeholder, animationConfig, foldMotion, openArtifactId, onOpenArtifact, onArtifactChange, entranceDelay, selectionMode, questionAlign, onDraft, onSubmit, onStop, onEdit, onCancelEdit, onCopy, onHighlight, onReplyInThread, onRegenerate, onShowVersion, onFeedback, feedback, answerActions, onAnswerQuestion, onEditQuestion, onDecideApproval, renderPart, composerMenu, labels, className, onTranscribe, }: ChatTurnRowProps) => import("react").JSX.Element>;
+export declare const ChatTurnRow: import('react').MemoExoticComponent<({ turn, isActiveInput, inputRef, placeholder, animationConfig, foldMotion, openArtifactId, onOpenArtifact, onArtifactChange, entranceDelay, selectionMode, highlights, questionAlign, onDraft, onSubmit, onStop, busy, onEdit, onCancelEdit, onCopy, onHighlight, onReplyInThread, onRegenerate, onShowVersion, onFeedback, feedback, answerActions, onAnswerQuestion, onEditQuestion, onDecideApproval, renderPart, composerMenu, labels, className, onTranscribe, }: ChatTurnRowProps) => import("react").JSX.Element>;

package/dist/Conversation/Conversation.d.ts

@@ -83,6 +83,17 @@ export interface ConversationProps extends HTMLAttributes<HTMLDivElement> {
     tail?: "auto" | number;
     /** Switch the whole thing off and it is a plain scroll container. */
     follow?: boolean;
+    /**
+     * The last child is a dock.
+     *
+     * Pinned to the bottom edge while the content is shorter than the view, and
+     * held there while it is longer — the composer of a chat that keeps it at
+     * the bottom rather than at the end of the conversation. It is still
+     * content: the end of the scroll is still the last turn's end, and what is
+     * under it scrolls under it, which is what lets that composer become a
+     * bubble in the conversation without being moved between two trees.
+     */
+    dock?: boolean;
     /**
      * For the element that actually scrolls, which is not the one `className`
      * lands on.

package/dist/TextHighlighter/TextHighlighter.d.ts

@@ -2,6 +2,17 @@ import { default as React } from 'react';
 import { Source } from '../Sources/Sources';
 export interface TextHighlighterProps {
     text: string;
+    /**
+     * Whether the answer can be marked at all.
+     *
+     * `false` draws the answer and nothing else: no marker layer, no menu, no
+     * keyboard affordance, no cursor of its own — the text is text, selectable
+     * and copyable the way any page's is. For a product that has no use for
+     * highlights, which should not have to see them switched off in its own
+     * interface. Everything else the component draws — markdown, code blocks,
+     * citations — is unchanged, because that is the answer itself.
+     */
+    marking?: boolean;
     selectionMode?: "marker" | "precise";
     onHighlightComplete?: (highlightedText: string) => void;
     onReplyInThread?: (text: string, rect: DOMRect) => void;
@@ -14,4 +25,4 @@ export interface TextHighlighterProps {
     sources?: Source[];
     onSelectSource?: (index: number, source?: Source) => void;
 }
-export declare function TextHighlighter({ text, selectionMode, onHighlightComplete, onReplyInThread, sources, onSelectSource, }: TextHighlighterProps): React.JSX.Element;
+export declare function TextHighlighter({ text, marking, selectionMode, onHighlightComplete, onReplyInThread, sources, onSelectSource, }: TextHighlighterProps): React.JSX.Element;

package/dist/demo/ChatExperienceDemo.d.ts

@@ -26,5 +26,8 @@ export interface ChatExperienceDemoProps {
     foldMotion?: FoldMotion;
     feedDelay?: number;
     introMotion?: IntroMotion;
+    /** Where the composer starts. See `ChatExperience`. A header action
+        switches it either way, so both can be tried on one page. */
+    composer?: "inline" | "docked";
 }
-export declare function ChatExperienceDemo({ logo, back, backHref, backLabel, skipIntro, theme, onThemeChange, cursor, animationConfig, foldMotion, feedDelay, introMotion, }: ChatExperienceDemoProps): import("react").JSX.Element;
+export declare function ChatExperienceDemo({ logo, back, backHref, backLabel, skipIntro, theme, onThemeChange, cursor, animationConfig, foldMotion, feedDelay, introMotion, composer: initialComposer, }: ChatExperienceDemoProps): import("react").JSX.Element;