@solidxai/core-ui 0.1.18 → 0.1.19-beta.1

package/dist/components/core/solid-agent/processes/agentHubProcessApi.ts

@@ -0,0 +1,64 @@
+import { solidGet, solidPost } from "../../../../http/solidHttp";
+
+export type AgentHubRuntimeProcess = {
+  id: string;
+  agentId: number;
+  status: string;
+  openSessions: number;
+  runningTurns: number;
+  restartNeeded: boolean;
+};
+
+let inFlight: Promise<AgentHubRuntimeProcess[]> | null = null;
+let cachedAt = 0;
+let cached: AgentHubRuntimeProcess[] = [];
+
+function unwrap(value: any): any {
+  let current = value;
+  for (let depth = 0; depth < 5 && current; depth += 1) {
+    if (Array.isArray(current)) return current;
+    if (Array.isArray(current.data)) return current.data;
+    current = current.data;
+  }
+  return [];
+}
+
+export function listAgentHubProcesses(force = false): Promise<AgentHubRuntimeProcess[]> {
+  if (!force && Date.now() - cachedAt < 5000) return Promise.resolve(cached);
+  if (inFlight) return inFlight;
+  inFlight = solidGet("/agent-process/manager/processes")
+    .then((response: any) => {
+      cached = unwrap(response?.data);
+      cachedAt = Date.now();
+      return cached;
+    })
+    .finally(() => { inFlight = null; });
+  return inFlight;
+}
+
+export async function stopAgentHubProcess(processId: string) {
+  await solidPost(`/agent-process/manager/processes/${encodeURIComponent(processId)}/stop`, {});
+  invalidateAgentHubProcessList();
+}
+
+export async function restartAgentHubProcess(processId: string) {
+  await solidPost(`/agent-process/manager/processes/${encodeURIComponent(processId)}/restart`, {});
+  invalidateAgentHubProcessList();
+}
+
+export function invalidateAgentHubProcessList() {
+  cachedAt = 0;
+  if (typeof window !== "undefined") window.dispatchEvent(new Event("agent-process-manager-updated"));
+}
+
+export async function stopAgentHubProcessRowAction(event: any) {
+  const processId = event?.rowData?.processId;
+  if (!processId) throw new Error("This process has no runtime process ID.");
+  return stopAgentHubProcess(String(processId));
+}
+
+export async function restartAgentHubProcessRowAction(event: any) {
+  const processId = event?.rowData?.processId;
+  if (!processId) throw new Error("This process has no runtime process ID.");
+  return restartAgentHubProcess(String(processId));
+}

package/dist/components/core/solid-agent/sdk/solidAgent.d.ts

@@ -0,0 +1,39 @@
+import type { AgentContext, SolidAgentOpenOptions } from "../types";
+/**
+ * Imperative API for the SolidX Agent chat, usable from any component, hook or extension
+ * function (same idea as `showToast`). The chat itself is rendered once by SolidAgentHost.
+ *
+ *   solidAgent.open({ prompt: "Author a login scenario", autoSend: true, context: { module: "test-hub", recordId: 2 } });
+ */
+export declare const SOLID_AGENT_EVENTS: {
+    readonly turnComplete: "solidAgent:turnComplete";
+    readonly widgetAction: "solidAgent:widgetAction";
+    readonly sessionChanged: "solidAgent:sessionChanged";
+};
+export type SolidAgentEventName = keyof typeof SOLID_AGENT_EVENTS;
+export type SolidAgentEventPayloads = {
+    turnComplete: {
+        sessionId: string | null;
+        content?: string;
+    };
+    widgetAction: {
+        widgetId: string;
+        widget: string;
+        value: unknown;
+    };
+    sessionChanged: {
+        sessionId: string | null;
+    };
+};
+export declare const solidAgent: {
+    /** Opens the chat window, optionally prefilling (and sending) a prompt with page context. */
+    open(options?: SolidAgentOpenOptions): void;
+    /** Sends a prompt straight away (opens the window if it is closed). */
+    send(prompt: string, context?: AgentContext): void;
+    /** Collapses the window back to the floating bubble; the session keeps running. */
+    minimize(): void;
+    close(): void;
+    /** Subscribes to chat events; returns an unsubscribe function. */
+    on<E extends "turnComplete" | "widgetAction" | "sessionChanged">(event: E, handler: (payload: SolidAgentEventPayloads[E]) => void): () => void;
+};
+//# sourceMappingURL=solidAgent.d.ts.map

