@pikku/assistant-ui 0.12.6 → 0.12.8

package/dist/esm/index.d.ts

@@ -1,4 +1,4 @@
-export { usePikkuAgentRuntime, usePikkuAgentNonStreamingRuntime, PikkuApprovalContext, usePikkuApproval, convertDbMessages, isDeniedResult, resolvePikkuToolStatus, } from './use-pikku-agent-runtime.js';
+export { usePikkuAgentRuntime, PikkuApprovalContext, usePikkuApproval, convertDbMessages, isDeniedResult, resolvePikkuToolStatus, } from './use-pikku-agent-runtime.js';
 export type { PikkuAgentRuntimeOptions, PendingApproval, PikkuApprovalContextValue, PikkuToolStatusType, PikkuToolStatus, MissingCredentialPayload, } from './use-pikku-agent-runtime.js';
 export { PikkuAgentChat } from './pikku-agent-chat.js';
 export type { PikkuAgentChatProps } from './pikku-agent-chat.js';

package/dist/esm/index.js

@@ -1,4 +1,4 @@
-export { usePikkuAgentRuntime, usePikkuAgentNonStreamingRuntime, PikkuApprovalContext, usePikkuApproval, convertDbMessages, isDeniedResult, resolvePikkuToolStatus, } from './use-pikku-agent-runtime.js';
+export { usePikkuAgentRuntime, PikkuApprovalContext, usePikkuApproval, convertDbMessages, isDeniedResult, resolvePikkuToolStatus, } from './use-pikku-agent-runtime.js';
 export { PikkuAgentChat } from './pikku-agent-chat.js';
 export { useFileAttachment, INLINE_SIZE_LIMIT } from './use-file-attachment.js';
 export { modelSupportsVision } from './model-capabilities.js';

package/dist/esm/pikku-agent-chat.js

@@ -58,10 +58,11 @@ function shouldHideToolCall(hideToolCalls, toolName) {
 const ToolCallDisplay = ({ toolCallId, toolName, args, result, status, addResult }) => {
     const colors = useContext(ColorsContext);
     const hideToolCalls = useContext(HideToolCallsContext);
-    const { handleApproval } = usePikkuApproval();
+    const { handleApproval, pendingApprovals } = usePikkuApproval();
     const [expanded, setExpanded] = useState(false);
     const isApproval = status.type === 'requires-action';
-    const approvalReason = args?.__approvalReason;
+    const approvalReason = args?.__approvalReason ??
+        pendingApprovals.find((a) => a.toolCallId === toolCallId && a.type !== 'credential-request')?.reason;
     const displayArgs = { ...args };
     delete displayArgs.__approvalReason;
     const [responded, setResponded] = useState(null);
@@ -96,10 +97,11 @@ const ToolCallDisplay = ({ toolCallId, toolName, args, result, status, addResult
                         overflow: 'auto',
                         marginBottom: 8,
                         color: colors.text,
-                    }, children: JSON.stringify(displayArgs, null, 2) }), _jsxs("div", { style: { display: 'flex', gap: 8 }, children: [_jsx("button", { onClick: () => {
+                    }, children: JSON.stringify(displayArgs, null, 2) }), _jsxs("div", { style: { display: 'flex', gap: 8 }, children: [_jsx("button", { onClick: async () => {
                                 setResponded('approved');
-                                handleApproval(toolCallId, true);
-                                addResult?.({ approved: true });
+                                if (await handleApproval(toolCallId, true)) {
+                                    addResult?.({ approved: true });
+                                }
                             }, style: {
                                 padding: '4px 12px',
                                 fontSize: 12,
@@ -108,10 +110,11 @@ const ToolCallDisplay = ({ toolCallId, toolName, args, result, status, addResult
                                 background: colors.successBg,
                                 color: colors.successColor,
                                 cursor: 'pointer',
-                            }, children: "Approve" }), _jsx("button", { onClick: () => {
+                            }, children: "Approve" }), _jsx("button", { onClick: async () => {
                                 setResponded('denied');
-                                handleApproval(toolCallId, false);
-                                addResult?.({ approved: false });
+                                if (await handleApproval(toolCallId, false)) {
+                                    addResult?.({ approved: false });
+                                }
                             }, style: {
                                 padding: '4px 12px',
                                 fontSize: 12,

package/dist/esm/use-pikku-agent-runtime.d.ts

@@ -4,7 +4,6 @@ export interface PikkuAgentRuntimeOptions {
     agentName: string;
     threadId: string;
     resourceId: string;
-    initialMessages?: any[];
     onFinish?: () => void;
     credentials?: RequestCredentials;
     headers?: Record<string, string>;
@@ -14,13 +13,18 @@ export interface PikkuAgentRuntimeOptions {
      *  Provide upfront state (e.g. current org/project/branch/deployment IDs)
      *  so the agent can call tools without asking the user. */
     context?: string;
+    /** Prior messages to hydrate the thread with (e.g. converted from persisted
+     *  DB history via `convertDbMessages`). Loaded once on mount, so the
+     *  consumer must keep the chat unmounted until these are available (key or
+     *  gate on load) — the runtime does not re-hydrate when they change later. */
+    initialMessages?: ThreadMessageLike[];
 }
 export interface PendingApproval {
     toolCallId: string;
     toolName: string;
     args: unknown;
     reason?: string;
-    runId: string;
+    runId?: string;
     type?: 'approval-request' | 'credential-request';
     credentialName?: string;
     credentialType?: 'oauth2' | 'apikey';
@@ -28,7 +32,10 @@ export interface PendingApproval {
 }
 export interface PikkuApprovalContextValue {
     pendingApprovals: PendingApproval[];
-    handleApproval: (toolCallId: string, approved: boolean) => void;
+    /** Resolve an approval/credential request. Returns `true` when the request
+     *  was found and acknowledged — callers must gate their `addResult` call on
+     *  this so a stray result can't start a resume run with nothing queued. */
+    handleApproval: (toolCallId: string, approved: boolean) => Promise<boolean>;
 }
 export declare const PikkuApprovalContext: import("react").Context<PikkuApprovalContextValue>;
 export declare const usePikkuApproval: () => PikkuApprovalContextValue;
@@ -51,14 +58,8 @@ export declare function resolvePikkuToolStatus(status: {
 }, result?: unknown): PikkuToolStatus;
 export declare const convertDbMessages: (dbMessages: any[]) => ThreadMessageLike[];
 export declare function usePikkuAgentRuntime(options: PikkuAgentRuntimeOptions): {
-    runtime: import("@assistant-ui/react").AssistantRuntime;
+    runtime: import("@assistant-ui/react-ag-ui").AgUiAssistantRuntime;
     pendingApprovals: PendingApproval[];
     isAwaitingApproval: boolean;
-    handleApproval: (toolCallId: string, approved: boolean) => void;
-};
-export declare function usePikkuAgentNonStreamingRuntime(options: PikkuAgentRuntimeOptions): {
-    runtime: import("@assistant-ui/react").AssistantRuntime;
-    pendingApprovals: PendingApproval[];
-    isAwaitingApproval: boolean;
-    handleApproval: (toolCallId: string, approved: boolean) => void;
+    handleApproval: (toolCallId: string, approved: boolean) => Promise<boolean>;
 };