@agentiffai/design 0.1.7 → 0.1.9
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/dist/{StreamStatusIndicator-DM5n4MI1.d.cts → Window-CF5y1_Og.d.cts} +111 -106
- package/dist/{StreamStatusIndicator-DM5n4MI1.d.ts → Window-CF5y1_Og.d.ts} +111 -106
- package/dist/copilotkit/index.cjs +2465 -2276
- package/dist/copilotkit/index.cjs.map +1 -1
- package/dist/copilotkit/index.d.cts +63 -46
- package/dist/copilotkit/index.d.ts +63 -46
- package/dist/copilotkit/index.js +2463 -2275
- package/dist/copilotkit/index.js.map +1 -1
- package/dist/icons/index.cjs +68 -167
- package/dist/icons/index.cjs.map +1 -1
- package/dist/icons/index.d.cts +25 -20
- package/dist/icons/index.d.ts +25 -20
- package/dist/icons/index.js +68 -167
- package/dist/icons/index.js.map +1 -1
- package/dist/index.cjs +5968 -3620
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +364 -4
- package/dist/index.d.ts +364 -4
- package/dist/index.js +5917 -3590
- package/dist/index.js.map +1 -1
- package/dist/layout/index.cjs +1000 -525
- package/dist/layout/index.cjs.map +1 -1
- package/dist/layout/index.d.cts +70 -8
- package/dist/layout/index.d.ts +70 -8
- package/dist/layout/index.js +997 -523
- package/dist/layout/index.js.map +1 -1
- package/dist/theme/index.cjs +345 -24
- package/dist/theme/index.cjs.map +1 -1
- package/dist/theme/index.d.cts +524 -65
- package/dist/theme/index.d.ts +524 -65
- package/dist/theme/index.js +345 -24
- package/dist/theme/index.js.map +1 -1
- package/dist/workflow/index.cjs +870 -575
- package/dist/workflow/index.cjs.map +1 -1
- package/dist/workflow/index.d.cts +93 -57
- package/dist/workflow/index.d.ts +93 -57
- package/dist/workflow/index.js +866 -572
- package/dist/workflow/index.js.map +1 -1
- package/package.json +1 -1
- package/public/assets/icon-set/Icon-contacts-fill.svg +3 -0
- package/public/assets/icon-set/Icon-mail-open-fill.svg +3 -0
- package/public/assets/icon-set/Icon-p2p-fill.svg +3 -0
- package/public/assets/icon-set/Icon-robot-2-fill.svg +3 -0
- package/public/assets/icon-set/Icon-send-plane-fill.svg +3 -0
- package/public/assets/icon-set/Notion.svg +41 -0
- package/public/assets/icon-set/Postiz.svg +1 -0
- package/public/assets/avatar-transparent-bg.png +0 -0
|
@@ -1,45 +1,29 @@
|
|
|
1
|
-
export { A as Action, c as ActionVariant, d as Actions, a as ActionsLayout, b as ActionsProps, f as AgentState, e as AgentStateProps, q as AssistantMessage, m as AssistantMessageProps, i as Button, B as ButtonProps, g as ButtonSize, h as ButtonVariant, r as FileAttachment, n as FileAttachmentProps, j as Footer, F as FooterProps, k as Header, H as HeaderProps, l as Input, I as InputProps, M as Message, s as Messages, t as MessagesList, u as MessagesListContainer, v as MessagesListContent, o as MessagesListProps, p as MessagesProps, x as Response, R as ResponseProps,
|
|
2
|
-
import
|
|
1
|
+
export { A as Action, c as ActionVariant, d as Actions, a as ActionsLayout, b as ActionsProps, f as AgentState, e as AgentStateProps, q as AssistantMessage, m as AssistantMessageProps, i as Button, B as ButtonProps, g as ButtonSize, h as ButtonVariant, r as FileAttachment, n as FileAttachmentProps, j as Footer, F as FooterProps, k as Header, H as HeaderProps, l as Input, I as InputProps, M as Message, s as Messages, t as MessagesList, u as MessagesListContainer, v as MessagesListContent, o as MessagesListProps, p as MessagesProps, x as Response, R as ResponseProps, y as StreamErrorMessage, S as StreamErrorMessageProps, E as StreamStatusIndicator, D as StreamStatusIndicatorProps, C as StreamingText, z as StreamingTextProps, J as Suggestions, G as SuggestionsProps, w as UserMessage, U as UserMessageProps, K as Window, W as WindowProps } from '../Window-CF5y1_Og.cjs';
|
|
2
|
+
import { RenderMessageProps, AssistantMessageProps, InputProps, UserMessageProps } from '@copilotkit/react-ui';
|
|
3
3
|
import React__default, { ReactNode } from 'react';
|
|
4
|
-
import
|
|
4
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
5
5
|
import '@react-aria/button';
|
|
6
6
|
import '@react-aria/textfield';
|
|
7
7
|
import '@react-types/button';
|
|
8
8
|
import 'styled-components';
|
|
9
9
|
import 'styled-components/dist/types';
|
|
10
10
|
|
|
11
|
-
interface CustomCopilotSidebarProps$1 {
|
|
12
|
-
children: ReactNode;
|
|
13
|
-
defaultOpen?: boolean;
|
|
14
|
-
onSetOpen?: (open: boolean) => void;
|
|
15
|
-
instructions?: string;
|
|
16
|
-
className?: string;
|
|
17
|
-
/**
|
|
18
|
-
* When true, disables the chat button and prevents opening the sidebar.
|
|
19
|
-
*/
|
|
20
|
-
disabled?: boolean;
|
|
21
|
-
/**
|
|
22
|
-
* Message to display as tooltip when disabled.
|
|
23
|
-
*/
|
|
24
|
-
disabledReason?: string;
|
|
25
|
-
}
|
|
26
11
|
/**
|
|
27
|
-
*
|
|
12
|
+
* ActionExecutionAdapter Component
|
|
28
13
|
*
|
|
29
|
-
*
|
|
30
|
-
*
|
|
14
|
+
* Adapter for CopilotKit's action execution messages.
|
|
15
|
+
* Displays tool calls using the AgentState component.
|
|
16
|
+
*/
|
|
17
|
+
|
|
18
|
+
/**
|
|
19
|
+
* ActionExecutionAdapter - Renders tool/action execution messages in chat
|
|
31
20
|
*
|
|
32
|
-
*
|
|
33
|
-
*
|
|
34
|
-
*
|
|
35
|
-
*
|
|
36
|
-
* </CustomCopilotSidebar>
|
|
37
|
-
* ```
|
|
21
|
+
* Uses the AgentState component to show:
|
|
22
|
+
* - Tool name
|
|
23
|
+
* - Current status (thinking/responding)
|
|
24
|
+
* - Progress message based on tool arguments
|
|
38
25
|
*/
|
|
39
|
-
declare
|
|
40
|
-
declare namespace CustomCopilotSidebar$1 {
|
|
41
|
-
var displayName: string;
|
|
42
|
-
}
|
|
26
|
+
declare const ActionExecutionAdapter: React__default.FC<RenderMessageProps>;
|
|
43
27
|
|
|
44
28
|
/**
|
|
45
29
|
* Adapter component that bridges custom AssistantMessage with CopilotKit's expected interface
|
|
@@ -56,32 +40,32 @@ declare namespace CustomCopilotSidebar$1 {
|
|
|
56
40
|
declare const AssistantMessageAdapter: React__default.FC<AssistantMessageProps>;
|
|
57
41
|
|
|
58
42
|
/**
|
|
59
|
-
* Adapter component that bridges custom
|
|
43
|
+
* Adapter component that bridges custom Input with CopilotKit's expected interface
|
|
60
44
|
*
|
|
61
45
|
* This adapter:
|
|
62
|
-
* 1. Converts CopilotKit's
|
|
63
|
-
* 2.
|
|
64
|
-
* 3.
|
|
46
|
+
* 1. Converts CopilotKit's InputProps to our custom component props
|
|
47
|
+
* 2. Handles the onSend callback to work with CopilotKit's message system
|
|
48
|
+
* 3. Manages input state and submission
|
|
65
49
|
*/
|
|
66
50
|
|
|
67
51
|
/**
|
|
68
|
-
* Adapter that converts CopilotKit's
|
|
52
|
+
* Adapter that converts CopilotKit's InputProps to our custom component
|
|
69
53
|
*/
|
|
70
|
-
declare const
|
|
54
|
+
declare const InputAdapter: React__default.FC<InputProps>;
|
|
71
55
|
|
|
72
56
|
/**
|
|
73
|
-
* Adapter component that bridges custom
|
|
57
|
+
* Adapter component that bridges custom UserMessage with CopilotKit's expected interface
|
|
74
58
|
*
|
|
75
59
|
* This adapter:
|
|
76
|
-
* 1. Converts CopilotKit's
|
|
77
|
-
* 2.
|
|
78
|
-
* 3.
|
|
60
|
+
* 1. Converts CopilotKit's UserMessageProps to our custom component props
|
|
61
|
+
* 2. Extracts message content from CopilotKit's message object
|
|
62
|
+
* 3. Handles image messages appropriately
|
|
79
63
|
*/
|
|
80
64
|
|
|
81
65
|
/**
|
|
82
|
-
* Adapter that converts CopilotKit's
|
|
66
|
+
* Adapter that converts CopilotKit's UserMessageProps to our custom component
|
|
83
67
|
*/
|
|
84
|
-
declare const
|
|
68
|
+
declare const UserMessageAdapter: React__default.FC<UserMessageProps>;
|
|
85
69
|
|
|
86
70
|
/**
|
|
87
71
|
* Complete CopilotSidebar Integration Example
|
|
@@ -107,7 +91,7 @@ declare const InputAdapter: React__default.FC<InputProps>;
|
|
|
107
91
|
* ```
|
|
108
92
|
*/
|
|
109
93
|
|
|
110
|
-
interface CustomCopilotSidebarProps {
|
|
94
|
+
interface CustomCopilotSidebarProps$1 {
|
|
111
95
|
/**
|
|
112
96
|
* Children to render alongside the sidebar
|
|
113
97
|
*/
|
|
@@ -162,6 +146,39 @@ interface CustomCopilotSidebarProps {
|
|
|
162
146
|
* - Custom Input with React ARIA accessibility
|
|
163
147
|
* - Styled chat button with gradient
|
|
164
148
|
*/
|
|
165
|
-
declare const CustomCopilotSidebar: React__default.FC<CustomCopilotSidebarProps>;
|
|
149
|
+
declare const CustomCopilotSidebar$1: React__default.FC<CustomCopilotSidebarProps$1>;
|
|
150
|
+
|
|
151
|
+
interface CustomCopilotSidebarProps {
|
|
152
|
+
children: ReactNode;
|
|
153
|
+
defaultOpen?: boolean;
|
|
154
|
+
onSetOpen?: (open: boolean) => void;
|
|
155
|
+
instructions?: string;
|
|
156
|
+
className?: string;
|
|
157
|
+
/**
|
|
158
|
+
* When true, disables the chat button and prevents opening the sidebar.
|
|
159
|
+
*/
|
|
160
|
+
disabled?: boolean;
|
|
161
|
+
/**
|
|
162
|
+
* Message to display as tooltip when disabled.
|
|
163
|
+
*/
|
|
164
|
+
disabledReason?: string;
|
|
165
|
+
}
|
|
166
|
+
/**
|
|
167
|
+
* CustomCopilotSidebar - A CopilotSidebar wrapper using our custom components
|
|
168
|
+
*
|
|
169
|
+
* This component wraps CopilotKit's CopilotSidebar and provides our custom
|
|
170
|
+
* design system components for a consistent look and feel.
|
|
171
|
+
*
|
|
172
|
+
* @example
|
|
173
|
+
* ```tsx
|
|
174
|
+
* <CustomCopilotSidebar defaultOpen={false} onSetOpen={(open) => console.log(open)}>
|
|
175
|
+
* <YourApp />
|
|
176
|
+
* </CustomCopilotSidebar>
|
|
177
|
+
* ```
|
|
178
|
+
*/
|
|
179
|
+
declare function CustomCopilotSidebar({ children, defaultOpen, onSetOpen, instructions, className, disabled, disabledReason, }: CustomCopilotSidebarProps): react_jsx_runtime.JSX.Element;
|
|
180
|
+
declare namespace CustomCopilotSidebar {
|
|
181
|
+
var displayName: string;
|
|
182
|
+
}
|
|
166
183
|
|
|
167
|
-
export { AssistantMessageAdapter, CustomCopilotSidebar
|
|
184
|
+
export { ActionExecutionAdapter, AssistantMessageAdapter, CustomCopilotSidebar, type CustomCopilotSidebarProps, InputAdapter, CustomCopilotSidebar$1 as IntegratedSidebar, type CustomCopilotSidebarProps$1 as IntegratedSidebarProps, UserMessageAdapter };
|
|
@@ -1,45 +1,29 @@
|
|
|
1
|
-
export { A as Action, c as ActionVariant, d as Actions, a as ActionsLayout, b as ActionsProps, f as AgentState, e as AgentStateProps, q as AssistantMessage, m as AssistantMessageProps, i as Button, B as ButtonProps, g as ButtonSize, h as ButtonVariant, r as FileAttachment, n as FileAttachmentProps, j as Footer, F as FooterProps, k as Header, H as HeaderProps, l as Input, I as InputProps, M as Message, s as Messages, t as MessagesList, u as MessagesListContainer, v as MessagesListContent, o as MessagesListProps, p as MessagesProps, x as Response, R as ResponseProps,
|
|
2
|
-
import
|
|
1
|
+
export { A as Action, c as ActionVariant, d as Actions, a as ActionsLayout, b as ActionsProps, f as AgentState, e as AgentStateProps, q as AssistantMessage, m as AssistantMessageProps, i as Button, B as ButtonProps, g as ButtonSize, h as ButtonVariant, r as FileAttachment, n as FileAttachmentProps, j as Footer, F as FooterProps, k as Header, H as HeaderProps, l as Input, I as InputProps, M as Message, s as Messages, t as MessagesList, u as MessagesListContainer, v as MessagesListContent, o as MessagesListProps, p as MessagesProps, x as Response, R as ResponseProps, y as StreamErrorMessage, S as StreamErrorMessageProps, E as StreamStatusIndicator, D as StreamStatusIndicatorProps, C as StreamingText, z as StreamingTextProps, J as Suggestions, G as SuggestionsProps, w as UserMessage, U as UserMessageProps, K as Window, W as WindowProps } from '../Window-CF5y1_Og.js';
|
|
2
|
+
import { RenderMessageProps, AssistantMessageProps, InputProps, UserMessageProps } from '@copilotkit/react-ui';
|
|
3
3
|
import React__default, { ReactNode } from 'react';
|
|
4
|
-
import
|
|
4
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
5
5
|
import '@react-aria/button';
|
|
6
6
|
import '@react-aria/textfield';
|
|
7
7
|
import '@react-types/button';
|
|
8
8
|
import 'styled-components';
|
|
9
9
|
import 'styled-components/dist/types';
|
|
10
10
|
|
|
11
|
-
interface CustomCopilotSidebarProps$1 {
|
|
12
|
-
children: ReactNode;
|
|
13
|
-
defaultOpen?: boolean;
|
|
14
|
-
onSetOpen?: (open: boolean) => void;
|
|
15
|
-
instructions?: string;
|
|
16
|
-
className?: string;
|
|
17
|
-
/**
|
|
18
|
-
* When true, disables the chat button and prevents opening the sidebar.
|
|
19
|
-
*/
|
|
20
|
-
disabled?: boolean;
|
|
21
|
-
/**
|
|
22
|
-
* Message to display as tooltip when disabled.
|
|
23
|
-
*/
|
|
24
|
-
disabledReason?: string;
|
|
25
|
-
}
|
|
26
11
|
/**
|
|
27
|
-
*
|
|
12
|
+
* ActionExecutionAdapter Component
|
|
28
13
|
*
|
|
29
|
-
*
|
|
30
|
-
*
|
|
14
|
+
* Adapter for CopilotKit's action execution messages.
|
|
15
|
+
* Displays tool calls using the AgentState component.
|
|
16
|
+
*/
|
|
17
|
+
|
|
18
|
+
/**
|
|
19
|
+
* ActionExecutionAdapter - Renders tool/action execution messages in chat
|
|
31
20
|
*
|
|
32
|
-
*
|
|
33
|
-
*
|
|
34
|
-
*
|
|
35
|
-
*
|
|
36
|
-
* </CustomCopilotSidebar>
|
|
37
|
-
* ```
|
|
21
|
+
* Uses the AgentState component to show:
|
|
22
|
+
* - Tool name
|
|
23
|
+
* - Current status (thinking/responding)
|
|
24
|
+
* - Progress message based on tool arguments
|
|
38
25
|
*/
|
|
39
|
-
declare
|
|
40
|
-
declare namespace CustomCopilotSidebar$1 {
|
|
41
|
-
var displayName: string;
|
|
42
|
-
}
|
|
26
|
+
declare const ActionExecutionAdapter: React__default.FC<RenderMessageProps>;
|
|
43
27
|
|
|
44
28
|
/**
|
|
45
29
|
* Adapter component that bridges custom AssistantMessage with CopilotKit's expected interface
|
|
@@ -56,32 +40,32 @@ declare namespace CustomCopilotSidebar$1 {
|
|
|
56
40
|
declare const AssistantMessageAdapter: React__default.FC<AssistantMessageProps>;
|
|
57
41
|
|
|
58
42
|
/**
|
|
59
|
-
* Adapter component that bridges custom
|
|
43
|
+
* Adapter component that bridges custom Input with CopilotKit's expected interface
|
|
60
44
|
*
|
|
61
45
|
* This adapter:
|
|
62
|
-
* 1. Converts CopilotKit's
|
|
63
|
-
* 2.
|
|
64
|
-
* 3.
|
|
46
|
+
* 1. Converts CopilotKit's InputProps to our custom component props
|
|
47
|
+
* 2. Handles the onSend callback to work with CopilotKit's message system
|
|
48
|
+
* 3. Manages input state and submission
|
|
65
49
|
*/
|
|
66
50
|
|
|
67
51
|
/**
|
|
68
|
-
* Adapter that converts CopilotKit's
|
|
52
|
+
* Adapter that converts CopilotKit's InputProps to our custom component
|
|
69
53
|
*/
|
|
70
|
-
declare const
|
|
54
|
+
declare const InputAdapter: React__default.FC<InputProps>;
|
|
71
55
|
|
|
72
56
|
/**
|
|
73
|
-
* Adapter component that bridges custom
|
|
57
|
+
* Adapter component that bridges custom UserMessage with CopilotKit's expected interface
|
|
74
58
|
*
|
|
75
59
|
* This adapter:
|
|
76
|
-
* 1. Converts CopilotKit's
|
|
77
|
-
* 2.
|
|
78
|
-
* 3.
|
|
60
|
+
* 1. Converts CopilotKit's UserMessageProps to our custom component props
|
|
61
|
+
* 2. Extracts message content from CopilotKit's message object
|
|
62
|
+
* 3. Handles image messages appropriately
|
|
79
63
|
*/
|
|
80
64
|
|
|
81
65
|
/**
|
|
82
|
-
* Adapter that converts CopilotKit's
|
|
66
|
+
* Adapter that converts CopilotKit's UserMessageProps to our custom component
|
|
83
67
|
*/
|
|
84
|
-
declare const
|
|
68
|
+
declare const UserMessageAdapter: React__default.FC<UserMessageProps>;
|
|
85
69
|
|
|
86
70
|
/**
|
|
87
71
|
* Complete CopilotSidebar Integration Example
|
|
@@ -107,7 +91,7 @@ declare const InputAdapter: React__default.FC<InputProps>;
|
|
|
107
91
|
* ```
|
|
108
92
|
*/
|
|
109
93
|
|
|
110
|
-
interface CustomCopilotSidebarProps {
|
|
94
|
+
interface CustomCopilotSidebarProps$1 {
|
|
111
95
|
/**
|
|
112
96
|
* Children to render alongside the sidebar
|
|
113
97
|
*/
|
|
@@ -162,6 +146,39 @@ interface CustomCopilotSidebarProps {
|
|
|
162
146
|
* - Custom Input with React ARIA accessibility
|
|
163
147
|
* - Styled chat button with gradient
|
|
164
148
|
*/
|
|
165
|
-
declare const CustomCopilotSidebar: React__default.FC<CustomCopilotSidebarProps>;
|
|
149
|
+
declare const CustomCopilotSidebar$1: React__default.FC<CustomCopilotSidebarProps$1>;
|
|
150
|
+
|
|
151
|
+
interface CustomCopilotSidebarProps {
|
|
152
|
+
children: ReactNode;
|
|
153
|
+
defaultOpen?: boolean;
|
|
154
|
+
onSetOpen?: (open: boolean) => void;
|
|
155
|
+
instructions?: string;
|
|
156
|
+
className?: string;
|
|
157
|
+
/**
|
|
158
|
+
* When true, disables the chat button and prevents opening the sidebar.
|
|
159
|
+
*/
|
|
160
|
+
disabled?: boolean;
|
|
161
|
+
/**
|
|
162
|
+
* Message to display as tooltip when disabled.
|
|
163
|
+
*/
|
|
164
|
+
disabledReason?: string;
|
|
165
|
+
}
|
|
166
|
+
/**
|
|
167
|
+
* CustomCopilotSidebar - A CopilotSidebar wrapper using our custom components
|
|
168
|
+
*
|
|
169
|
+
* This component wraps CopilotKit's CopilotSidebar and provides our custom
|
|
170
|
+
* design system components for a consistent look and feel.
|
|
171
|
+
*
|
|
172
|
+
* @example
|
|
173
|
+
* ```tsx
|
|
174
|
+
* <CustomCopilotSidebar defaultOpen={false} onSetOpen={(open) => console.log(open)}>
|
|
175
|
+
* <YourApp />
|
|
176
|
+
* </CustomCopilotSidebar>
|
|
177
|
+
* ```
|
|
178
|
+
*/
|
|
179
|
+
declare function CustomCopilotSidebar({ children, defaultOpen, onSetOpen, instructions, className, disabled, disabledReason, }: CustomCopilotSidebarProps): react_jsx_runtime.JSX.Element;
|
|
180
|
+
declare namespace CustomCopilotSidebar {
|
|
181
|
+
var displayName: string;
|
|
182
|
+
}
|
|
166
183
|
|
|
167
|
-
export { AssistantMessageAdapter, CustomCopilotSidebar
|
|
184
|
+
export { ActionExecutionAdapter, AssistantMessageAdapter, CustomCopilotSidebar, type CustomCopilotSidebarProps, InputAdapter, CustomCopilotSidebar$1 as IntegratedSidebar, type CustomCopilotSidebarProps$1 as IntegratedSidebarProps, UserMessageAdapter };
|