package/dist/components/core/solid-agent/sdk/solidAgent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"solidAgent.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/solid-agent/sdk/solidAgent.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAEpE;;;;;GAKG;AAEH,eAAO,MAAM,kBAAkB;;;;CAIrB,CAAC;AAEX,MAAM,MAAM,mBAAmB,GAAG,MAAM,OAAO,kBAAkB,CAAC;AAElE,MAAM,MAAM,uBAAuB,GAAG;IAClC,YAAY,EAAE;QAAE,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC7D,YAAY,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,OAAO,CAAA;KAAE,CAAC;IACnE,cAAc,EAAE;QAAE,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,CAAC;CAChD,CAAC;AAWF,eAAO,MAAM,UAAU;IACnB,6FAA6F;mBAC9E,qBAAqB;IAGpC,uEAAuE;iBAC1D,MAAM,YAAY,YAAY;IAG3C,mFAAmF;;;IAOnF,kEAAkE;iIAC4B,IAAI;CAGrG,CAAC"}

package/dist/components/core/solid-agent/sdk/solidAgent.js

@@ -0,0 +1,44 @@
+import { eventBus } from "../../../../helpers/eventBus";
+import { getSolidStoreDispatch } from "../../../../redux/store/solidEntityApiPool";
+import { agentClosed, agentModeChanged, agentOpenRequested } from "../../../../redux/features/agentSlice";
+/**
+ * Imperative API for the SolidX Agent chat, usable from any component, hook or extension
+ * function (same idea as `showToast`). The chat itself is rendered once by SolidAgentHost.
+ *
+ *   solidAgent.open({ prompt: "Author a login scenario", autoSend: true, context: { module: "test-hub", recordId: 2 } });
+ */
+export var SOLID_AGENT_EVENTS = {
+    turnComplete: "solidAgent:turnComplete",
+    widgetAction: "solidAgent:widgetAction",
+    sessionChanged: "solidAgent:sessionChanged",
+};
+function dispatch(action) {
+    var storeDispatch = getSolidStoreDispatch();
+    if (!storeDispatch) {
+        console.warn("[solidAgent] The Solid store is not ready yet; call solidAgent after the app has mounted.");
+        return;
+    }
+    storeDispatch(action);
+}
+export var solidAgent = {
+    /** Opens the chat window, optionally prefilling (and sending) a prompt with page context. */
+    open: function (options) {
+        dispatch(agentOpenRequested(options));
+    },
+    /** Sends a prompt straight away (opens the window if it is closed). */
+    send: function (prompt, context) {
+        dispatch(agentOpenRequested({ prompt: prompt, context: context, autoSend: true }));
+    },
+    /** Collapses the window back to the floating bubble; the session keeps running. */
+    minimize: function () {
+        dispatch(agentModeChanged("bubble"));
+    },
+    close: function () {
+        dispatch(agentClosed());
+    },
+    /** Subscribes to chat events; returns an unsubscribe function. */
+    on: function (event, handler) {
+        return eventBus.on(SOLID_AGENT_EVENTS[event], handler);
+    },
+};
+//# sourceMappingURL=solidAgent.js.map

