@pikku/assistant-ui 0.12.7 → 0.12.8

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @pikku/assistant-ui
 
+## 0.12.8
+
+### Patch Changes
+
+- 416606c: Replace the hand-rolled SSE parser with the AG-UI client runtime (`@ag-ui/client` + `@assistant-ui/react-ag-ui`); agent chat is now streaming-only, with the approval/resume flow preserved.
+
 ## 0.12.7
 
 ### Patch Changes

package/dist/cjs/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/cjs/index.js

@@ -1,9 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.modelSupportsVision = exports.INLINE_SIZE_LIMIT = exports.useFileAttachment = exports.PikkuAgentChat = exports.resolvePikkuToolStatus = exports.isDeniedResult = exports.convertDbMessages = exports.usePikkuApproval = exports.PikkuApprovalContext = exports.usePikkuAgentNonStreamingRuntime = exports.usePikkuAgentRuntime = void 0;
+exports.modelSupportsVision = exports.INLINE_SIZE_LIMIT = exports.useFileAttachment = exports.PikkuAgentChat = exports.resolvePikkuToolStatus = exports.isDeniedResult = exports.convertDbMessages = exports.usePikkuApproval = exports.PikkuApprovalContext = exports.usePikkuAgentRuntime = void 0;
 var use_pikku_agent_runtime_js_1 = require("./use-pikku-agent-runtime.js");
 Object.defineProperty(exports, "usePikkuAgentRuntime", { enumerable: true, get: function () { return use_pikku_agent_runtime_js_1.usePikkuAgentRuntime; } });
-Object.defineProperty(exports, "usePikkuAgentNonStreamingRuntime", { enumerable: true, get: function () { return use_pikku_agent_runtime_js_1.usePikkuAgentNonStreamingRuntime; } });
 Object.defineProperty(exports, "PikkuApprovalContext", { enumerable: true, get: function () { return use_pikku_agent_runtime_js_1.PikkuApprovalContext; } });
 Object.defineProperty(exports, "usePikkuApproval", { enumerable: true, get: function () { return use_pikku_agent_runtime_js_1.usePikkuApproval; } });
 Object.defineProperty(exports, "convertDbMessages", { enumerable: true, get: function () { return use_pikku_agent_runtime_js_1.convertDbMessages; } });

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

@@ -1,4 +1,13 @@
 "use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -73,12 +82,13 @@ function shouldHideToolCall(hideToolCalls, toolName) {
     return hideToolCalls.includes(toolName);
 }
 const ToolCallDisplay = ({ toolCallId, toolName, args, result, status, addResult }) => {
+    var _a, _b;
     const colors = (0, react_1.useContext)(ColorsContext);
     const hideToolCalls = (0, react_1.useContext)(HideToolCallsContext);
-    const { handleApproval } = (0, use_pikku_agent_runtime_js_1.usePikkuApproval)();
+    const { handleApproval, pendingApprovals } = (0, use_pikku_agent_runtime_js_1.usePikkuApproval)();
     const [expanded, setExpanded] = (0, react_1.useState)(false);
     const isApproval = status.type === 'requires-action';
-    const approvalReason = args === null || args === void 0 ? void 0 : args.__approvalReason;
+    const approvalReason = (_a = args === null || args === void 0 ? void 0 : args.__approvalReason) !== null && _a !== void 0 ? _a : (_b = pendingApprovals.find((a) => a.toolCallId === toolCallId && a.type !== 'credential-request')) === null || _b === void 0 ? void 0 : _b.reason;
     const displayArgs = Object.assign({}, args);
     delete displayArgs.__approvalReason;
     const [responded, setResponded] = (0, react_1.useState)(null);
@@ -113,11 +123,12 @@ const ToolCallDisplay = ({ toolCallId, toolName, args, result, status, addResult
                         overflow: 'auto',
                         marginBottom: 8,
                         color: colors.text,
-                    }, children: JSON.stringify(displayArgs, null, 2) }), (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', gap: 8 }, children: [(0, jsx_runtime_1.jsx)("button", { onClick: () => {
+                    }, children: JSON.stringify(displayArgs, null, 2) }), (0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', gap: 8 }, children: [(0, jsx_runtime_1.jsx)("button", { onClick: () => __awaiter(void 0, void 0, void 0, function* () {
                                 setResponded('approved');
-                                handleApproval(toolCallId, true);
-                                addResult === null || addResult === void 0 ? void 0 : addResult({ approved: true });
-                            }, style: {
+                                if (yield handleApproval(toolCallId, true)) {
+                                    addResult === null || addResult === void 0 ? void 0 : addResult({ approved: true });
+                                }
+                            }), style: {
                                 padding: '4px 12px',
                                 fontSize: 12,
                                 border: `1px solid ${colors.successColor}`,
@@ -125,11 +136,12 @@ const ToolCallDisplay = ({ toolCallId, toolName, args, result, status, addResult
                                 background: colors.successBg,
                                 color: colors.successColor,
                                 cursor: 'pointer',
-                            }, children: "Approve" }), (0, jsx_runtime_1.jsx)("button", { onClick: () => {
+                            }, children: "Approve" }), (0, jsx_runtime_1.jsx)("button", { onClick: () => __awaiter(void 0, void 0, void 0, function* () {
                                 setResponded('denied');
-                                handleApproval(toolCallId, false);
-                                addResult === null || addResult === void 0 ? void 0 : addResult({ approved: false });
-                            }, style: {
+                                if (yield handleApproval(toolCallId, false)) {
+                                    addResult === null || addResult === void 0 ? void 0 : addResult({ approved: false });
+                                }
+                            }), style: {
                                 padding: '4px 12px',
                                 fontSize: 12,
                                 border: `1px solid ${colors.errorColor}`,

package/dist/cjs/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>;
 };