@particle-academy/agent-integrations 0.32.0 → 0.33.0

package/dist/components-shared-whiteboard.js

@@ -1,4 +1,4 @@
-import { ShareControls, AgentCursor, AgentActivityHighlight, AgentPanel } from './chunk-HSI5RVF4.js';
+import { ShareControls, AgentCursor, AgentActivityHighlight, AgentPanel } from './chunk-SJTLTITO.js';
 import { createSessionDescriptor, attachSseRelay } from './chunk-N6RLSLOF.js';
 import { attachInProcess } from './chunk-AFUULW5E.js';
 import { registerWhiteboardBridge } from './chunk-2U5JB6ZA.js';

package/dist/index.cjs

@@ -4772,11 +4772,21 @@ function ShareControls({
   onStart,
   onStop,
   status,
+  agentConnected = false,
+  activity,
   shareBaseUrl,
   className,
   style
 }) {
   const [tab, setTab] = react.useState("prompt");
+  const wasConnected = react.useRef(false);
+  react.useEffect(() => {
+    if (agentConnected && !wasConnected.current) {
+      wasConnected.current = true;
+      setTab("activity");
+    }
+    if (!agentConnected) wasConnected.current = false;
+  }, [agentConnected]);
   if (!session) {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ["fai-share fai-share--idle", className ?? ""].filter(Boolean).join(" "), style, children: [
       /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "fai-share__start", onClick: onStart, children: "Start shared session" }),
@@ -4811,12 +4821,14 @@ function ShareControls({
       ] })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "fai-share__tabs", role: "tablist", children: [
+      agentConnected && /* @__PURE__ */ jsxRuntime.jsx(TabButton, { tab: "activity", active: tab, setTab, children: "Activity" }),
       /* @__PURE__ */ jsxRuntime.jsx(TabButton, { tab: "prompt", active: tab, setTab, children: "Agent prompt" }),
       /* @__PURE__ */ jsxRuntime.jsx(TabButton, { tab: "url", active: tab, setTab, children: "URL" }),
       /* @__PURE__ */ jsxRuntime.jsx(TabButton, { tab: "json", active: tab, setTab, children: "JSON" }),
       /* @__PURE__ */ jsxRuntime.jsx(TabButton, { tab: "curl", active: tab, setTab, children: "cURL recipe" })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "fai-share__panel", children: [
+      tab === "activity" && /* @__PURE__ */ jsxRuntime.jsx(ActivityLog, { activity }),
       tab === "prompt" && /* @__PURE__ */ jsxRuntime.jsx(
         CopyBox,
         {
@@ -4844,6 +4856,21 @@ function ShareControls({
     ] })
   ] });
 }
+function ActivityLog({ activity }) {
+  const entries = (activity ?? []).slice().reverse();
+  if (entries.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx("p", { className: "fai-share__empty", children: "Connected. Nothing yet \u2014 actions appear here as the agent takes them." });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "fai-share__activity", "aria-live": "polite", children: entries.map((entry) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "fai-share__activity-row", "data-kind": entry.kind, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("time", { className: "fai-share__activity-time", dateTime: new Date(entry.at).toISOString(), children: new Date(entry.at).toLocaleTimeString(void 0, {
+      hour: "2-digit",
+      minute: "2-digit",
+      second: "2-digit"
+    }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "fai-share__activity-source", children: entry.source }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "fai-share__activity-text", children: entry.text })
+  ] }, entry.id)) });
+}
 function TabButton({ tab, active, setTab, children }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "button",