package/dist/components/core/solid-agent/sdk/solidAgent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"solidAgent.js","sourceRoot":"","sources":["../../../../../src/components/core/solid-agent/sdk/solidAgent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,qBAAqB,EAAE,MAAM,4CAA4C,CAAC;AACnF,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAG1G;;;;;GAKG;AAEH,MAAM,CAAC,IAAM,kBAAkB,GAAG;IAC9B,YAAY,EAAE,yBAAyB;IACvC,YAAY,EAAE,yBAAyB;IACvC,cAAc,EAAE,2BAA2B;CACrC,CAAC;AAUX,SAAS,QAAQ,CAAC,MAAW;IACzB,IAAM,aAAa,GAAG,qBAAqB,EAAE,CAAC;IAC9C,IAAI,CAAC,aAAa,EAAE;QAChB,OAAO,CAAC,IAAI,CAAC,2FAA2F,CAAC,CAAC;QAC1G,OAAO;KACV;IACD,aAAa,CAAC,MAAM,CAAC,CAAC;AAC1B,CAAC;AAED,MAAM,CAAC,IAAM,UAAU,GAAG;IACtB,6FAA6F;IAC7F,IAAI,YAAC,OAA+B;QAChC,QAAQ,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC;IAC1C,CAAC;IACD,uEAAuE;IACvE,IAAI,YAAC,MAAc,EAAE,OAAsB;QACvC,QAAQ,CAAC,kBAAkB,CAAC,EAAE,MAAM,QAAA,EAAE,OAAO,SAAA,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IACtE,CAAC;IACD,mFAAmF;IACnF,QAAQ;QACJ,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC;IACzC,CAAC;IACD,KAAK;QACD,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC;IAC5B,CAAC;IACD,kEAAkE;IAClE,EAAE,YAAgC,KAAQ,EAAE,OAAsD;QAC9F,OAAO,QAAQ,CAAC,EAAE,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,CAAC;IAC3D,CAAC;CACJ,CAAC","sourcesContent":["import { eventBus } from \"../../../../helpers/eventBus\";\nimport { getSolidStoreDispatch } from \"../../../../redux/store/solidEntityApiPool\";\nimport { agentClosed, agentModeChanged, agentOpenRequested } from \"../../../../redux/features/agentSlice\";\nimport type { AgentContext, SolidAgentOpenOptions } from \"../types\";\n\n/**\n * Imperative API for the SolidX Agent chat, usable from any component, hook or extension\n * function (same idea as `showToast`). The chat itself is rendered once by SolidAgentHost.\n *\n *   solidAgent.open({ prompt: \"Author a login scenario\", autoSend: true, context: { module: \"test-hub\", recordId: 2 } });\n */\n\nexport const SOLID_AGENT_EVENTS = {\n    turnComplete: \"solidAgent:turnComplete\",\n    widgetAction: \"solidAgent:widgetAction\",\n    sessionChanged: \"solidAgent:sessionChanged\",\n} as const;\n\nexport type SolidAgentEventName = keyof typeof SOLID_AGENT_EVENTS;\n\nexport type SolidAgentEventPayloads = {\n    turnComplete: { sessionId: string | null; content?: string };\n    widgetAction: { widgetId: string; widget: string; value: unknown };\n    sessionChanged: { sessionId: string | null };\n};\n\nfunction dispatch(action: any) {\n    const storeDispatch = getSolidStoreDispatch();\n    if (!storeDispatch) {\n        console.warn(\"[solidAgent] The Solid store is not ready yet; call solidAgent after the app has mounted.\");\n        return;\n    }\n    storeDispatch(action);\n}\n\nexport const solidAgent = {\n    /** Opens the chat window, optionally prefilling (and sending) a prompt with page context. */\n    open(options?: SolidAgentOpenOptions) {\n        dispatch(agentOpenRequested(options));\n    },\n    /** Sends a prompt straight away (opens the window if it is closed). */\n    send(prompt: string, context?: AgentContext) {\n        dispatch(agentOpenRequested({ prompt, context, autoSend: true }));\n    },\n    /** Collapses the window back to the floating bubble; the session keeps running. */\n    minimize() {\n        dispatch(agentModeChanged(\"bubble\"));\n    },\n    close() {\n        dispatch(agentClosed());\n    },\n    /** Subscribes to chat events; returns an unsubscribe function. */\n    on<E extends SolidAgentEventName>(event: E, handler: (payload: SolidAgentEventPayloads[E]) => void) {\n        return eventBus.on(SOLID_AGENT_EVENTS[event], handler);\n    },\n};\n"]}

package/dist/components/core/solid-agent/sdk/solidAgent.ts

@@ -0,0 +1,56 @@
+import { eventBus } from "../../../../helpers/eventBus";
+import { getSolidStoreDispatch } from "../../../../redux/store/solidEntityApiPool";
+import { agentClosed, agentModeChanged, agentOpenRequested } from "../../../../redux/features/agentSlice";
+import type { AgentContext, SolidAgentOpenOptions } from "../types";
+
+/**
+ * Imperative API for the SolidX Agent chat, usable from any component, hook or extension
+ * function (same idea as `showToast`). The chat itself is rendered once by SolidAgentHost.
+ *
+ *   solidAgent.open({ prompt: "Author a login scenario", autoSend: true, context: { module: "test-hub", recordId: 2 } });
+ */
+
+export const SOLID_AGENT_EVENTS = {
+    turnComplete: "solidAgent:turnComplete",
+    widgetAction: "solidAgent:widgetAction",
+    sessionChanged: "solidAgent:sessionChanged",
+} as const;
+
+export type SolidAgentEventName = keyof typeof SOLID_AGENT_EVENTS;
+
+export type SolidAgentEventPayloads = {
+    turnComplete: { sessionId: string | null; content?: string };
+    widgetAction: { widgetId: string; widget: string; value: unknown };
+    sessionChanged: { sessionId: string | null };
+};
+
+function dispatch(action: any) {
+    const storeDispatch = getSolidStoreDispatch();
+    if (!storeDispatch) {
+        console.warn("[solidAgent] The Solid store is not ready yet; call solidAgent after the app has mounted.");
+        return;
+    }
+    storeDispatch(action);
+}
+
+export const solidAgent = {
+    /** Opens the chat window, optionally prefilling (and sending) a prompt with page context. */
+    open(options?: SolidAgentOpenOptions) {
+        dispatch(agentOpenRequested(options));
+    },
+    /** Sends a prompt straight away (opens the window if it is closed). */
+    send(prompt: string, context?: AgentContext) {
+        dispatch(agentOpenRequested({ prompt, context, autoSend: true }));
+    },
+    /** Collapses the window back to the floating bubble; the session keeps running. */
+    minimize() {
+        dispatch(agentModeChanged("bubble"));
+    },
+    close() {
+        dispatch(agentClosed());
+    },
+    /** Subscribes to chat events; returns an unsubscribe function. */
+    on<E extends SolidAgentEventName>(event: E, handler: (payload: SolidAgentEventPayloads[E]) => void) {
+        return eventBus.on(SOLID_AGENT_EVENTS[event], handler);
+    },
+};

