@camunda/copilot-chat 0.0.0-alpha5 → 0.0.0-alpha7

package/dist/CopilotChat.d.ts

@@ -1,11 +1,12 @@
 export interface CopilotChatProps {
     readonly onSendMessage: (message: string) => void;
+    readonly isBusy?: boolean;
     readonly workareaSelector?: string;
     readonly onStopGeneration?: () => void;
     readonly onResetConversation?: () => void;
     readonly emptyStateTitle?: string;
     readonly emptyStateDescription?: string;
 }
-export declare const CopilotChat: ({ onSendMessage, workareaSelector, onStopGeneration, onResetConversation, emptyStateTitle, emptyStateDescription, }: CopilotChatProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CopilotChat: ({ onSendMessage, isBusy, workareaSelector, onStopGeneration, onResetConversation, emptyStateTitle, emptyStateDescription, }: CopilotChatProps) => import("react/jsx-runtime").JSX.Element;
 export default CopilotChat;
 //# sourceMappingURL=CopilotChat.d.ts.map

package/dist/CopilotChat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CopilotChat.d.ts","sourceRoot":"","sources":["../src/CopilotChat.tsx"],"names":[],"mappings":"AAQA,OAAO,0BAA0B,CAAC;AAUlC,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,QAAQ,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACnC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IACvC,QAAQ,CAAC,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1C,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC;IAClC,QAAQ,CAAC,qBAAqB,CAAC,EAAE,MAAM,CAAC;CACzC;AAED,eAAO,MAAM,WAAW,GAAI,qHAOzB,gBAAgB,4CAiFlB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"CopilotChat.d.ts","sourceRoot":"","sources":["../src/CopilotChat.tsx"],"names":[],"mappings":"AAQA,OAAO,0BAA0B,CAAC;AAUlC,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACnC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IACvC,QAAQ,CAAC,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1C,QAAQ,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC;IAClC,QAAQ,CAAC,qBAAqB,CAAC,EAAE,MAAM,CAAC;CACzC;AAED,eAAO,MAAM,WAAW,GAAI,6HAQzB,gBAAgB,4CAgFlB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/components/ChatInput/ChatInput.d.ts

@@ -1,9 +1,9 @@
 interface ChatInputProps {
     readonly onSend: (message: string) => void;
     readonly onStop?: () => void;
-    readonly isStreaming?: boolean;
+    readonly isBusy?: boolean;
     readonly placeholder?: string;
 }
-export declare const ChatInput: ({ onSend, onStop, isStreaming, placeholder, }: ChatInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ChatInput: ({ onSend, onStop, isBusy, placeholder, }: ChatInputProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=ChatInput.d.ts.map

package/dist/components/ChatInput/ChatInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatInput.d.ts","sourceRoot":"","sources":["../../../src/components/ChatInput/ChatInput.tsx"],"names":[],"mappings":"AAaA,UAAU,cAAc;IACtB,QAAQ,CAAC,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAC/B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,eAAO,MAAM,SAAS,GAAI,+CAKvB,cAAc,4CA6FhB,CAAC"}
+{"version":3,"file":"ChatInput.d.ts","sourceRoot":"","sources":["../../../src/components/ChatInput/ChatInput.tsx"],"names":[],"mappings":"AAaA,UAAU,cAAc;IACtB,QAAQ,CAAC,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,eAAO,MAAM,SAAS,GAAI,0CAKvB,cAAc,4CA6FhB,CAAC"}

package/dist/index.d.ts

@@ -1,5 +1,7 @@
 export { default as CopilotChat } from './CopilotChat';
 export type { CopilotChatProps } from './CopilotChat';
-export { useChatStore } from './store';
+export { useChatStore, useAgentStore, selectIsBusy, selectAgentState, } from './store';
 export type { ChatMessage, MessageStatus } from './types';
+export { AgentState, EventType, EventStatus, ResultType } from './types';
+export type { AgentStateType, EventTypeValue, EventStatusValue, ResultTypeValue, AgentEvent, AgentResult, ToolInvokeResult, FrontendTool, } from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,+BAA+B,CAAC;AACvC,OAAO,0BAA0B,CAAC;AAElC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEtD,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,+BAA+B,CAAC;AACvC,OAAO,0BAA0B,CAAC;AAElC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEtD,OAAO,EACL,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,gBAAgB,GACjB,MAAM,SAAS,CAAC;AACjB,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACzE,YAAY,EACV,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,eAAe,EACf,UAAU,EACV,WAAW,EACX,gBAAgB,EAChB,YAAY,GACb,MAAM,SAAS,CAAC"}

package/dist/index.js

@@ -16802,21 +16802,21 @@ const styles$5 = {
 const ChatInput = ({
   onSend,
   onStop,
-  isStreaming = false,
+  isBusy = false,
   placeholder = "Type a message..."
 }) => {
   const [value, setValue] = useState("");
   const textAreaRef = useRef(null);
   const handleSend = useCallback(() => {
     const trimmed = value.trim();
-    if (trimmed && !isStreaming) {
+    if (trimmed && !isBusy) {
       onSend(trimmed);
       setValue("");
       if (textAreaRef.current) {
         textAreaRef.current.style.height = "auto";
       }
     }
-  }, [value, isStreaming, onSend]);
+  }, [value, isBusy, onSend]);
   const handleStop = useCallback(() => {
     onStop?.();
   }, [onStop]);
@@ -16848,11 +16848,11 @@ const ChatInput = ({
     }
   }, [value]);
   useEffect(() => {
-    if (!isStreaming && textAreaRef.current) {
+    if (!isBusy && textAreaRef.current) {
       textAreaRef.current.focus();
     }
-  }, [isStreaming]);
-  const canSend = value.trim().length > 0 && !isStreaming;
+  }, [isBusy]);
+  const canSend = value.trim().length > 0 && !isBusy;
   return /* @__PURE__ */ jsxs("div", { className: styles$5.inputContainer, children: [
     /* @__PURE__ */ jsx(
       "textarea",
@@ -16863,11 +16863,11 @@ const ChatInput = ({
         onChange: handleChange,
         onKeyDown: handleKeyDown,
         placeholder,
-        disabled: isStreaming,
+        disabled: isBusy,
         rows: 1
       }
     ),
-    isStreaming ? /* @__PURE__ */ jsx(
+    isBusy ? /* @__PURE__ */ jsx(
       Button,
       {
         className: styles$5.actionButton,
@@ -27434,6 +27434,144 @@ const useChatStore = create((set) => ({
     set({ messages: [], isStreaming: false, streamingMessageId: null });
   }
 }));
+const AgentState = {
+  IDLE: "IDLE",
+  BUSY: "BUSY",
+  AWAITING_TOOL: "AWAITING_TOOL",
+  ERROR: "ERROR"
+};
+const EventType = {
+  THINKING: "THINKING",
+  EXECUTION_PLAN: "EXECUTION_PLAN",
+  TOOL_PLANNING: "TOOL_PLANNING",
+  TOOL_INVOKE: "TOOL_INVOKE",
+  TOOL_RESULT: "TOOL_RESULT"
+};
+const EventStatus = {
+  IN_PROGRESS: "IN_PROGRESS",
+  COMPLETED: "COMPLETED",
+  ERROR: "ERROR"
+};
+const ResultType = {
+  TOOL_INVOKE: "TOOL_INVOKE"
+};
+const INITIAL_STATE = {
+  conversationId: null,
+  currentMessageId: null,
+  activeEvents: /* @__PURE__ */ new Set(),
+  pendingToolInvoke: null,
+  frontendToolNames: /* @__PURE__ */ new Set(),
+  error: null
+};
+const deriveAgentState = (activeEvents, pendingToolInvoke, error2) => {
+  if (error2) return AgentState.ERROR;
+  if (pendingToolInvoke) return AgentState.AWAITING_TOOL;
+  if (activeEvents.size > 0) return AgentState.BUSY;
+  return AgentState.IDLE;
+};
+const selectAgentState = (state) => deriveAgentState(state.activeEvents, state.pendingToolInvoke, state.error);
+const selectIsBusy = (state) => {
+  const agentState = selectAgentState(state);
+  return agentState === AgentState.BUSY || agentState === AgentState.AWAITING_TOOL;
+};
+const isFrontendTool = (toolName, frontendToolNames) => Boolean(toolName && frontendToolNames.has(toolName));
+const useAgentStore = create((set, get) => ({
+  ...INITIAL_STATE,
+  startConversation: (conversationId, messageId) => {
+    set({
+      conversationId,
+      currentMessageId: messageId,
+      activeEvents: /* @__PURE__ */ new Set(),
+      pendingToolInvoke: null,
+      error: null
+    });
+  },
+  setFrontendTools: (tools) => {
+    set({
+      frontendToolNames: new Set(tools.map((t2) => t2.name))
+    });
+  },
+  processEvent: (event) => {
+    const state = get();
+    const messageId = state.currentMessageId;
+    if (event.status === EventStatus.ERROR) {
+      set({
+        activeEvents: /* @__PURE__ */ new Set(),
+        error: event.content || "Copilot agent error"
+      });
+      if (messageId) {
+        useChatStore.getState().updateMessageStatus(messageId, "error");
+      }
+      return null;
+    }
+    const trackableEvents = /* @__PURE__ */ new Set([
+      EventType.THINKING,
+      EventType.TOOL_RESULT
+    ]);
+    if (event.status === EventStatus.IN_PROGRESS) {
+      if (trackableEvents.has(event.type)) {
+        const newActiveEvents = new Set(state.activeEvents);
+        newActiveEvents.add(event.type);
+        set({ activeEvents: newActiveEvents });
+      }
+      if (event.type === EventType.TOOL_INVOKE && event.toolName && isFrontendTool(event.toolName, state.frontendToolNames) && !state.pendingToolInvoke) {
+        const toolArguments = event.toolArguments ? JSON.parse(event.toolArguments) : {};
+        set({
+          pendingToolInvoke: {
+            toolName: event.toolName,
+            toolArguments
+          }
+        });
+        return {
+          type: ResultType.TOOL_INVOKE,
+          toolName: event.toolName,
+          toolArguments
+        };
+      }
+    }
+    if (event.status === EventStatus.COMPLETED) {
+      if (event.type === EventType.TOOL_RESULT && event.toolName && state.pendingToolInvoke?.toolName === event.toolName) {
+        set({ pendingToolInvoke: null });
+      }
+      if (trackableEvents.has(event.type)) {
+        const newActiveEvents = new Set(state.activeEvents);
+        newActiveEvents.delete(event.type);
+        const currentPendingTool = get().pendingToolInvoke;
+        set({ activeEvents: newActiveEvents });
+        if (newActiveEvents.size === 0 && !currentPendingTool && messageId) {
+          useChatStore.getState().updateMessageStatus(messageId, "complete");
+          useChatStore.getState().updateMessageStatusLabel(messageId, "");
+        }
+      }
+    }
+    return null;
+  },
+  clearPendingTool: () => {
+    set({ pendingToolInvoke: null });
+  },
+  setError: (error2) => {
+    const messageId = get().currentMessageId;
+    set({
+      activeEvents: /* @__PURE__ */ new Set(),
+      error: error2
+    });
+    if (messageId) {
+      useChatStore.getState().updateMessageStatus(messageId, "error");
+    }
+  },
+  reset: () => {
+    const messageId = get().currentMessageId;
+    if (messageId) {
+      const chatStore = useChatStore.getState();
+      const message2 = chatStore.messages.find((m2) => m2.id === messageId);
+      if (message2 && message2.status !== "complete" && message2.status !== "error") {
+        chatStore.updateMessageStatus(messageId, "complete");
+        chatStore.updateMessageStatusLabel(messageId, "");
+      }
+    }
+    set(INITIAL_STATE);
+  }
+}));
 const __vite_glob_0_0 = "._inputContainer_19528_1 {\n  display: flex;\n  align-items: flex-end;\n  gap: var(--spacing-px-8, 8px);\n  padding: var(--spacing-px-12, 12px) var(--spacing-px-16, 16px);\n  background-color: var(--color-background-white, #fff);\n  border-block-start: 1px solid var(--color-border-light, rgba(0, 0, 0, 0.1));\n  position: relative;\n}\n\n._textArea_19528_11 {\n  flex: 1;\n  padding: var(--spacing-px-8, 8px) 0;\n  border: none;\n  margin: 0;\n  background: transparent;\n  color: var(--color-text-primary, #161616);\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica,\n    Arial, sans-serif;\n  font-size: 14px;\n  line-height: var(--line-height-base, 1.5);\n  resize: none;\n  outline: none;\n  overflow-y: auto;\n  min-height: 40px;\n  max-height: var(--chat-input-max-height, 150px);\n  box-shadow: none;\n  scrollbar-width: thin;\n  scrollbar-color: var(--color-background-scrollbar, #e0e0e0) transparent;\n}\n\n._textArea_19528_11::-webkit-scrollbar {\n  width: var(--scrollbar-width, 6px);\n}\n\n._textArea_19528_11::-webkit-scrollbar-track {\n  background: transparent;\n}\n\n._textArea_19528_11::-webkit-scrollbar-thumb {\n  background-color: var(--color-background-scrollbar, #e0e0e0);\n  border-radius: var(--border-radius-small, 3px);\n}\n\n._textArea_19528_11:focus {\n  border: none;\n  outline: none;\n  box-shadow: none;\n}\n\n._textArea_19528_11::placeholder {\n  color: var(--color-text-placeholder, #a8a8a8);\n  font-weight: var(--font-weight-normal, 400);\n}\n\n._textArea_19528_11:disabled {\n  color: var(--color-text-disabled, #c6c6c6);\n  cursor: not-allowed;\n  opacity: var(--opacity-disabled, 0.5);\n}\n\n._actionButton_19528_62 {\n  flex-shrink: 0;\n  min-width: var(--size-button-medium, 32px);\n  min-height: var(--size-button-medium, 32px);\n  padding: var(--spacing-px-6, 6px);\n  color: var(--brand-color-primary, #8a3ffc);\n  border-radius: var(--border-radius-medium, 6px);\n  transition: all var(--transition-duration-base, 120ms)\n    var(--transition-timing-ease, ease-in-out);\n}\n\n._actionButton_19528_62:hover:not(:disabled) {\n  background-color: var(--color-brand-alpha-10, rgba(138, 63, 252, 0.1));\n  color: var(--brand-color-hover, #7a34e4);\n}\n\n._actionButton_19528_62:active:not(:disabled) {\n  background-color: var(--color-brand-alpha-20, rgba(138, 63, 252, 0.2));\n  transform: scale(var(--transform-scale-pressed, 0.95));\n}\n\n._actionButton_19528_62:disabled {\n  color: var(--color-text-disabled, #c6c6c6);\n  cursor: not-allowed;\n  opacity: var(--opacity-disabled, 0.5);\n}\n";
 const __vite_glob_0_1 = "._message_1rpzb_1 {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 16px 20px;\n}\n\n._userMessage_1rpzb_8 {\n  align-items: flex-end;\n}\n\n._assistantMessage_1rpzb_12 {\n  align-items: flex-start;\n}\n\n._userBubble_1rpzb_16 {\n  max-inline-size: 90%;\n  padding: 12px 16px;\n  background-color: #f4f4f4;\n  color: #161616;\n  border-radius: 16px;\n  border-bottom-right-radius: 4px;\n  font-size: 14px;\n  line-height: 1.5;\n  word-wrap: break-word;\n}\n\n._assistantBubble_1rpzb_28 {\n  max-inline-size: 90%;\n  font-size: 14px;\n  line-height: 1.5;\n  color: #161616;\n  word-wrap: break-word;\n}\n\n._errorMessage_1rpzb_36 {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n  padding: 12px;\n  background-color: #fff1f1;\n  border-inline-start: 3px solid #da1e28;\n  font-size: 14px;\n  line-height: 1.5;\n  color: #161616;\n}\n\n._streamingIndicator_1rpzb_48 {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding-block-start: 4px;\n  color: #525252;\n  font-size: 12px;\n}\n\n._content_1rpzb_57 pre {\n  margin: 12px 0;\n  padding: 12px;\n  background-color: rgba(0, 0, 0, 0.06);\n  border-radius: 4px;\n  overflow-x: auto;\n}\n\n._content_1rpzb_57 pre code {\n  padding: 0;\n  background: none;\n}\n";
 const __vite_glob_0_2 = "._container_jclve_1 {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  overflow: hidden;\n}\n\n._list_jclve_8 {\n  flex: 1;\n  overflow-y: auto;\n  padding: var(--spacing-base, 16px) 0;\n}\n\n._emptyState_jclve_14 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  block-size: 100%;\n  padding: var(--spacing-xlarge, 32px);\n  text-align: center;\n  color: var(--cds-text-secondary, var(--color-text-secondary, #525252));\n}\n\n._emptyTitle_jclve_25 {\n  margin-block-end: var(--spacing-small, 8px);\n  font-size: var(--font-size-medium, 16px);\n  font-weight: var(--font-weight-semibold, 600);\n  color: var(--cds-text-primary, var(--color-text-primary, #161616));\n}\n\n._emptyDescription_jclve_32 {\n  font-size: var(--font-size-base, 14px);\n}\n";
@@ -27473,6 +27611,7 @@ const ensureSidecarStyles = () => {
 const CopilotLauncherIcon = "data:image/svg+xml,%3csvg%20width='17'%20height='15'%20viewBox='0%200%2017%2015'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M9.7219%205.2691C8.6668%204.2126%207.7435%202.4757%207.0638%201.00772C7.0445%201.00316%207.0206%201%206.9941%201C6.9675%201%206.9436%201.00316%206.9243%201.00773C6.2447%202.4757%205.322%204.2122%204.2662%205.2687C3.2106%206.325%201.47501%207.2485%200.00802994%207.9287C0.00328994%207.9483%200%207.9728%200%208C0%208.0271%200.00324982%208.0515%200.00793982%208.071C1.47467%208.751%203.2101%209.6743%204.2659%2010.7311C5.322%2011.7875%206.2448%2013.5244%206.9245%2014.9923C6.9437%2014.9969%206.9675%2015%206.994%2015C7.0205%2015%207.0444%2014.9968%207.0636%2014.9923C7.7433%2013.5244%208.666%2011.7877%209.7215%2010.7315M9.7215%2010.7315C10.773%209.6791%2012.4531%208.7468%2013.8721%208.0577C13.8756%208.0415%2013.878%208.0217%2013.878%207.9998C13.878%207.9779%2013.8756%207.9582%2013.8721%207.942C12.4537%207.2529%2010.7734%206.3207%209.7219%205.2691'%20fill='white'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M15.4808%201.52468C15.104%201.14737%2014.7742%200.52704%2014.5315%200.00275993C14.5246%200.00112993%2014.5161%200%2014.5066%200C14.4971%200%2014.4885%200.00112993%2014.4817%200.00275993C14.2389%200.52705%2013.9094%201.14721%2013.5323%201.52455C13.1553%201.9018%2012.5355%202.2316%2012.0116%202.4745C12.0099%202.4815%2012.0087%202.4903%2012.0087%202.5C12.0087%202.5097%2012.0099%202.5184%2012.0115%202.5254C12.5354%202.7682%2013.1552%203.098%2013.5322%203.4754C13.9094%203.8527%2014.239%204.473%2014.4817%204.9972C14.4886%204.9989%2014.4971%205%2014.5066%205C14.516%205%2014.5246%204.9989%2014.5314%204.9972C14.7742%204.473%2015.1037%203.8528%2015.4806%203.4755M15.4806%203.4755C15.8562%203.0997%2016.4562%202.7667%2016.963%202.5206C16.9643%202.5148%2016.9651%202.5078%2016.9651%202.4999C16.9651%202.4921%2016.9643%202.4851%2016.963%202.4793C16.4565%202.2332%2015.8563%201.90026%2015.4808%201.52468'%20fill='white'/%3e%3c/svg%3e";
 const CopilotChat = ({
   onSendMessage,
+  isBusy = false,
   workareaSelector,
   onStopGeneration,
   onResetConversation,
@@ -27481,7 +27620,6 @@ const CopilotChat = ({
 }) => {
   const [isOpen, setIsOpen] = useState(false);
   const messages = useChatStore((state) => state.messages);
-  const isStreaming = useChatStore((state) => state.isStreaming);
   const clearMessages = useChatStore((state) => state.clearMessages);
   useCopilotSidecar({
     enabled: isOpen,
@@ -27551,7 +27689,7 @@ const CopilotChat = ({
               {
                 onSend: handleSend,
                 onStop: handleStopGeneration,
-                isStreaming
+                isBusy
               }
             )
           ] })
@@ -27561,6 +27699,13 @@ const CopilotChat = ({
   ] });
 };
 export {
+  AgentState,
   CopilotChat,
+  EventStatus,
+  EventType,
+  ResultType,
+  selectAgentState,
+  selectIsBusy,
+  useAgentStore,
   useChatStore
 };

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@camunda/copilot-chat",
-  "version": "0.0.0-alpha5",
+  "version": "0.0.0-alpha7",
   "description": "Camunda Copilot Client Library - React components and utilities for Camunda Platform 8",
   "main": "./dist/index.js",
   "module": "./dist/index.js",

package/dist/store/agentStore.d.ts

@@ -0,0 +1,26 @@
+import { AgentStateType, AgentEvent, AgentResult, FrontendTool, EventTypeValue } from '../types/agentTypes';
+interface AgentStoreState {
+    readonly conversationId: string | null;
+    readonly currentMessageId: string | null;
+    readonly activeEvents: ReadonlySet<EventTypeValue>;
+    readonly pendingToolInvoke: {
+        readonly toolName: string;
+        readonly toolArguments: Record<string, unknown>;
+    } | null;
+    readonly frontendToolNames: ReadonlySet<string>;
+    readonly error: string | null;
+}
+interface AgentStoreActions {
+    readonly startConversation: (conversationId: string, messageId: string) => void;
+    readonly setFrontendTools: (tools: readonly FrontendTool[]) => void;
+    readonly processEvent: (event: AgentEvent) => AgentResult | null;
+    readonly clearPendingTool: () => void;
+    readonly setError: (error: string) => void;
+    readonly reset: () => void;
+}
+type AgentStore = AgentStoreState & AgentStoreActions;
+export declare const selectAgentState: (state: AgentStoreState) => AgentStateType;
+export declare const selectIsBusy: (state: AgentStoreState) => boolean;
+export declare const useAgentStore: import('zustand').UseBoundStore<import('zustand').StoreApi<AgentStore>>;
+export {};
+//# sourceMappingURL=agentStore.d.ts.map

package/dist/store/agentStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"agentStore.d.ts","sourceRoot":"","sources":["../../src/store/agentStore.ts"],"names":[],"mappings":"AASA,OAAO,EAKL,KAAK,cAAc,EACnB,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,cAAc,EACpB,MAAM,qBAAqB,CAAC;AAG7B,UAAU,eAAe;IACvB,QAAQ,CAAC,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IACvC,QAAQ,CAAC,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IACzC,QAAQ,CAAC,YAAY,EAAE,WAAW,CAAC,cAAc,CAAC,CAAC;IACnD,QAAQ,CAAC,iBAAiB,EAAE;QAC1B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;QAC1B,QAAQ,CAAC,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KACjD,GAAG,IAAI,CAAC;IACT,QAAQ,CAAC,iBAAiB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAChD,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CAC/B;AAED,UAAU,iBAAiB;IACzB,QAAQ,CAAC,iBAAiB,EAAE,CAC1B,cAAc,EAAE,MAAM,EACtB,SAAS,EAAE,MAAM,KACd,IAAI,CAAC;IACV,QAAQ,CAAC,gBAAgB,EAAE,CAAC,KAAK,EAAE,SAAS,YAAY,EAAE,KAAK,IAAI,CAAC;IACpE,QAAQ,CAAC,YAAY,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,WAAW,GAAG,IAAI,CAAC;IACjE,QAAQ,CAAC,gBAAgB,EAAE,MAAM,IAAI,CAAC;IACtC,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,QAAQ,CAAC,KAAK,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,KAAK,UAAU,GAAG,eAAe,GAAG,iBAAiB,CAAC;AAsBtD,eAAO,MAAM,gBAAgB,GAAI,OAAO,eAAe,KAAG,cACkB,CAAC;AAE7E,eAAO,MAAM,YAAY,GAAI,OAAO,eAAe,KAAG,OAKrD,CAAC;AAOF,eAAO,MAAM,aAAa,yEA+HvB,CAAC"}

package/dist/store/index.d.ts

@@ -1,2 +1,3 @@
 export { useChatStore } from './chatStore';
+export { useAgentStore, selectIsBusy, selectAgentState } from './agentStore';
 //# sourceMappingURL=index.d.ts.map

package/dist/store/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/store/index.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/store/index.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC"}

package/dist/types/agentTypes.d.ts

@@ -0,0 +1,46 @@
+export declare const AgentState: {
+    readonly IDLE: "IDLE";
+    readonly BUSY: "BUSY";
+    readonly AWAITING_TOOL: "AWAITING_TOOL";
+    readonly ERROR: "ERROR";
+};
+export type AgentStateType = (typeof AgentState)[keyof typeof AgentState];
+export declare const EventType: {
+    readonly THINKING: "THINKING";
+    readonly EXECUTION_PLAN: "EXECUTION_PLAN";
+    readonly TOOL_PLANNING: "TOOL_PLANNING";
+    readonly TOOL_INVOKE: "TOOL_INVOKE";
+    readonly TOOL_RESULT: "TOOL_RESULT";
+};
+export type EventTypeValue = (typeof EventType)[keyof typeof EventType];
+export declare const EventStatus: {
+    readonly IN_PROGRESS: "IN_PROGRESS";
+    readonly COMPLETED: "COMPLETED";
+    readonly ERROR: "ERROR";
+};
+export type EventStatusValue = (typeof EventStatus)[keyof typeof EventStatus];
+export declare const ResultType: {
+    readonly TOOL_INVOKE: "TOOL_INVOKE";
+};
+export type ResultTypeValue = (typeof ResultType)[keyof typeof ResultType];
+export interface AgentEvent {
+    readonly conversationId: string;
+    readonly type: EventTypeValue;
+    readonly status: EventStatusValue;
+    readonly content?: string;
+    readonly toolName?: string;
+    readonly toolArguments?: string;
+    readonly toolResult?: string;
+}
+export interface ToolInvokeResult {
+    readonly type: typeof ResultType.TOOL_INVOKE;
+    readonly toolName: string;
+    readonly toolArguments: Record<string, unknown>;
+}
+export type AgentResult = ToolInvokeResult;
+export interface FrontendTool {
+    readonly name: string;
+    readonly description: string;
+    readonly parametersSchema: string;
+}
+//# sourceMappingURL=agentTypes.d.ts.map

package/dist/types/agentTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"agentTypes.d.ts","sourceRoot":"","sources":["../../src/types/agentTypes.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,UAAU;;;;;CAKb,CAAC;AAEX,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,OAAO,UAAU,CAAC,CAAC;AAE1E,eAAO,MAAM,SAAS;;;;;;CAMZ,CAAC;AAEX,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,OAAO,SAAS,CAAC,CAAC;AAExE,eAAO,MAAM,WAAW;;;;CAId,CAAC;AAEX,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,OAAO,WAAW,CAAC,CAAC;AAE9E,eAAO,MAAM,UAAU;;CAEb,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,OAAO,UAAU,CAAC,CAAC;AAE3E,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,IAAI,EAAE,cAAc,CAAC;IAC9B,QAAQ,CAAC,MAAM,EAAE,gBAAgB,CAAC;IAClC,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,IAAI,EAAE,OAAO,UAAU,CAAC,WAAW,CAAC;IAC7C,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACjD;AAED,MAAM,MAAM,WAAW,GAAG,gBAAgB,CAAC;AAE3C,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,gBAAgB,EAAE,MAAM,CAAC;CACnC"}

package/dist/types/index.d.ts

@@ -1,2 +1,3 @@
 export * from './chatTypes';
+export * from './agentTypes';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAQA,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAQA,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@camunda/copilot-chat",
-  "version": "0.0.0-alpha5",
+  "version": "0.0.0-alpha7",
   "description": "Camunda Copilot Client Library - React components and utilities for Camunda Platform 8",
   "main": "./dist/index.js",
   "module": "./dist/index.js",