@camunda/copilot-chat 0.0.0-alpha8 → 0.0.1-hack
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +58 -74
- package/dist/CopilotChat.d.ts +2 -1
- package/dist/CopilotChat.d.ts.map +1 -1
- package/dist/hooks/useAgentAdapter.d.ts.map +1 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +6554 -5984
- package/dist/store/agentEventHandlers.d.ts +22 -0
- package/dist/store/agentEventHandlers.d.ts.map +1 -0
- package/dist/store/agentStore.d.ts +2 -14
- package/dist/store/agentStore.d.ts.map +1 -1
- package/dist/store/chatStore.d.ts +7 -1
- package/dist/store/chatStore.d.ts.map +1 -1
- package/dist/store/index.d.ts +1 -0
- package/dist/store/index.d.ts.map +1 -1
- package/dist/store/messageContextStore.d.ts +21 -0
- package/dist/store/messageContextStore.d.ts.map +1 -0
- package/dist/types/agentTypes.d.ts +3 -70
- package/dist/types/agentTypes.d.ts.map +1 -1
- package/dist/types/chatTypes.d.ts +15 -1
- package/dist/types/chatTypes.d.ts.map +1 -1
- package/dist/types/eventTypes.d.ts +25 -0
- package/dist/types/eventTypes.d.ts.map +1 -0
- package/dist/types/toolTypes.d.ts +38 -0
- package/dist/types/toolTypes.d.ts.map +1 -0
- package/dist/types/transportTypes.d.ts +34 -0
- package/dist/types/transportTypes.d.ts.map +1 -0
- package/dist/utils/eventHandlers.d.ts +24 -0
- package/dist/utils/eventHandlers.d.ts.map +1 -0
- package/dist/utils/eventPredicates.d.ts +10 -0
- package/dist/utils/eventPredicates.d.ts.map +1 -0
- package/dist/utils/index.d.ts +4 -0
- package/dist/utils/index.d.ts.map +1 -1
- package/dist/utils/kapaTools.d.ts +5 -0
- package/dist/utils/kapaTools.d.ts.map +1 -0
- package/dist/utils/thinkingBlockUtils.d.ts +18 -0
- package/dist/utils/thinkingBlockUtils.d.ts.map +1 -0
- package/dist/utils/toolResultFormatter.d.ts +5 -0
- package/dist/utils/toolResultFormatter.d.ts.map +1 -0
- package/package.json +6 -6
- package/dist/package.json +0 -61
package/README.md
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
#
|
|
1
|
+
# @camunda/copilot-chat
|
|
2
2
|
|
|
3
3
|
React component library for embedding Camunda Copilot chat interface into web applications.
|
|
4
4
|
|
|
@@ -8,97 +8,81 @@ React component library for embedding Camunda Copilot chat interface into web ap
|
|
|
8
8
|
npm install @camunda/copilot-chat
|
|
9
9
|
```
|
|
10
10
|
|
|
11
|
-
|
|
11
|
+
**Peer Dependencies:**
|
|
12
|
+
```bash
|
|
13
|
+
npm install react react-dom @carbon/react @carbon/icons-react
|
|
14
|
+
```
|
|
15
|
+
|
|
16
|
+
## Quick Start
|
|
12
17
|
|
|
13
18
|
```tsx
|
|
14
|
-
import { CopilotChat } from '@camunda/copilot-chat';
|
|
19
|
+
import { CopilotChat, useChatStore } from '@camunda/copilot-chat';
|
|
20
|
+
import '@camunda/copilot-chat/style.css';
|
|
15
21
|
|
|
16
22
|
function App() {
|
|
17
|
-
const handleSendMessage = async (
|
|
18
|
-
|
|
19
|
-
const
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
response_type: 'text',
|
|
24
|
-
text: `You said: "${request.input.text}"`,
|
|
25
|
-
},
|
|
26
|
-
],
|
|
27
|
-
},
|
|
28
|
-
};
|
|
29
|
-
|
|
30
|
-
await instance.messaging.addMessage(response);
|
|
23
|
+
const handleSendMessage = async (message: string) => {
|
|
24
|
+
const { addAssistantMessage, appendToMessage, updateMessageStatus } = useChatStore.getState();
|
|
25
|
+
const messageId = `msg-${Date.now()}`;
|
|
26
|
+
addAssistantMessage(messageId);
|
|
27
|
+
appendToMessage(messageId, 'Hello!');
|
|
28
|
+
updateMessageStatus(messageId, 'complete'); // 'pending' | 'streaming' | 'complete' | 'error'
|
|
31
29
|
};
|
|
32
30
|
|
|
33
|
-
return <CopilotChat
|
|
31
|
+
return <CopilotChat onSendMessage={handleSendMessage} workareaSelector="body" />;
|
|
34
32
|
}
|
|
35
33
|
```
|
|
36
34
|
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
- **`customSendMessage`** (required): Function to handle message sending and responses
|
|
40
|
-
- **`workareaSelector`** (optional): CSS selector for the workarea container (default: `"body"`)
|
|
41
|
-
|
|
42
|
-
### Features
|
|
43
|
-
|
|
44
|
-
- Bottom-right floating launcher button
|
|
45
|
-
- Sidecar panel that slides in from the right
|
|
46
|
-
- Automatically injected styles (no separate CSS import needed)
|
|
47
|
-
|
|
48
|
-
## Development
|
|
49
|
-
|
|
50
|
-
### Prerequisites
|
|
51
|
-
|
|
52
|
-
- Node.js ≥18.0.0
|
|
53
|
-
- npm ≥9.0.0
|
|
54
|
-
|
|
55
|
-
### Setup
|
|
56
|
-
|
|
57
|
-
```bash
|
|
58
|
-
npm install
|
|
59
|
-
```
|
|
60
|
-
|
|
61
|
-
### Local Development
|
|
62
|
-
|
|
63
|
-
```bash
|
|
64
|
-
# Run both library build (watch mode) and demo app together
|
|
65
|
-
npm run dev
|
|
66
|
-
|
|
67
|
-
# Or run individually:
|
|
68
|
-
# Build library in watch mode
|
|
69
|
-
npm run build:watch
|
|
35
|
+
## With Agent Adapter (Recommended)
|
|
70
36
|
|
|
71
|
-
|
|
72
|
-
npm run demo
|
|
37
|
+
For full agent orchestration with tool execution:
|
|
73
38
|
|
|
74
|
-
|
|
75
|
-
|
|
39
|
+
```tsx
|
|
40
|
+
import { useMemo } from 'react';
|
|
41
|
+
import { CopilotChat, useAgentAdapter } from '@camunda/copilot-chat';
|
|
42
|
+
import '@camunda/copilot-chat/style.css';
|
|
76
43
|
|
|
77
|
-
|
|
78
|
-
|
|
44
|
+
function App() {
|
|
45
|
+
const transport = useMemo(() => ({
|
|
46
|
+
subscribe: (id, onEvent) => { /* Subscribe to events */ },
|
|
47
|
+
unsubscribe: (id) => { /* Cleanup */ },
|
|
48
|
+
sendMessage: async (payload) => { /* POST to backend */ },
|
|
49
|
+
sendToolResult: async (payload) => { /* POST tool result */ },
|
|
50
|
+
}), []);
|
|
51
|
+
|
|
52
|
+
const { sendMessage, stopGeneration, resetConversation } = useAgentAdapter({
|
|
53
|
+
transport,
|
|
54
|
+
frontendTools: [{ name: 'my_tool', description: '...', parametersSchema: '{}' }],
|
|
55
|
+
onToolInvoke: async (toolName, args) => { /* Return result */ },
|
|
56
|
+
});
|
|
57
|
+
|
|
58
|
+
return (
|
|
59
|
+
<CopilotChat
|
|
60
|
+
onSendMessage={sendMessage}
|
|
61
|
+
onStopGeneration={stopGeneration}
|
|
62
|
+
onResetConversation={resetConversation}
|
|
63
|
+
/>
|
|
64
|
+
);
|
|
65
|
+
}
|
|
79
66
|
```
|
|
80
67
|
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
## Contributing
|
|
68
|
+
## Props
|
|
84
69
|
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
70
|
+
| Prop | Type | Required | Description |
|
|
71
|
+
|------|------|----------|-------------|
|
|
72
|
+
| `onSendMessage` | `(message: string) => Promise<void>` | Yes | Called when user sends a message |
|
|
73
|
+
| `onStopGeneration` | `() => void` | No | Called when user clicks stop button |
|
|
74
|
+
| `onResetConversation` | `() => void` | No | Called when user resets the conversation |
|
|
75
|
+
| `workareaSelector` | `string` | No | CSS selector for the main content area |
|
|
76
|
+
| `emptyStateTitle` | `string` | No | Title shown when chat is empty |
|
|
77
|
+
| `emptyStateDescription` | `string` | No | Description shown when chat is empty |
|
|
91
78
|
|
|
92
|
-
|
|
93
|
-
npm test
|
|
79
|
+
## Documentation
|
|
94
80
|
|
|
95
|
-
|
|
96
|
-
npm run build
|
|
81
|
+
See the [docs folder](../../docs) for detailed documentation:
|
|
97
82
|
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
```
|
|
83
|
+
- [Architecture Overview](../../docs/architecture.md)
|
|
84
|
+
- [Integration Guide](../../docs/integration.md)
|
|
85
|
+
- [Writing Adapters](../../docs/adapters.md)
|
|
102
86
|
|
|
103
87
|
## License
|
|
104
88
|
|
package/dist/CopilotChat.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
1
2
|
export interface CopilotChatProps {
|
|
2
3
|
readonly onSendMessage: (message: string) => void;
|
|
3
4
|
readonly isBusy?: boolean;
|
|
@@ -7,6 +8,6 @@ export interface CopilotChatProps {
|
|
|
7
8
|
readonly emptyStateTitle?: string;
|
|
8
9
|
readonly emptyStateDescription?: string;
|
|
9
10
|
}
|
|
10
|
-
export declare const CopilotChat: ({ onSendMessage, isBusy, workareaSelector, onStopGeneration, onResetConversation, emptyStateTitle, emptyStateDescription, }: CopilotChatProps) =>
|
|
11
|
+
export declare const CopilotChat: ({ onSendMessage, isBusy, workareaSelector, onStopGeneration, onResetConversation, emptyStateTitle, emptyStateDescription, }: CopilotChatProps) => React.JSX.Element;
|
|
11
12
|
export default CopilotChat;
|
|
12
13
|
//# sourceMappingURL=CopilotChat.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CopilotChat.d.ts","sourceRoot":"","sources":["../src/CopilotChat.tsx"],"names":[],"mappings":"AAQA,OAAO,0BAA0B,CAAC;AAYlC,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,
|
|
1
|
+
{"version":3,"file":"CopilotChat.d.ts","sourceRoot":"","sources":["../src/CopilotChat.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,0BAA0B,CAAC;AAYlC,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,sBAgFlB,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useAgentAdapter.d.ts","sourceRoot":"","sources":["../../src/hooks/useAgentAdapter.ts"],"names":[],"mappings":"AASA,OAAO,
|
|
1
|
+
{"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
CHANGED
|
@@ -1 +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))}
|
|
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}._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
CHANGED
|
@@ -5,7 +5,7 @@ export type { ChatMessageType, MessageRole, MessageStatus, } from '@camunda/copi
|
|
|
5
5
|
export { useChatStore, useAgentStore, selectIsBusy, selectAgentState, } from './store';
|
|
6
6
|
export type { ChatMessage as ChatMessageInterface } from './types';
|
|
7
7
|
export { AgentState, EventType, EventStatus, ResultType } from './types';
|
|
8
|
-
export type { AgentStateType, EventTypeValue, EventStatusValue, ResultTypeValue, AgentEvent, AgentResult, ToolInvokeResult, FrontendTool, AgentTransport, AgentAdapterConfig, AgentAdapterReturn, SendMessagePayload, ToolResultPayload, } from './types';
|
|
8
|
+
export type { AgentStateType, EventTypeValue, EventStatusValue, ResultTypeValue, AgentEvent, AgentResult, ToolInvokeResult, FrontendTool, ToolHandler, AgentTransport, AgentAdapterConfig, AgentAdapterReturn, SendMessagePayload, ToolResultPayload, } from './types';
|
|
9
9
|
export { useAgentAdapter } from './hooks';
|
|
10
10
|
export { getDefaultStatusLabel } from './utils';
|
|
11
11
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +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"}
|
|
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,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"}
|