package/dist/components/core/solid-agent/thread/AgentThread.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { type AgentChatItem, type AgentContext } from "../types";
+type Props = {
+    items: AgentChatItem[];
+    thinking: boolean;
+    working?: boolean;
+    hasMore: boolean;
+    context?: AgentContext;
+    emptyState?: React.ReactNode;
+    onLoadOlder: () => void;
+    onReply: (widgetId: string, widget: string, value: unknown) => void;
+    onPrompt: (text: string) => void;
+};
+/** Renders thread items; sticks to the bottom while new content streams unless the user scrolled up. */
+export declare function AgentThread({ items, thinking, working, hasMore, context, emptyState, onLoadOlder, onReply, onPrompt }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AgentThread.d.ts.map

package/dist/components/core/solid-agent/thread/AgentThread.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentThread.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/solid-agent/thread/AgentThread.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAK5E,OAAO,EAAmB,KAAK,aAAa,EAAE,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AAGlF,KAAK,KAAK,GAAG;IACT,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,OAAO,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpE,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC;AAiHF,wGAAwG;AACxG,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAkB,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,KAAK,2CAmHvI"}

package/dist/components/core/solid-agent/thread/AgentThread.js

@@ -0,0 +1,166 @@
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useLayoutEffect, useRef, useState } from "react";
+import { CheckCircle2, ChevronDown, LoaderCircle } from "lucide-react";
+import styles from "../SolidAgent.module.css";
+import widgetStyles from "../widgets/solidChatWidgets.module.css";
+import { SolidXAIIcon } from "../SolidXAIIcon";
+import { AgentEventTypes } from "../types";
+import { SolidAgentChatItem } from "./SolidAgentChatItem";
+var isUserItem = function (item) { return item.eventType === AgentEventTypes.userMessage && !item.widget; };
+var ASSISTANT_MESSAGE_TYPES = new Set([
+    AgentEventTypes.llmToken,
+    AgentEventTypes.llmComplete,
+    AgentEventTypes.turnComplete,
+    AgentEventTypes.turnCompleteLegacy,
+]);
+var isAssistantMessage = function (item) { return !item.widget && ASSISTANT_MESSAGE_TYPES.has(item.eventType); };
+/** Consecutive agent items form one turn (one avatar); each user message stands alone. */
+function groupItems(items) {
+    var groups = [];
+    var turn = [];
+    var turnKey = "initial-agent-turn";
+    var flush = function () {
+        if (turn.length)
+            groups.push({ kind: "agent", key: turnKey, items: turn });
+        turn = [];
+    };
+    for (var _i = 0, items_1 = items; _i < items_1.length; _i++) {
+        var item = items_1[_i];
+        if (isUserItem(item)) {
+            flush();
+            groups.push({ kind: "user", item: item });
+            turnKey = "after-".concat(item.id);
+        }
+        else {
+            turn.push(item);
+        }
+    }
+    flush();
+    return groups;
+}
+function AgentActivityDisclosure(_a) {
+    var _b;
+    var turnKey = _a.turnKey, items = _a.items, detailItems = _a.detailItems, working = _a.working, showSummary = _a.showSummary, renderItem = _a.renderItem;
+    var _c = useState(false), expanded = _c[0], setExpanded = _c[1];
+    var _d = useState(function () { return Date.now(); }), now = _d[0], setNow = _d[1];
+    var hasLiveTimer = useRef(working);
+    var startTime = useRef(working ? Date.now() : (((_b = items[0]) === null || _b === void 0 ? void 0 : _b.at) || Date.now()));
+    useEffect(function () {
+        if (!working) {
+            if (hasLiveTimer.current)
+                setNow(Date.now());
+            return;
+        }
+        hasLiveTimer.current = true;
+        var timer = window.setInterval(function () { return setNow(Date.now()); }, 1000);
+        return function () { return window.clearInterval(timer); };
+    }, [working]);
+    var toolCount = items.filter(function (item) { return item.eventType === AgentEventTypes.toolCalling; }).length;
+    var activeDuration = Math.max(0, Math.floor((now - startTime.current) / 1000));
+    var recordedDuration = items.length > 1
+        ? Math.max(0, Math.floor((items[items.length - 1].at - items[0].at) / 1000))
+        : 0;
+    var seconds = hasLiveTimer.current ? activeDuration : recordedDuration;
+    var durationLabel = "".concat(seconds, "s");
+    var summary = working
+        ? "Working \u00B7 ".concat(toolCount ? "".concat(toolCount, " tool").concat(toolCount === 1 ? "" : "s", " \u00B7 ") : "").concat(durationLabel)
+        : toolCount
+            ? "".concat(toolCount, " tool").concat(toolCount === 1 ? "" : "s", " called \u00B7 took ").concat(durationLabel)
+            : "Activity \u00B7 took ".concat(durationLabel);
+    var panelId = "agent-activity-".concat(turnKey.replace(/[^a-zA-Z0-9_-]/g, "-"));
+    return (_jsx("section", { className: "".concat(widgetStyles.ActivityGroup, " ").concat(showSummary ? "" : widgetStyles.ActivityTimerOnly), "aria-label": showSummary ? "Agent activity" : undefined, children: showSummary && (_jsxs(_Fragment, { children: [detailItems.length > 0 ? _jsxs("button", { type: "button", className: widgetStyles.ActivitySummary, "aria-expanded": expanded, "aria-controls": panelId, onClick: function () { return setExpanded(function (value) { return !value; }); }, children: [working
+                            ? _jsx(LoaderCircle, { size: 15, className: widgetStyles.ActivitySpinner, "aria-hidden": "true" })
+                            : _jsx(CheckCircle2, { size: 15, className: widgetStyles.ActivityComplete, "aria-hidden": "true" }), _jsx("span", { className: widgetStyles.ActivitySummaryText, children: summary }), _jsx(ChevronDown, { size: 15, className: "".concat(widgetStyles.ActivityChevron, " ").concat(expanded ? widgetStyles.ActivityChevronOpen : ""), "aria-hidden": "true" })] }) : _jsxs("div", { className: widgetStyles.ActivitySummary, role: "status", children: [working
+                            ? _jsx(LoaderCircle, { size: 15, className: widgetStyles.ActivitySpinner, "aria-hidden": "true" })
+                            : _jsx(CheckCircle2, { size: 15, className: widgetStyles.ActivityComplete, "aria-hidden": "true" }), _jsx("span", { className: widgetStyles.ActivitySummaryText, children: summary })] }), expanded && (_jsx("div", { id: panelId, className: widgetStyles.ActivityDetails, children: detailItems.map(renderItem) }))] })) }));
+}
+/** Renders thread items; sticks to the bottom while new content streams unless the user scrolled up. */
+export function AgentThread(_a) {
+    var items = _a.items, thinking = _a.thinking, _b = _a.working, working = _b === void 0 ? thinking : _b, hasMore = _a.hasMore, context = _a.context, emptyState = _a.emptyState, onLoadOlder = _a.onLoadOlder, onReply = _a.onReply, onPrompt = _a.onPrompt;
+    var scrollRef = useRef(null);
+    var pinned = useRef(true);
+    var prevHeight = useRef(0);
+    var prevFirstId = useRef(undefined);
+    useLayoutEffect(function () {
+        var _a;
+        var el = scrollRef.current;
+        if (!el)
+            return;
+        var firstId = (_a = items[0]) === null || _a === void 0 ? void 0 : _a.id;
+        if (prevFirstId.current && firstId !== prevFirstId.current && prevHeight.current) {
+            // Older history was prepended: keep the viewport where it was.
+            el.scrollTop = el.scrollHeight - prevHeight.current;
+        }
+        else if (pinned.current) {
+            el.scrollTop = el.scrollHeight;
+        }
+        prevFirstId.current = firstId;
+        prevHeight.current = el.scrollHeight;
+    }, [items]);
+    useEffect(function () {
+        var el = scrollRef.current;
+        if (!el)
+            return;
+        var onScroll = function () {
+            pinned.current = el.scrollHeight - el.scrollTop - el.clientHeight < 48;
+            prevHeight.current = el.scrollHeight;
+        };
+        el.addEventListener("scroll", onScroll, { passive: true });
+        return function () { return el.removeEventListener("scroll", onScroll); };
+    }, []);
+    if (!items.length && !thinking && emptyState) {
+        return _jsx("div", { className: styles.thread, children: emptyState });
+    }
+    var groups = groupItems(items);
+    var lastGroup = groups[groups.length - 1];
+    if (working && (!lastGroup || lastGroup.kind === "user")) {
+        groups.push({
+            kind: "agent",
+            key: (lastGroup === null || lastGroup === void 0 ? void 0 : lastGroup.kind) === "user" ? "after-".concat(lastGroup.item.id) : "working-turn",
+            items: [],
+        });
+    }
+    var renderItem = function (item) { return (_jsx(SolidAgentChatItem, { item: item, agentContext: context, onReply: onReply, onPrompt: onPrompt }, item.id)); };
+    return (_jsxs("div", { ref: scrollRef, className: styles.thread, role: "log", "aria-live": "polite", "aria-relevant": "additions", children: [hasMore && (_jsx("button", { type: "button", className: "".concat(styles.btn, " ").concat(styles.loadMore), onClick: onLoadOlder, children: "Load earlier messages" })), groups.map(function (group) {
+                if (group.kind === "user")
+                    return renderItem(group.item);
+                var isCurrentTurn = working && group === groups[groups.length - 1];
+                var latestTool = isCurrentTurn
+                    ? __spreadArray([], group.items, true).reverse().find(function (item) { return item.eventType === AgentEventTypes.toolCalling && item.live; })
+                    : undefined;
+                var currentActivity = latestTool !== null && latestTool !== void 0 ? latestTool : (isCurrentTurn
+                    ? __spreadArray([], group.items, true).reverse().find(function (item) { return item.eventType === AgentEventTypes.toolCalling; })
+                    : undefined);
+                var activityItems = group.items.filter(function (item) { return !isAssistantMessage(item); });
+                var detailItems = activityItems.filter(function (item) { return item !== currentActivity; });
+                var activitySet = new Set(group.items.filter(function (item) { return !isAssistantMessage(item); }));
+                var showIdleThinkingStatus = isCurrentTurn && thinking && activityItems.length === 0;
+                var activityRendered = false;
+                var turnContent = __spreadArray(__spreadArray([], (showIdleThinkingStatus ? [
+                    _jsx(AgentActivityDisclosure, { turnKey: group.key, items: activityItems, detailItems: detailItems, working: isCurrentTurn, showSummary: true, renderItem: renderItem }, "activity-".concat(group.key)),
+                ] : []), true), group.items.flatMap(function (item) {
+                    if (activitySet.has(item)) {
+                        if (activityRendered)
+                            return [];
+                        activityRendered = true;
+                        return __spreadArray([
+                            _jsx(AgentActivityDisclosure, { turnKey: group.key, items: activityItems, detailItems: detailItems, working: isCurrentTurn, showSummary: detailItems.length > 0 || currentActivity !== undefined, renderItem: renderItem }, "activity-".concat(group.key))
+                        ], (currentActivity ? [renderItem(currentActivity)] : []), true);
+                    }
+                    if (item === currentActivity)
+                        return [];
+                    return [renderItem(item)];
+                }), true);
+                return (_jsxs("div", { className: widgetStyles.AiTurnGroup, children: [_jsx("div", { className: "".concat(widgetStyles.Avatar, " ").concat(widgetStyles.AvatarAi), children: _jsx(SolidXAIIcon, { size: 14 }) }), _jsx("div", { className: widgetStyles.AiTurnContent, children: turnContent })] }, group.key));
+            })] }));
+}
+//# sourceMappingURL=AgentThread.js.map

