agentic-ui-kit 0.4.0 → 0.5.1

package/dist/types/react/src/primitives/icons.d.ts

@@ -75,6 +75,13 @@ export interface ChatIcons {
     file: ReactNode;
     /** Remove an attachment. */
     remove: ReactNode;
+    /**
+     * Left of the thinking / tool-steps summary while the model works, e.g. your logo animating. None by
+     * default.
+     */
+    activity?: ReactNode;
+    /** The same spot once the steps are done, e.g. the logo at rest. None by default. */
+    activityDone?: ReactNode;
 }
 /** Lucide icons, plus the claude.ai caret. Unsized: the places that show them size them with CSS. */
 export declare const defaultIcons: ChatIcons;

package/dist/types/react/src/primitives/labels.d.ts

@@ -175,10 +175,17 @@ export interface ChatLabels {
     effortNote: string;
     /** Badge on the recommended effort. */
     recommended: string;
+    /** Ends of the effort slider. */
+    effortFaster: string;
+    effortSmarter: string;
     /** Submenu item and list name. */
     moreModels: string;
     /** Accessible name of a widget without a title. */
     widget: string;
+    /** Link left where a visual was, once a later reply updated it. */
+    visualUpdated: string;
+    /** Under a visual while its update streams. */
+    visualUpdating: string;
     /** Loading line while a widget streams and the model gave none. */
     drawingWidget: string;
 }

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

@@ -44,6 +44,11 @@ export interface ChatViewProps {
     emptyState?: (composer: ReactNode) => ReactNode;
     /** Small print under the composer. */
     disclaimer?: ReactNode;
+    /**
+     * Wraps the composer, on the empty screen and docked under the chat, to put things outside its box:
+     * buttons above or beside it, a row of chips under it. `where` says which of the two it is.
+     */
+    renderComposer?: (composer: ReactNode, where: "empty" | "docked") => ReactNode;
     /** "full": a page. "panel": a docked side panel. "inline": a small area inside a form. */
     density?: Density;
     /** Width of the message column, e.g. "48rem". Users can change it in settings. */
@@ -53,11 +58,14 @@ 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, onReadAloud, messageActions, renderPart, widgets, 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, onReadAloud, messageActions, renderPart, widgets, header, composer, emptyState, disclaimer, renderComposer, density, contentWidth, contentPadding, className, }: ChatViewProps): import("react").JSX.Element;
 export interface EmptyStateProps {
     /** "Good evening, Alex". */
     greeting: ReactNode;
-    /** Mark left of the greeting, e.g. a logo. */
+    /**
+     * Mark left of the greeting, e.g. a logo. Its currentColor is --chat-empty-icon (default the accent), for
+     * one-color marks; a multi-color logo sets its own fills.
+     */
     icon?: ReactNode;
     /** The centered composer. */
     children: ReactNode;

package/dist/types/react/src/views/sidebar.d.ts

@@ -2,6 +2,8 @@ import type { ReactNode } from "react";
 export interface SidebarProps {
     /** Name or logo at the top left; hidden when collapsed. */
     brand?: ReactNode;
+    /** A logo mark left of `brand`, sized 1.25rem. It stays at the top of the collapsed rail. */
+    brandIcon?: ReactNode;
     /** Buttons at the top right next to the collapse toggle, e.g. a mode switch. */
     headerActions?: ReactNode;
     /** Fixed items under the header: New chat, Search, Projects… (`SidebarItem`s). */
@@ -13,7 +15,7 @@ export interface SidebarProps {
     className?: string;
 }
 /** The claude.ai sidebar frame. Collapses to an icon rail inside `AppShell`; a drawer on phones. */
-export declare function Sidebar({ brand, headerActions, nav, children, footer, className }: SidebarProps): import("react").JSX.Element;
+export declare function Sidebar({ brand, brandIcon, headerActions, nav, children, footer, className }: SidebarProps): import("react").JSX.Element;
 export interface SidebarItemProps {
     icon: ReactNode;
     label: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agentic-ui-kit",
-  "version": "0.4.0",
+  "version": "0.5.1",
   "description": "React UI kit for LLM chat and agentic apps: streaming messages, tool calls, approvals, themable with CSS variables.",
   "license": "MIT",
   "type": "module",