@camunda/copilot-chat 0.0.0-alpha8 → 0.0.1

package/README.md

@@ -1,4 +1,4 @@
-# Camunda Copilot Client
+# @camunda/copilot-chat
 
 React component library for embedding Camunda Copilot chat interface into web applications.
 
@@ -8,97 +8,81 @@ React component library for embedding Camunda Copilot chat interface into web ap
 npm install @camunda/copilot-chat
 ```
 
-## Usage
+**Peer Dependencies:**
+```bash
+npm install react react-dom @carbon/react @carbon/icons-react
+```
+
+## Quick Start
 
 ```tsx
-import { CopilotChat } from '@camunda/copilot-chat';
+import { CopilotChat, useChatStore } from '@camunda/copilot-chat';
+import '@camunda/copilot-chat/style.css';
 
 function App() {
-  const handleSendMessage = async (request, options, instance) => {
-    // Handle message sending logic
-    const response = {
-      output: {
-        generic: [
-          {
-            response_type: 'text',
-            text: `You said: "${request.input.text}"`,
-          },
-        ],
-      },
-    };
-
-    await instance.messaging.addMessage(response);
+  const handleSendMessage = async (message: string) => {
+    const { addAssistantMessage, appendToMessage, updateMessageStatus } = useChatStore.getState();
+    const messageId = `msg-${Date.now()}`;
+    addAssistantMessage(messageId);
+    appendToMessage(messageId, 'Hello!');
+    updateMessageStatus(messageId, 'complete'); // 'pending' | 'streaming' | 'complete' | 'error'
   };
 
-  return <CopilotChat customSendMessage={handleSendMessage} workareaSelector="body" />;
+  return <CopilotChat onSendMessage={handleSendMessage} workareaSelector="body" />;
 }
 ```
 
-### Props
-
-- **`customSendMessage`** (required): Function to handle message sending and responses
-- **`workareaSelector`** (optional): CSS selector for the workarea container (default: `"body"`)
-
-### Features
-
-- Bottom-right floating launcher button
-- Sidecar panel that slides in from the right
-- Automatically injected styles (no separate CSS import needed)
-
-## Development
-
-### Prerequisites
-
-- Node.js ≥18.0.0
-- npm ≥9.0.0
-
-### Setup
-
-```bash
-npm install
-```
-
-### Local Development
-
-```bash
-# Run both library build (watch mode) and demo app together
-npm run dev
-
-# Or run individually:
-# Build library in watch mode
-npm run build:watch
+## With Agent Adapter (Recommended)
 
-# Run demo app (in another terminal)
-npm run demo
+For full agent orchestration with tool execution:
 
-# Run tests
-npm test
+```tsx
+import { useMemo } from 'react';
+import { CopilotChat, useAgentAdapter } from '@camunda/copilot-chat';
+import '@camunda/copilot-chat/style.css';
 
-# Lint
-npm run lint
+function App() {
+  const transport = useMemo(() => ({
+    subscribe: (id, onEvent) => { /* Subscribe to events */ },
+    unsubscribe: (id) => { /* Cleanup */ },
+    sendMessage: async (payload) => { /* POST to backend */ },
+    sendToolResult: async (payload) => { /* POST tool result */ },
+  }), []);
+
+  const { sendMessage, stopGeneration, resetConversation } = useAgentAdapter({
+    transport,
+    frontendTools: [{ name: 'my_tool', description: '...', parametersSchema: '{}' }],
+    onToolInvoke: async (toolName, args) => { /* Return result */ },
+  });
+
+  return (
+    <CopilotChat
+      onSendMessage={sendMessage}
+      onStopGeneration={stopGeneration}
+      onResetConversation={resetConversation}
+    />
+  );
+}
 ```
 
-The demo app runs at `http://localhost:4200`. The `dev` command automatically rebuilds the library when you make changes and hot-reloads the demo app.
-
-## Contributing
+## Props
 
-```bash
-# 1. Create a feature branch
-git checkout -b '#ticketNumber/my-feature-description'
-
-# 2. Make changes and test with dev mode
-npm run dev
+| Prop | Type | Required | Description |
+|------|------|----------|-------------|
+| `onSendMessage` | `(message: string) => Promise<void>` | Yes | Called when user sends a message |
+| `onStopGeneration` | `() => void` | No | Called when user clicks stop button |
+| `onResetConversation` | `() => void` | No | Called when user resets the conversation |
+| `workareaSelector` | `string` | No | CSS selector for the main content area |
+| `emptyStateTitle` | `string` | No | Title shown when chat is empty |
+| `emptyStateDescription` | `string` | No | Description shown when chat is empty |
 
-# 3. Run tests
-npm test
+## Documentation
 
-# 4. Build to verify
-npm run build
+See the [docs folder](../../docs) for detailed documentation:
 
-# 5. Commit and push
-git commit -m "feat: my feature"
-git push
-```
+- [Architecture Overview](../../docs/architecture.md)
+- [Integration Guide](../../docs/integration.md)
+- [Writing Adapters](../../docs/adapters.md)
 
 ## License
 

package/dist/hooks/useAgentAdapter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAgentAdapter.d.ts","sourceRoot":"","sources":["../../src/hooks/useAgentAdapter.ts"],"names":[],"mappings":"AASA,OAAO,EAKL,KAAK,kBAAkB,EACvB,KAAK,kBAAkB,EAExB,MAAM,qBAAqB,CAAC;AAoB7B,eAAO,MAAM,eAAe,GAAI,6DAK7B,kBAAkB,KAAG,kBA4NvB,CAAC"}
+{"version":3,"file":"useAgentAdapter.d.ts","sourceRoot":"","sources":["../../src/hooks/useAgentAdapter.ts"],"names":[],"mappings":"AASA,OAAO,EAGL,KAAK,kBAAkB,EACvB,KAAK,kBAAkB,EACxB,MAAM,qBAAqB,CAAC;AAe7B,eAAO,MAAM,eAAe,GAAI,6DAK7B,kBAAkB,KAAG,kBAkTvB,CAAC"}

package/dist/index.css

@@ -1 +1 @@
-._inputContainer_19528_1{display:flex;align-items:flex-end;gap:var(--spacing-px-8, 8px);padding:var(--spacing-px-12, 12px) var(--spacing-px-16, 16px);background-color:var(--color-background-white, #fff);border-block-start:1px solid var(--color-border-light, rgba(0, 0, 0, .1));position:relative}._textArea_19528_11{flex:1;padding:var(--spacing-px-8, 8px) 0;border:none;margin:0;background:transparent;color:var(--color-text-primary, #161616);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:var(--line-height-base, 1.5);resize:none;outline:none;overflow-y:auto;min-height:40px;max-height:var(--chat-input-max-height, 150px);box-shadow:none;scrollbar-width:thin;scrollbar-color:var(--color-background-scrollbar, #e0e0e0) transparent}._textArea_19528_11::-webkit-scrollbar{width:var(--scrollbar-width, 6px)}._textArea_19528_11::-webkit-scrollbar-track{background:transparent}._textArea_19528_11::-webkit-scrollbar-thumb{background-color:var(--color-background-scrollbar, #e0e0e0);border-radius:var(--border-radius-small, 3px)}._textArea_19528_11:focus{border:none;outline:none;box-shadow:none}._textArea_19528_11::placeholder{color:var(--color-text-placeholder, #a8a8a8);font-weight:var(--font-weight-normal, 400)}._textArea_19528_11:disabled{color:var(--color-text-disabled, #c6c6c6);cursor:not-allowed;opacity:var(--opacity-disabled, .5)}._actionButton_19528_62{flex-shrink:0;min-width:var(--size-button-medium, 32px);min-height:var(--size-button-medium, 32px);padding:var(--spacing-px-6, 6px);color:var(--brand-color-primary, #8a3ffc);border-radius:var(--border-radius-medium, 6px);transition:all var(--transition-duration-base, .12s) var(--transition-timing-ease, ease-in-out)}._actionButton_19528_62:hover:not(:disabled){background-color:var(--color-brand-alpha-10, rgba(138, 63, 252, .1));color:var(--brand-color-hover, #7a34e4)}._actionButton_19528_62:active:not(:disabled){background-color:var(--color-brand-alpha-20, rgba(138, 63, 252, .2));transform:scale(var(--transform-scale-pressed, .95))}._actionButton_19528_62:disabled{color:var(--color-text-disabled, #c6c6c6);cursor:not-allowed;opacity:var(--opacity-disabled, .5)}._renderer_qbz39_1,._renderer_qbz39_1 p,._renderer_qbz39_1 ul,._renderer_qbz39_1 ol,._renderer_qbz39_1 li,._renderer_qbz39_1 span,._renderer_qbz39_1 strong,._renderer_qbz39_1 em,._renderer_qbz39_1 a{font-size:14px;line-height:1.5}._renderer_qbz39_1 strong{font-weight:600}._renderer_qbz39_1 p{margin:0 0 12px}._renderer_qbz39_1 p:last-child{margin-bottom:0}._renderer_qbz39_1 ul,._renderer_qbz39_1 ol{margin:0 0 12px;padding-left:20px}._renderer_qbz39_1 ul:last-child,._renderer_qbz39_1 ol:last-child{margin-bottom:0}._renderer_qbz39_1 ul{list-style-type:disc}._renderer_qbz39_1 ol{list-style-type:decimal}._renderer_qbz39_1 li{margin:0 0 4px;padding-left:4px}._renderer_qbz39_1 li:last-child{margin-bottom:0}._renderer_qbz39_1 ul ul,._renderer_qbz39_1 ol ol,._renderer_qbz39_1 ul ol,._renderer_qbz39_1 ol ul{margin:4px 0}._renderer_qbz39_1 h1,._renderer_qbz39_1 h2,._renderer_qbz39_1 h3,._renderer_qbz39_1 h4,._renderer_qbz39_1 h5,._renderer_qbz39_1 h6{font-size:14px;font-weight:600;margin:16px 0 8px;line-height:1.4}._renderer_qbz39_1 h1:first-child,._renderer_qbz39_1 h2:first-child,._renderer_qbz39_1 h3:first-child,._renderer_qbz39_1 h4:first-child,._renderer_qbz39_1 h5:first-child,._renderer_qbz39_1 h6:first-child{margin-top:0}._renderer_qbz39_1 code{font-family:IBM Plex Mono,monospace;font-size:13px;background-color:#0000000f;padding:2px 4px;border-radius:3px}._renderer_qbz39_1 pre{margin:12px 0;padding:12px;background-color:#0000000f;border-radius:4px;overflow-x:auto}._renderer_qbz39_1 pre code{padding:0;background:none;font-size:13px}._renderer_qbz39_1>*:first-child{margin-block-start:0}._renderer_qbz39_1>*:last-child{margin-block-end:0}._streamingIndicator_oudc8_1{display:flex;align-items:center;gap:8px;padding-block-start:4px;color:#525252;font-size:12px}._processingLabel_oudc8_10{color:#525252;font-size:12px}._collapsibleContainer_oudc8_15{display:flex;flex-direction:column;gap:4px;padding-block:4px}._collapseToggle_oudc8_22{display:flex;align-items:center;gap:4px;padding:4px 8px;border:none;background:transparent;color:#525252;font-size:12px;cursor:pointer;border-radius:4px}._collapseToggle_oudc8_22:hover{background-color:#0000000f}._collapseToggle_oudc8_22:focus{outline:2px solid #0f62fe;outline-offset:-2px}._completedLabel_oudc8_44{font-weight:500}._collapsedContent_oudc8_48{padding:8px 12px;margin-inline-start:20px;background-color:#f4f4f4;border-radius:4px;font-size:12px;line-height:1.5;color:#525252;white-space:pre-wrap;word-break:break-word;max-block-size:200px;overflow-y:auto}._message_1rpzb_1{display:flex;flex-direction:column;gap:8px;padding:16px 20px}._userMessage_1rpzb_8{align-items:flex-end}._assistantMessage_1rpzb_12{align-items:flex-start}._userBubble_1rpzb_16{max-inline-size:90%;padding:12px 16px;background-color:#f4f4f4;color:#161616;border-radius:16px 16px 4px;font-size:14px;line-height:1.5;word-wrap:break-word}._assistantBubble_1rpzb_28{max-inline-size:90%;font-size:14px;line-height:1.5;color:#161616;word-wrap:break-word}._errorMessage_1rpzb_36{display:flex;align-items:flex-start;gap:8px;padding:12px;background-color:#fff1f1;border-inline-start:3px solid #da1e28;font-size:14px;line-height:1.5;color:#161616}._streamingIndicator_1rpzb_48{display:flex;align-items:center;gap:8px;padding-block-start:4px;color:#525252;font-size:12px}._content_1rpzb_57 pre{margin:12px 0;padding:12px;background-color:#0000000f;border-radius:4px;overflow-x:auto}._content_1rpzb_57 pre code{padding:0;background:none}._container_jclve_1{display:flex;flex-direction:column;flex:1;overflow:hidden}._list_jclve_8{flex:1;overflow-y:auto;padding:var(--spacing-base, 16px) 0}._emptyState_jclve_14{display:flex;flex-direction:column;align-items:center;justify-content:center;block-size:100%;padding:var(--spacing-xlarge, 32px);text-align:center;color:var(--cds-text-secondary, var(--color-text-secondary, #525252))}._emptyTitle_jclve_25{margin-block-end:var(--spacing-small, 8px);font-size:var(--font-size-medium, 16px);font-weight:var(--font-weight-semibold, 600);color:var(--cds-text-primary, var(--color-text-primary, #161616))}._emptyDescription_jclve_32{font-size:var(--font-size-base, 14px)}._header_1hmug_1{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;block-size:var(--copilot-header-height, var(--header-height, 48px));padding-inline:var(--spacing-base, 16px);background-color:var(--color-background-white, #fff);border-inline-start:1px solid var(--cds-border-subtle, var(--color-border-subtle, rgba(0, 0, 0, .12)));border-block-end:1px solid var(--cds-border-subtle, var(--color-border-subtle, rgba(0, 0, 0, .12)));flex-shrink:0}._titleContainer_1hmug_17{display:flex;align-items:center;gap:var(--spacing-small, 8px)}._icon_1hmug_23{width:var(--size-icon-small, 20px);height:var(--size-icon-small, 20px);filter:brightness(0) saturate(100%) invert(26%) sepia(96%) saturate(3427%) hue-rotate(260deg) brightness(95%) contrast(102%)}._title_1hmug_17{font-size:var(--font-size-base, 14px);font-weight:var(--font-weight-semibold, 600);color:var(--cds-text-primary, var(--color-text-primary, #161616))}._headerActions_1hmug_36{display:flex;align-items:center;gap:4px}._headerButton_1hmug_42{display:flex;align-items:center;justify-content:center;inline-size:var(--size-button-large, 32px);block-size:var(--size-button-large, 32px);padding:0;border:none;background:transparent;color:var(--cds-icon-primary, var(--color-text-primary, #161616));cursor:pointer;border-radius:0}._headerButton_1hmug_42:hover{background-color:var(--cds-layer-hover, rgba(0, 0, 0, .06))}._headerButton_1hmug_42:focus{outline:var(--outline-width, 2px) solid var(--cds-focus, var(--color-border-focus, #0f62fe));outline-offset:var(--outline-offset-inner, -2px)}._minimizeButton_1hmug_66{display:flex;align-items:center;justify-content:center;inline-size:var(--size-button-large, 32px);block-size:var(--size-button-large, 32px);padding:0;border:none;background:transparent;color:var(--cds-icon-primary, var(--color-text-primary, #161616));cursor:pointer;border-radius:0}._minimizeButton_1hmug_66:hover{background-color:var(--cds-layer-hover, rgba(0, 0, 0, .06))}._minimizeButton_1hmug_66:focus{outline:var(--outline-width, 2px) solid var(--cds-focus, var(--color-border-focus, #0f62fe));outline-offset:var(--outline-offset-inner, -2px)}._launcher_k7o0g_1{position:fixed;bottom:var(--spacing-px-24, 24px);right:var(--spacing-px-24, 24px);z-index:var(--z-index-launcher, 10000);width:var(--size-button-launcher, 56px);height:var(--size-button-launcher, 56px);border-radius:var(--border-radius-circle, 50%);background-color:var(--brand-color-primary, #8a3ffc);border:none;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--transition-duration-slow, .2s) var(--transition-timing-ease, ease-in-out),opacity var(--transition-duration-slow, .2s) var(--transition-timing-ease, ease-in-out)}._launcher_k7o0g_1:hover{background-color:var(--brand-color-hover, #7a34e4)}._launcher_k7o0g_1:active{background-color:var(--brand-color-active, #5c24aa)}._launcher_k7o0g_1:disabled{opacity:var(--opacity-disabled, .5);cursor:not-allowed}._launcher--hidden_k7o0g_35{opacity:var(--opacity-hidden, 0);pointer-events:none}._icon_k7o0g_40{inline-size:var(--size-icon-large, 28px);block-size:var(--size-icon-large, 28px)}body[data-copilot-chat-layout=bottom-sheet] ._launcher_k7o0g_1{inset-inline-end:var(--spacing-px-16, 16px);inset-block-end:var(--spacing-px-16, 16px)}._stopButton_pyfqx_1{position:absolute;inset-block-end:var(--spacing-px-16, 16px);inset-inline-end:0;transform:translate(-50%);z-index:var(--z-index-stop-button, 10000);display:inline-flex;align-items:center;justify-content:center;width:var(--size-button-small, 24px);height:var(--size-button-small, 24px);background:var(--cds-layer-hover, var(--color-background-hover, #e8e8e8));color:var(--cds-icon-primary, var(--color-text-primary, #161616));border:none;border-radius:var(--border-radius-circle, 50%);cursor:pointer;transition:background var(--transition-duration-fast, .11s) var(--transition-timing-standard, cubic-bezier(.2, 0, 0, 1))}._stopButton_pyfqx_1:hover{background:var(--cds-layer-active, var(--color-background-active, #c6c6c6))}._stopButton_pyfqx_1:active{background:var( --cds-layer-selected, var(--color-background-selected, #d1d1d1) )}._stopButton_pyfqx_1:focus{outline:var(--outline-width, 2px) solid var(--cds-focus, var(--color-border-focus, #0f62fe));outline-offset:var(--outline-offset-outer, 2px)}:root{--copilot-chat-sidecar-width: var(--sidecar-width, 416px);--copilot-chat-panel-z-index: var(--z-index-panel, 9999);--copilot-chat-transition: var(--transition-duration-medium, .16s) var(--transition-timing-standard, cubic-bezier(.2, 0, 0, 1));--copilot-brand-color: var(--brand-color-primary, #8a3ffc);--copilot-brand-color-hover: var(--brand-color-hover, #7a34e4);--copilot-brand-color-active: var(--brand-color-active, #5c24aa);--copilot-header-height: var(--header-height, 48px);--spacing-base: 16px;--spacing-large: 24px;--spacing-xlarge: 32px;--size-icon-medium: 24px;--color-background-white: #fff;--color-border-subtle: rgba(0, 0, 0, .12);--color-shadow-default: rgba(0, 0, 0, .16);--color-shadow-strong: rgba(0, 0, 0, .08);--sidecar-width: 416px;--sidecar-min-width: 320px;--sidecar-max-width: 512px;--opacity-hidden: 0;--opacity-visible: 1;--transform-scale-down: .8;--transform-scale-up: 1.05}body[data-copilot-chat-layout=sidecar],[data-copilot-chat-host]{margin-inline-end:var(--copilot-chat-sidecar-width);transition:margin-inline-end var(--copilot-chat-transition);box-sizing:border-box}body[data-copilot-chat-layout=bottom-sheet]{margin-inline-end:0}.copilot-launcher{position:fixed;inset-block-end:var(--spacing-base, 16px);inset-inline-end:var(--spacing-base, 16px);z-index:var(--copilot-chat-panel-z-index);display:flex;align-items:center;justify-content:center;inline-size:calc(var(--spacing-base) * 3);block-size:calc(var(--spacing-base) * 3);padding:0;border:none;border-radius:50%;background-color:var(--copilot-brand-color);color:var(--color-background-white, #fff);cursor:pointer;box-shadow:0 4px 16px var(--color-shadow-default, rgba(0, 0, 0, .16));transition:background-color var(--transition-duration-medium, .16s),transform var(--transition-duration-medium, .16s),opacity var(--transition-duration-medium, .16s)}.copilot-launcher:hover{background-color:var(--copilot-brand-color-hover);transform:scale(var(--transform-scale-up, 1.05))}.copilot-launcher:active{background-color:var(--copilot-brand-color-active)}.copilot-launcher--hidden{opacity:var(--opacity-hidden, 0);pointer-events:none;transform:scale(var(--transform-scale-down, .8))}.copilot-launcher-icon{inline-size:var(--size-icon-medium, 24px);block-size:var(--size-icon-medium, 24px)}.copilot-chat-wrapper{position:fixed;inset-block:0;inset-inline-end:0;inline-size:var(--copilot-chat-sidecar-width);max-inline-size:clamp(var(--sidecar-min-width, 320px),var(--copilot-chat-sidecar-width),var(--sidecar-max-width, 512px));z-index:var(--copilot-chat-panel-z-index);display:flex;flex-direction:column;pointer-events:none;opacity:var(--opacity-hidden, 0);transform:translate(100%);transition:opacity var(--transition-duration-medium, .16s) var(--transition-timing-standard, cubic-bezier(.2, 0, 0, 1)),transform var(--transition-duration-medium, .16s) var(--transition-timing-standard, cubic-bezier(.2, 0, 0, 1))}.copilot-chat-panel{position:relative;display:flex;flex-direction:column;flex:1;min-block-size:0;background-color:var(--color-background-white, #fff);border-inline-start:1px solid var(--color-border-subtle, rgba(0, 0, 0, .12));box-shadow:0 24px 64px var(--color-shadow-strong, rgba(0, 0, 0, .08));font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.copilot-chat-panel p,.copilot-chat-panel ul,.copilot-chat-panel ol,.copilot-chat-panel li,.copilot-chat-panel span{font-size:14px;font-weight:400;line-height:1.5}.copilot-chat-wrapper--open{opacity:var(--opacity-visible, 1);pointer-events:auto;transform:translate(0)}.copilot-carbon-sidecar{position:fixed;inset-block:0;inset-inline-end:0;inline-size:var(--copilot-chat-sidecar-width);block-size:100vh;z-index:var(--copilot-chat-panel-z-index)}body[data-copilot-chat-layout=bottom-sheet] .copilot-chat-wrapper{inset-inline:0;inset-block-start:auto;inset-block-end:0;block-size:min(70vh,520px);inline-size:100%;border-inline-start:none;border-block-start:1px solid var(--cds-border-subtle, rgba(0, 0, 0, .12))}
+._inputContainer_19528_1{display:flex;align-items:flex-end;gap:var(--spacing-px-8, 8px);padding:var(--spacing-px-12, 12px) var(--spacing-px-16, 16px);background-color:var(--color-background-white, #fff);border-block-start:1px solid var(--color-border-light, rgba(0, 0, 0, .1));position:relative}._textArea_19528_11{flex:1;padding:var(--spacing-px-8, 8px) 0;border:none;margin:0;background:transparent;color:var(--color-text-primary, #161616);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:var(--line-height-base, 1.5);resize:none;outline:none;overflow-y:auto;min-height:40px;max-height:var(--chat-input-max-height, 150px);box-shadow:none;scrollbar-width:thin;scrollbar-color:var(--color-background-scrollbar, #e0e0e0) transparent}._textArea_19528_11::-webkit-scrollbar{width:var(--scrollbar-width, 6px)}._textArea_19528_11::-webkit-scrollbar-track{background:transparent}._textArea_19528_11::-webkit-scrollbar-thumb{background-color:var(--color-background-scrollbar, #e0e0e0);border-radius:var(--border-radius-small, 3px)}._textArea_19528_11:focus{border:none;outline:none;box-shadow:none}._textArea_19528_11::placeholder{color:var(--color-text-placeholder, #a8a8a8);font-weight:var(--font-weight-normal, 400)}._textArea_19528_11:disabled{color:var(--color-text-disabled, #c6c6c6);cursor:not-allowed;opacity:var(--opacity-disabled, .5)}._actionButton_19528_62{flex-shrink:0;min-width:var(--size-button-medium, 32px);min-height:var(--size-button-medium, 32px);padding:var(--spacing-px-6, 6px);color:var(--brand-color-primary, #8a3ffc);border-radius:var(--border-radius-medium, 6px);transition:all var(--transition-duration-base, .12s) var(--transition-timing-ease, ease-in-out)}._actionButton_19528_62:hover:not(:disabled){background-color:var(--color-brand-alpha-10, rgba(138, 63, 252, .1));color:var(--brand-color-hover, #7a34e4)}._actionButton_19528_62:active:not(:disabled){background-color:var(--color-brand-alpha-20, rgba(138, 63, 252, .2));transform:scale(var(--transform-scale-pressed, .95))}._actionButton_19528_62:disabled{color:var(--color-text-disabled, #c6c6c6);cursor:not-allowed;opacity:var(--opacity-disabled, .5)}._renderer_qbz39_1,._renderer_qbz39_1 p,._renderer_qbz39_1 ul,._renderer_qbz39_1 ol,._renderer_qbz39_1 li,._renderer_qbz39_1 span,._renderer_qbz39_1 strong,._renderer_qbz39_1 em,._renderer_qbz39_1 a{font-size:14px;line-height:1.5}._renderer_qbz39_1 strong{font-weight:600}._renderer_qbz39_1 p{margin:0 0 12px}._renderer_qbz39_1 p:last-child{margin-bottom:0}._renderer_qbz39_1 ul,._renderer_qbz39_1 ol{margin:0 0 12px;padding-left:20px}._renderer_qbz39_1 ul:last-child,._renderer_qbz39_1 ol:last-child{margin-bottom:0}._renderer_qbz39_1 ul{list-style-type:disc}._renderer_qbz39_1 ol{list-style-type:decimal}._renderer_qbz39_1 li{margin:0 0 4px;padding-left:4px}._renderer_qbz39_1 li:last-child{margin-bottom:0}._renderer_qbz39_1 ul ul,._renderer_qbz39_1 ol ol,._renderer_qbz39_1 ul ol,._renderer_qbz39_1 ol ul{margin:4px 0}._renderer_qbz39_1 h1,._renderer_qbz39_1 h2,._renderer_qbz39_1 h3,._renderer_qbz39_1 h4,._renderer_qbz39_1 h5,._renderer_qbz39_1 h6{font-size:14px;font-weight:600;margin:16px 0 8px;line-height:1.4}._renderer_qbz39_1 h1:first-child,._renderer_qbz39_1 h2:first-child,._renderer_qbz39_1 h3:first-child,._renderer_qbz39_1 h4:first-child,._renderer_qbz39_1 h5:first-child,._renderer_qbz39_1 h6:first-child{margin-top:0}._renderer_qbz39_1 code{font-family:IBM Plex Mono,monospace;font-size:13px;background-color:#0000000f;padding:2px 4px;border-radius:3px}._renderer_qbz39_1 pre{margin:12px 0;padding:12px;background-color:#0000000f;border-radius:4px;overflow-x:auto}._renderer_qbz39_1 pre code{padding:0;background:none;font-size:13px}._renderer_qbz39_1>*:first-child{margin-block-start:0}._renderer_qbz39_1>*:last-child{margin-block-end:0}._container_okpgr_9{display:block;inline-size:100%;overflow:hidden;margin-top:var(--cds-spacing-04, .75rem)}._header_okpgr_16{color:var(--cds-text-secondary, #525252);font-size:12px;font-weight:400;letter-spacing:.3px;line-height:16px;padding-block-end:var(--cds-spacing-03, .5rem);text-align:start}._list_okpgr_26{overflow:hidden}._item_okpgr_30{display:flex;flex-direction:row;align-items:center;gap:var(--cds-spacing-03, .5rem);padding-block:6px;padding-inline-end:6px;border-block-start:1px solid var(--cds-border-subtle-00, #e0e0e0);overflow:hidden;animation:_fade-in_okpgr_1 .3s forwards}._link_okpgr_42{display:flex;inline-size:100%;justify-content:space-between;align-items:center}._linkText_okpgr_49{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._control_okpgr_56{display:flex;flex-direction:row;align-items:center;gap:var(--cds-spacing-03, .5rem);border-block-start:1px solid var(--cds-border-subtle-00, #e0e0e0);overflow:hidden;animation:_fade-in_okpgr_1 .3s forwards}._toggleButton_okpgr_66{padding-inline-start:2px}@keyframes _fade-in_okpgr_1{0%{opacity:0}to{opacity:1}}._streamingIndicator_oudc8_1{display:flex;align-items:center;gap:8px;padding-block-start:4px;color:#525252;font-size:12px}._processingLabel_oudc8_10{color:#525252;font-size:12px}._collapsibleContainer_oudc8_15{display:flex;flex-direction:column;gap:4px;padding-block:4px}._collapseToggle_oudc8_22{display:flex;align-items:center;gap:4px;padding:4px 8px;border:none;background:transparent;color:#525252;font-size:12px;cursor:pointer;border-radius:4px}._collapseToggle_oudc8_22:hover{background-color:#0000000f}._collapseToggle_oudc8_22:focus{outline:2px solid #0f62fe;outline-offset:-2px}._completedLabel_oudc8_44{font-weight:500}._collapsedContent_oudc8_48{padding:8px 12px;margin-inline-start:20px;background-color:#f4f4f4;border-radius:4px;font-size:12px;line-height:1.5;color:#525252;white-space:pre-wrap;word-break:break-word;max-block-size:200px;overflow-y:auto}._thinkingSection_jhhuh_1{display:flex;flex-direction:column;gap:0;margin-block-end:12px}._block_jhhuh_8{position:relative}._blockToggle_jhhuh_12{display:flex;align-items:center;gap:4px;inline-size:100%;padding:4px 0;border:none;background:transparent;color:#8d8d8d;font-size:12px;cursor:pointer;text-align:start;transition:color .15s ease}._blockToggle_jhhuh_12:hover{color:#525252}._blockToggle_jhhuh_12:focus-visible{outline:2px solid #0f62fe;outline-offset:2px;border-radius:2px}._chevron_jhhuh_37{display:flex;align-items:center;justify-content:center;color:inherit;flex-shrink:0;opacity:.7}._blockLabel_jhhuh_46{font-size:12px;font-weight:400;color:inherit}._blockContent_jhhuh_52{display:none;padding-inline-start:20px;padding-block:4px 8px;font-size:13px;line-height:1.4;color:#525252;border-left:1px solid #e0e0e0;margin-left:7px;white-space:pre-wrap}._blockContent_jhhuh_52._expanded_jhhuh_64{display:block}._blockContent_jhhuh_52 p{margin:0 0 8px}._blockContent_jhhuh_52 p:last-child{margin-block-end:0}._blockContent_jhhuh_52 code{font-size:12px;background-color:#0000000d;padding:1px 4px;border-radius:3px}._blockContent_jhhuh_52 pre{margin:8px 0;background-color:#00000008;padding:8px;border-radius:4px;overflow-x:auto}._blockContent_jhhuh_52 pre code{background:none;padding:0}._message_1rpzb_1{display:flex;flex-direction:column;gap:8px;padding:16px 20px}._userMessage_1rpzb_8{align-items:flex-end}._assistantMessage_1rpzb_12{align-items:flex-start}._userBubble_1rpzb_16{max-inline-size:90%;padding:12px 16px;background-color:#f4f4f4;color:#161616;border-radius:16px 16px 4px;font-size:14px;line-height:1.5;word-wrap:break-word}._assistantBubble_1rpzb_28{max-inline-size:90%;font-size:14px;line-height:1.5;color:#161616;word-wrap:break-word}._errorMessage_1rpzb_36{display:flex;align-items:flex-start;gap:8px;padding:12px;background-color:#fff1f1;border-inline-start:3px solid #da1e28;font-size:14px;line-height:1.5;color:#161616}._streamingIndicator_1rpzb_48{display:flex;align-items:center;gap:8px;padding-block-start:4px;color:#525252;font-size:12px}._content_1rpzb_57 pre{margin:12px 0;padding:12px;background-color:#0000000f;border-radius:4px;overflow-x:auto}._content_1rpzb_57 pre code{padding:0;background:none}._container_jclve_1{display:flex;flex-direction:column;flex:1;overflow:hidden}._list_jclve_8{flex:1;overflow-y:auto;padding:var(--spacing-base, 16px) 0}._emptyState_jclve_14{display:flex;flex-direction:column;align-items:center;justify-content:center;block-size:100%;padding:var(--spacing-xlarge, 32px);text-align:center;color:var(--cds-text-secondary, var(--color-text-secondary, #525252))}._emptyTitle_jclve_25{margin-block-end:var(--spacing-small, 8px);font-size:var(--font-size-medium, 16px);font-weight:var(--font-weight-semibold, 600);color:var(--cds-text-primary, var(--color-text-primary, #161616))}._emptyDescription_jclve_32{font-size:var(--font-size-base, 14px)}._header_1hmug_1{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;block-size:var(--copilot-header-height, var(--header-height, 48px));padding-inline:var(--spacing-base, 16px);background-color:var(--color-background-white, #fff);border-inline-start:1px solid var(--cds-border-subtle, var(--color-border-subtle, rgba(0, 0, 0, .12)));border-block-end:1px solid var(--cds-border-subtle, var(--color-border-subtle, rgba(0, 0, 0, .12)));flex-shrink:0}._titleContainer_1hmug_17{display:flex;align-items:center;gap:var(--spacing-small, 8px)}._icon_1hmug_23{width:var(--size-icon-small, 20px);height:var(--size-icon-small, 20px);filter:brightness(0) saturate(100%) invert(26%) sepia(96%) saturate(3427%) hue-rotate(260deg) brightness(95%) contrast(102%)}._title_1hmug_17{font-size:var(--font-size-base, 14px);font-weight:var(--font-weight-semibold, 600);color:var(--cds-text-primary, var(--color-text-primary, #161616))}._headerActions_1hmug_36{display:flex;align-items:center;gap:4px}._headerButton_1hmug_42{display:flex;align-items:center;justify-content:center;inline-size:var(--size-button-large, 32px);block-size:var(--size-button-large, 32px);padding:0;border:none;background:transparent;color:var(--cds-icon-primary, var(--color-text-primary, #161616));cursor:pointer;border-radius:0}._headerButton_1hmug_42:hover{background-color:var(--cds-layer-hover, rgba(0, 0, 0, .06))}._headerButton_1hmug_42:focus{outline:var(--outline-width, 2px) solid var(--cds-focus, var(--color-border-focus, #0f62fe));outline-offset:var(--outline-offset-inner, -2px)}._minimizeButton_1hmug_66{display:flex;align-items:center;justify-content:center;inline-size:var(--size-button-large, 32px);block-size:var(--size-button-large, 32px);padding:0;border:none;background:transparent;color:var(--cds-icon-primary, var(--color-text-primary, #161616));cursor:pointer;border-radius:0}._minimizeButton_1hmug_66:hover{background-color:var(--cds-layer-hover, rgba(0, 0, 0, .06))}._minimizeButton_1hmug_66:focus{outline:var(--outline-width, 2px) solid var(--cds-focus, var(--color-border-focus, #0f62fe));outline-offset:var(--outline-offset-inner, -2px)}._launcher_k7o0g_1{position:fixed;bottom:var(--spacing-px-24, 24px);right:var(--spacing-px-24, 24px);z-index:var(--z-index-launcher, 10000);width:var(--size-button-launcher, 56px);height:var(--size-button-launcher, 56px);border-radius:var(--border-radius-circle, 50%);background-color:var(--brand-color-primary, #8a3ffc);border:none;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--transition-duration-slow, .2s) var(--transition-timing-ease, ease-in-out),opacity var(--transition-duration-slow, .2s) var(--transition-timing-ease, ease-in-out)}._launcher_k7o0g_1:hover{background-color:var(--brand-color-hover, #7a34e4)}._launcher_k7o0g_1:active{background-color:var(--brand-color-active, #5c24aa)}._launcher_k7o0g_1:disabled{opacity:var(--opacity-disabled, .5);cursor:not-allowed}._launcher--hidden_k7o0g_35{opacity:var(--opacity-hidden, 0);pointer-events:none}._icon_k7o0g_40{inline-size:var(--size-icon-large, 28px);block-size:var(--size-icon-large, 28px)}body[data-copilot-chat-layout=bottom-sheet] ._launcher_k7o0g_1{inset-inline-end:var(--spacing-px-16, 16px);inset-block-end:var(--spacing-px-16, 16px)}._stopButton_pyfqx_1{position:absolute;inset-block-end:var(--spacing-px-16, 16px);inset-inline-end:0;transform:translate(-50%);z-index:var(--z-index-stop-button, 10000);display:inline-flex;align-items:center;justify-content:center;width:var(--size-button-small, 24px);height:var(--size-button-small, 24px);background:var(--cds-layer-hover, var(--color-background-hover, #e8e8e8));color:var(--cds-icon-primary, var(--color-text-primary, #161616));border:none;border-radius:var(--border-radius-circle, 50%);cursor:pointer;transition:background var(--transition-duration-fast, .11s) var(--transition-timing-standard, cubic-bezier(.2, 0, 0, 1))}._stopButton_pyfqx_1:hover{background:var(--cds-layer-active, var(--color-background-active, #c6c6c6))}._stopButton_pyfqx_1:active{background:var( --cds-layer-selected, var(--color-background-selected, #d1d1d1) )}._stopButton_pyfqx_1:focus{outline:var(--outline-width, 2px) solid var(--cds-focus, var(--color-border-focus, #0f62fe));outline-offset:var(--outline-offset-outer, 2px)}:root{--copilot-chat-sidecar-width: var(--sidecar-width, 416px);--copilot-chat-panel-z-index: var(--z-index-panel, 9999);--copilot-chat-transition: var(--transition-duration-medium, .16s) var(--transition-timing-standard, cubic-bezier(.2, 0, 0, 1));--copilot-brand-color: var(--brand-color-primary, #8a3ffc);--copilot-brand-color-hover: var(--brand-color-hover, #7a34e4);--copilot-brand-color-active: var(--brand-color-active, #5c24aa);--copilot-header-height: var(--header-height, 48px);--spacing-base: 16px;--spacing-large: 24px;--spacing-xlarge: 32px;--size-icon-medium: 24px;--color-background-white: #fff;--color-border-subtle: rgba(0, 0, 0, .12);--color-shadow-default: rgba(0, 0, 0, .16);--color-shadow-strong: rgba(0, 0, 0, .08);--sidecar-width: 416px;--sidecar-min-width: 320px;--sidecar-max-width: 512px;--opacity-hidden: 0;--opacity-visible: 1;--transform-scale-down: .8;--transform-scale-up: 1.05}body[data-copilot-chat-layout=sidecar],[data-copilot-chat-host]{margin-inline-end:var(--copilot-chat-sidecar-width);transition:margin-inline-end var(--copilot-chat-transition);box-sizing:border-box}body[data-copilot-chat-layout=bottom-sheet]{margin-inline-end:0}.copilot-launcher{position:fixed;inset-block-end:var(--spacing-base, 16px);inset-inline-end:var(--spacing-base, 16px);z-index:var(--copilot-chat-panel-z-index);display:flex;align-items:center;justify-content:center;inline-size:calc(var(--spacing-base) * 3);block-size:calc(var(--spacing-base) * 3);padding:0;border:none;border-radius:50%;background-color:var(--copilot-brand-color);color:var(--color-background-white, #fff);cursor:pointer;box-shadow:0 4px 16px var(--color-shadow-default, rgba(0, 0, 0, .16));transition:background-color var(--transition-duration-medium, .16s),transform var(--transition-duration-medium, .16s),opacity var(--transition-duration-medium, .16s)}.copilot-launcher:hover{background-color:var(--copilot-brand-color-hover);transform:scale(var(--transform-scale-up, 1.05))}.copilot-launcher:active{background-color:var(--copilot-brand-color-active)}.copilot-launcher--hidden{opacity:var(--opacity-hidden, 0);pointer-events:none;transform:scale(var(--transform-scale-down, .8))}.copilot-launcher-icon{inline-size:var(--size-icon-medium, 24px);block-size:var(--size-icon-medium, 24px)}.copilot-chat-wrapper{position:fixed;inset-block:0;inset-inline-end:0;inline-size:var(--copilot-chat-sidecar-width);max-inline-size:clamp(var(--sidecar-min-width, 320px),var(--copilot-chat-sidecar-width),var(--sidecar-max-width, 512px));z-index:var(--copilot-chat-panel-z-index);display:flex;flex-direction:column;pointer-events:none;opacity:var(--opacity-hidden, 0);transform:translate(100%);transition:opacity var(--transition-duration-medium, .16s) var(--transition-timing-standard, cubic-bezier(.2, 0, 0, 1)),transform var(--transition-duration-medium, .16s) var(--transition-timing-standard, cubic-bezier(.2, 0, 0, 1))}.copilot-chat-panel{position:relative;display:flex;flex-direction:column;flex:1;min-block-size:0;background-color:var(--color-background-white, #fff);border-inline-start:1px solid var(--color-border-subtle, rgba(0, 0, 0, .12));box-shadow:0 24px 64px var(--color-shadow-strong, rgba(0, 0, 0, .08));font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.copilot-chat-panel p,.copilot-chat-panel ul,.copilot-chat-panel ol,.copilot-chat-panel li,.copilot-chat-panel span{font-size:14px;font-weight:400;line-height:1.5}.copilot-chat-wrapper--open{opacity:var(--opacity-visible, 1);pointer-events:auto;transform:translate(0)}.copilot-carbon-sidecar{position:fixed;inset-block:0;inset-inline-end:0;inline-size:var(--copilot-chat-sidecar-width);block-size:100vh;z-index:var(--copilot-chat-panel-z-index)}body[data-copilot-chat-layout=bottom-sheet] .copilot-chat-wrapper{inset-inline:0;inset-block-start:auto;inset-block-end:0;block-size:min(70vh,520px);inline-size:100%;border-inline-start:none;border-block-start:1px solid var(--cds-border-subtle, rgba(0, 0, 0, .12))}

package/dist/index.d.ts

@@ -5,7 +5,7 @@ export type { ChatMessageType, MessageRole, MessageStatus, } from '@camunda/copi
 export { useChatStore, useAgentStore, selectIsBusy, selectAgentState, } from './store';
 export type { ChatMessage as ChatMessageInterface } from './types';
 export { AgentState, EventType, EventStatus, ResultType } from './types';
-export type { AgentStateType, EventTypeValue, EventStatusValue, ResultTypeValue, AgentEvent, AgentResult, ToolInvokeResult, FrontendTool, AgentTransport, AgentAdapterConfig, AgentAdapterReturn, SendMessagePayload, ToolResultPayload, } from './types';
+export type { AgentStateType, EventTypeValue, EventStatusValue, ResultTypeValue, AgentEvent, AgentResult, ToolInvokeResult, FrontendTool, ToolHandler, AgentTransport, AgentAdapterConfig, AgentAdapterReturn, SendMessagePayload, ToolResultPayload, } from './types';
 export { useAgentAdapter } from './hooks';
 export { getDefaultStatusLabel } from './utils';
 //# 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":"AAQA,OAAO,uCAAuC,CAAC;AAC/C,OAAO,0BAA0B,CAAC;AAElC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEtD,OAAO,EACL,SAAS,EACT,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,aAAa,EACb,eAAe,EACf,iBAAiB,GAClB,MAAM,6BAA6B,CAAC;AACrC,YAAY,EACV,eAAe,EACf,WAAW,EACX,aAAa,GACd,MAAM,6BAA6B,CAAC;AAErC,OAAO,EACL,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,gBAAgB,GACjB,MAAM,SAAS,CAAC;AACjB,YAAY,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,SAAS,CAAC;AACnE,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,EACZ,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAQA,OAAO,uCAAuC,CAAC;AAC/C,OAAO,0BAA0B,CAAC;AAElC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEtD,OAAO,EACL,SAAS,EACT,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,aAAa,EACb,eAAe,EACf,iBAAiB,GAClB,MAAM,6BAA6B,CAAC;AACrC,YAAY,EACV,eAAe,EACf,WAAW,EACX,aAAa,GACd,MAAM,6BAA6B,CAAC;AAErC,OAAO,EACL,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,gBAAgB,GACjB,MAAM,SAAS,CAAC;AACjB,YAAY,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,SAAS,CAAC;AACnE,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,EACZ,WAAW,EACX,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,SAAS,CAAC;AAEjB,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC"}