@itechchoice/prime-chatkit 0.1.0-alpha.1 → 0.1.0-alpha.2

package/dist/types/components/agent-thread.d.ts

@@ -312,6 +312,7 @@ declare function threadDefaults(locale: string): {
         message: string;
         voiceInput: string;
         sendMessage: string;
+        stop: string;
         discardRecording: string;
         useRecording: string;
         connectApps: string;
@@ -539,6 +540,7 @@ declare const defaultLabels: {
         message: string;
         voiceInput: string;
         sendMessage: string;
+        stop: string;
         discardRecording: string;
         useRecording: string;
         connectApps: string;
@@ -721,8 +723,10 @@ declare function UserMessage({ message: m, labels, onRetry }: {
 }): import("react").JSX.Element;
 /** The orchestrator's: plain text on the page under its mark, with its cards, tools and files in between */
 declare const ThreadLinkContext: import("react").Context<((href: string, event: MouseEvent<HTMLAnchorElement>) => void) | undefined>;
-declare function AgentMessage({ message: m, clock, orchestratorAvatar, first, now, labels, askState, onTask, onAsk, onRetry, onCopy, onRegenerate, onFeedback, feedbackReasons, }: {
+declare function AgentMessage({ message: m, status, phase, clock, orchestratorAvatar, first, now, labels, askState, onTask, onAsk, onRetry, onCopy, onRegenerate, onFeedback, feedbackReasons, }: {
     message: ThreadAgentMessage;
+    status?: ReactNode;
+    phase?: "working" | "writing" | "done";
     clock: Intl.DateTimeFormat;
     orchestratorAvatar?: string;
     first: boolean;

package/dist/types/components/ui/chat-composer-clean.d.ts

@@ -50,6 +50,7 @@ export declare const defaultChatComposerLabels: {
     message: string;
     voiceInput: string;
     sendMessage: string;
+    stop: string;
     discardRecording: string;
     useRecording: string;
     connectApps: string;
@@ -66,6 +67,8 @@ export declare const defaultChatComposerLabels: {
 };
 export type ChatComposerLabels = typeof defaultChatComposerLabels;
 export type ChatComposerProps = {
+    running?: boolean;
+    onStop?: () => void;
     sendDisabled?: boolean;
     labels?: Partial<ChatComposerLabels>;
     placeholder?: string;
@@ -112,4 +115,4 @@ export type ChatComposerProps = {
 export declare const defaultFolders: string[];
 export declare const defaultApps: ChatApp[];
 export declare const defaultModels: ChatModel[];
-export declare function ChatComposer({ sendDisabled, placeholder, disabled, labels: labelProp, models, dictation, onSend, onModelChange, onAttach, addItems, voice, approval: firstApproval, onApprovalChange, onLearnMore, folders, folder: firstFolder, onFolderChange, apps, connectedApps, onAppsChange, foot, tray, }: ChatComposerProps): import("react").JSX.Element;
+export declare function ChatComposer({ running, onStop, sendDisabled, placeholder, disabled, labels: labelProp, models, dictation, onSend, onModelChange, onAttach, addItems, voice, approval: firstApproval, onApprovalChange, onLearnMore, folders, folder: firstFolder, onFolderChange, apps, connectedApps, onAppsChange, foot, tray, }: ChatComposerProps): import("react").JSX.Element;

package/dist/types/components/ui/command-menu-clean.d.ts

@@ -51,7 +51,9 @@ export type CommandMenuProps = {
     ask?: boolean;
     hotkey?: boolean;
     labels?: Partial<CommandMenuLabels>;
+    /** Fill the parent height and scroll results within the remaining space. */
+    fill?: boolean;
 };
 /** Sample commands – replace with your own */
 export declare const defaultGroups: CommandGroup[];
-export declare function CommandMenu({ groups, placeholder, onAction, onEditSubmit, onEditCancel, ask, hotkey, labels: labelOverrides, onRun, onClose, autoFocus, className, }: CommandMenuProps): import("react").JSX.Element;
+export declare function CommandMenu({ groups, placeholder, onAction, onEditSubmit, onEditCancel, ask, hotkey, labels: labelOverrides, fill, onRun, onClose, autoFocus, className, }: CommandMenuProps): import("react").JSX.Element;

package/dist/types/components/ui/thinking-loader-clean.d.ts

@@ -0,0 +1,19 @@
+export type ThinkingLoaderProps = {
+    /** Labels to walk through, one after another */
+    phases?: string[];
+    /** Time per phase, in ms */
+    interval?: number;
+    /** Show a specific phase instead of advancing on a timer – e.g. from your stream events */
+    phase?: number;
+    /** Start over after the last phase instead of holding it */
+    loop?: boolean;
+    /** Finished: the spinner turns into a check and the label into doneLabel */
+    done?: boolean;
+    /** Label once done – a string, or a function that gets the seconds since the loader started */
+    doneLabel?: string | ((seconds: number) => string);
+    size?: "sm" | "md";
+    /** "pill" = bordered capsule, "plain" = just the spinner and the label, e.g. inside a chat bubble */
+    variant?: "pill" | "plain";
+    className?: string;
+};
+export declare function ThinkingLoader({ phases: phasesProp, interval: intervalProp, phase, loop, done, doneLabel, size, variant, className, }: ThinkingLoaderProps): import("react").JSX.Element;

package/dist/types/ui/blocks/BlocksPanel.d.ts

@@ -7,6 +7,8 @@ import { type OlderMessages } from "./useFollowLatest";
 import { type GetAttachmentUrls } from "./useAttachmentDownload";
 export type BlocksPanelProps = {
     messages: ChatMessage[];
+    loading?: boolean;
+    title?: string;
     history?: {
         sessions?: ControllerState["sessions"];
         currentId?: string;
@@ -51,6 +53,7 @@ export type BlocksPanelProps = {
     onSend: (text: string, attachments: UploadedAttachment[]) => void;
     onStop?: () => void;
     onNewChat?: () => void;
+    layout?: "split" | "float";
     onToggleLayout?: () => void;
     onClose?: () => void;
     onCreditsClick?: () => void;
@@ -67,4 +70,4 @@ export type BlocksPanelProps = {
     };
     getAttachmentUrls?: GetAttachmentUrls;
 };
-export declare function BlocksPanel({ messages, history, start, availability, provisioning, older, suspension, onAnswerSuspension, onCancelSuspension, error, locale, credits, branding, onSend, onStop, onNewChat, onToggleLayout, onClose, onCreditsClick, onHeaderPointerDown, processView, onRegenerate, onFeedback, onNavigate, upload, attachmentLimits, getAttachmentUrls, className }: BlocksPanelProps): import("react").JSX.Element;
+export declare function BlocksPanel({ messages, loading, title, history, start, availability, provisioning, older, suspension, onAnswerSuspension, onCancelSuspension, error, locale, credits, branding, onSend, onStop, onNewChat, layout, onToggleLayout, onClose, onCreditsClick, onHeaderPointerDown, processView, onRegenerate, onFeedback, onNavigate, upload, attachmentLimits, getAttachmentUrls, className }: BlocksPanelProps): import("react").JSX.Element;

package/dist/types/ui/blocks/LiveStatus.d.ts

@@ -0,0 +1,9 @@
+import type { Run } from "../../core/types";
+import type { BlocksCopy, ThreadCopy } from "../i18n";
+/** The prototype's phase precedence, preferring concise tool names for the live status. */
+export declare function phaseLabel(run: Run, live: BlocksCopy["live"], copy: ThreadCopy): string;
+export declare function LiveStatus({ run, live, copy }: {
+    run: Run;
+    live: BlocksCopy["live"];
+    copy: ThreadCopy;
+}): import("react").JSX.Element | null;

package/dist/types/ui/i18n.d.ts

@@ -26,8 +26,13 @@ export declare function threadLabelsFor(locale?: string): {
 export type PanelCopy = {
     credits: (balance: number, locale: string) => string;
     history: string;
+    backToChat: string;
+    historyTitle: string;
+    loadingSession: string;
     newChat: string;
     switchLayout: string;
+    layoutFloat: string;
+    layoutSplit: string;
     close: string;
     placeholder: string;
     unavailable: string;
@@ -82,6 +87,14 @@ export declare function historyLabelsFor(locale?: string): Partial<import("../co
 import { type AIAnswerLabels } from "../components/ui/ai-answer-clean";
 import { type DropzoneLabels } from "../components/ui/dropzone-clean";
 export type BlocksCopy = {
+    live: {
+        ready: string;
+        thinking: string;
+        tool: (name: string) => string;
+        writing: string;
+        waiting: string;
+        working: string;
+    };
     attachments: {
         dropzone: DropzoneLabels;
         collapse: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itechchoice/prime-chatkit",
-  "version": "0.1.0-alpha.1",
+  "version": "0.1.0-alpha.2",
   "description": "PrimeChatKit: React chat UI for products built on the prime-chatkit SDK BFF contract. Shows the agent's work: thinking, tool calls, approvals, sources and cost.",
   "license": "UNLICENSED",
   "publishConfig": {