package/dist/components/core/solid-agent/thread/AgentThread.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentThread.js","sourceRoot":"","sources":["../../../../../src/components/core/solid-agent/thread/AgentThread.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useLayoutEffect, useRef, useState } from \"react\";\nimport { CheckCircle2, ChevronDown, LoaderCircle } from \"lucide-react\";\nimport styles from \"../SolidAgent.module.css\";\nimport widgetStyles from \"../widgets/solidChatWidgets.module.css\";\nimport { SolidXAIIcon } from \"../SolidXAIIcon\";\nimport { AgentEventTypes, type AgentChatItem, type AgentContext } from \"../types\";\nimport { SolidAgentChatItem } from \"./SolidAgentChatItem\";\n\ntype Props = {\n    items: AgentChatItem[];\n    thinking: boolean;\n    working?: boolean;\n    hasMore: boolean;\n    context?: AgentContext;\n    emptyState?: React.ReactNode;\n    onLoadOlder: () => void;\n    onReply: (widgetId: string, widget: string, value: unknown) => void;\n    onPrompt: (text: string) => void;\n};\n\ntype ItemGroup = { kind: \"user\"; item: AgentChatItem } | { kind: \"agent\"; key: string; items: AgentChatItem[] };\n\nconst isUserItem = (item: AgentChatItem) => item.eventType === AgentEventTypes.userMessage && !item.widget;\nconst ASSISTANT_MESSAGE_TYPES = new Set<string>([\n    AgentEventTypes.llmToken,\n    AgentEventTypes.llmComplete,\n    AgentEventTypes.turnComplete,\n    AgentEventTypes.turnCompleteLegacy,\n]);\n\nconst isAssistantMessage = (item: AgentChatItem) => !item.widget && ASSISTANT_MESSAGE_TYPES.has(item.eventType);\n\n/** Consecutive agent items form one turn (one avatar); each user message stands alone. */\nfunction groupItems(items: AgentChatItem[]): ItemGroup[] {\n    const groups: ItemGroup[] = [];\n    let turn: AgentChatItem[] = [];\n    let turnKey = \"initial-agent-turn\";\n    const flush = () => {\n        if (turn.length) groups.push({ kind: \"agent\", key: turnKey, items: turn });\n        turn = [];\n    };\n    for (const item of items) {\n        if (isUserItem(item)) {\n            flush();\n            groups.push({ kind: \"user\", item });\n            turnKey = `after-${item.id}`;\n        } else {\n            turn.push(item);\n        }\n    }\n    flush();\n    return groups;\n}\n\nfunction AgentActivityDisclosure({\n    turnKey,\n    items,\n    detailItems,\n    working,\n    showSummary,\n    renderItem,\n}: {\n    turnKey: string;\n    items: AgentChatItem[];\n    detailItems: AgentChatItem[];\n    working: boolean;\n    showSummary: boolean;\n    renderItem: (item: AgentChatItem) => React.ReactNode;\n}) {\n    const [expanded, setExpanded] = useState(false);\n    const [now, setNow] = useState(() => Date.now());\n    const hasLiveTimer = useRef(working);\n    const startTime = useRef(working ? Date.now() : (items[0]?.at || Date.now()));\n\n    useEffect(() => {\n        if (!working) {\n            if (hasLiveTimer.current) setNow(Date.now());\n            return;\n        }\n        hasLiveTimer.current = true;\n        const timer = window.setInterval(() => setNow(Date.now()), 1000);\n        return () => window.clearInterval(timer);\n    }, [working]);\n\n    const toolCount = items.filter((item) => item.eventType === AgentEventTypes.toolCalling).length;\n    const activeDuration = Math.max(0, Math.floor((now - startTime.current) / 1000));\n    const recordedDuration = items.length > 1\n        ? Math.max(0, Math.floor((items[items.length - 1].at - items[0].at) / 1000))\n        : 0;\n    const seconds = hasLiveTimer.current ? activeDuration : recordedDuration;\n    const durationLabel = `${seconds}s`;\n    const summary = working\n        ? `Working · ${toolCount ? `${toolCount} tool${toolCount === 1 ? \"\" : \"s\"} · ` : \"\"}${durationLabel}`\n        : toolCount\n          ? `${toolCount} tool${toolCount === 1 ? \"\" : \"s\"} called · took ${durationLabel}`\n          : `Activity · took ${durationLabel}`;\n    const panelId = `agent-activity-${turnKey.replace(/[^a-zA-Z0-9_-]/g, \"-\")}`;\n\n    return (\n        <section className={`${widgetStyles.ActivityGroup} ${showSummary ? \"\" : widgetStyles.ActivityTimerOnly}`} aria-label={showSummary ? \"Agent activity\" : undefined}>\n            {showSummary && (\n                <>\n                    {detailItems.length > 0 ? <button\n                        type=\"button\"\n                        className={widgetStyles.ActivitySummary}\n                        aria-expanded={expanded}\n                        aria-controls={panelId}\n                        onClick={() => setExpanded((value) => !value)}\n                    >\n                        {working\n                            ? <LoaderCircle size={15} className={widgetStyles.ActivitySpinner} aria-hidden=\"true\" />\n                            : <CheckCircle2 size={15} className={widgetStyles.ActivityComplete} aria-hidden=\"true\" />}\n                        <span className={widgetStyles.ActivitySummaryText}>{summary}</span>\n                        <ChevronDown size={15} className={`${widgetStyles.ActivityChevron} ${expanded ? widgetStyles.ActivityChevronOpen : \"\"}`} aria-hidden=\"true\" />\n                    </button> : <div className={widgetStyles.ActivitySummary} role=\"status\">\n                        {working\n                            ? <LoaderCircle size={15} className={widgetStyles.ActivitySpinner} aria-hidden=\"true\" />\n                            : <CheckCircle2 size={15} className={widgetStyles.ActivityComplete} aria-hidden=\"true\" />}\n                        <span className={widgetStyles.ActivitySummaryText}>{summary}</span>\n                    </div>}\n                    {expanded && (\n                        <div id={panelId} className={widgetStyles.ActivityDetails}>\n                            {detailItems.map(renderItem)}\n                        </div>\n                    )}\n                </>\n            )}\n        </section>\n    );\n}\n\n/** Renders thread items; sticks to the bottom while new content streams unless the user scrolled up. */\nexport function AgentThread({ items, thinking, working = thinking, hasMore, context, emptyState, onLoadOlder, onReply, onPrompt }: Props) {\n    const scrollRef = useRef<HTMLDivElement>(null);\n    const pinned = useRef(true);\n    const prevHeight = useRef(0);\n    const prevFirstId = useRef<string | undefined>(undefined);\n\n    useLayoutEffect(() => {\n        const el = scrollRef.current;\n        if (!el) return;\n        const firstId = items[0]?.id;\n        if (prevFirstId.current && firstId !== prevFirstId.current && prevHeight.current) {\n            // Older history was prepended: keep the viewport where it was.\n            el.scrollTop = el.scrollHeight - prevHeight.current;\n        } else if (pinned.current) {\n            el.scrollTop = el.scrollHeight;\n        }\n        prevFirstId.current = firstId;\n        prevHeight.current = el.scrollHeight;\n    }, [items]);\n\n    useEffect(() => {\n        const el = scrollRef.current;\n        if (!el) return;\n        const onScroll = () => {\n            pinned.current = el.scrollHeight - el.scrollTop - el.clientHeight < 48;\n            prevHeight.current = el.scrollHeight;\n        };\n        el.addEventListener(\"scroll\", onScroll, { passive: true });\n        return () => el.removeEventListener(\"scroll\", onScroll);\n    }, []);\n\n    if (!items.length && !thinking && emptyState) {\n        return <div className={styles.thread}>{emptyState}</div>;\n    }\n\n    const groups = groupItems(items);\n    const lastGroup = groups[groups.length - 1];\n    if (working && (!lastGroup || lastGroup.kind === \"user\")) {\n        groups.push({\n            kind: \"agent\",\n            key: lastGroup?.kind === \"user\" ? `after-${lastGroup.item.id}` : \"working-turn\",\n            items: [],\n        });\n    }\n    const renderItem = (item: AgentChatItem) => (\n        <SolidAgentChatItem key={item.id} item={item} agentContext={context} onReply={onReply} onPrompt={onPrompt} />\n    );\n\n    return (\n        <div ref={scrollRef} className={styles.thread} role=\"log\" aria-live=\"polite\" aria-relevant=\"additions\">\n            {hasMore && (\n                <button type=\"button\" className={`${styles.btn} ${styles.loadMore}`} onClick={onLoadOlder}>\n                    Load earlier messages\n                </button>\n            )}\n            {groups.map((group) => {\n                if (group.kind === \"user\") return renderItem(group.item);\n\n                const isCurrentTurn = working && group === groups[groups.length - 1];\n                const latestTool = isCurrentTurn\n                    ? [...group.items].reverse().find((item) => item.eventType === AgentEventTypes.toolCalling && item.live)\n                    : undefined;\n                const currentActivity = latestTool ?? (isCurrentTurn\n                    ? [...group.items].reverse().find((item) => item.eventType === AgentEventTypes.toolCalling)\n                    : undefined);\n                const activityItems = group.items.filter((item) => !isAssistantMessage(item));\n                const detailItems = activityItems.filter((item) => item !== currentActivity);\n                const activitySet = new Set(group.items.filter((item) => !isAssistantMessage(item)));\n                const showIdleThinkingStatus = isCurrentTurn && thinking && activityItems.length === 0;\n                let activityRendered = false;\n                const turnContent = [\n                    ...(showIdleThinkingStatus ? [\n                        <AgentActivityDisclosure\n                            key={`activity-${group.key}`}\n                            turnKey={group.key}\n                            items={activityItems}\n                            detailItems={detailItems}\n                            working={isCurrentTurn}\n                            showSummary\n                            renderItem={renderItem}\n                        />,\n                    ] : []),\n                    ...group.items.flatMap((item) => {\n                        if (activitySet.has(item)) {\n                            if (activityRendered) return [];\n                            activityRendered = true;\n                            return [\n                                <AgentActivityDisclosure\n                                    key={`activity-${group.key}`}\n                                    turnKey={group.key}\n                                    items={activityItems}\n                                    detailItems={detailItems}\n                                    working={isCurrentTurn}\n                                    showSummary={detailItems.length > 0 || currentActivity !== undefined}\n                                    renderItem={renderItem}\n                                />,\n                                ...(currentActivity ? [renderItem(currentActivity)] : []),\n                            ];\n                        }\n                        if (item === currentActivity) return [];\n                        return [renderItem(item)];\n                    }),\n                ];\n\n                return (\n                    <div key={group.key} className={widgetStyles.AiTurnGroup}>\n                        <div className={`${widgetStyles.Avatar} ${widgetStyles.AvatarAi}`}>\n                            <SolidXAIIcon size={14} />\n                        </div>\n                        <div className={widgetStyles.AiTurnContent}>{turnContent}</div>\n                    </div>\n                );\n            })}\n        </div>\n    );\n}\n"]}