@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.
Files changed (47) hide show
  1. package/dist/{StreamStatusIndicator-DM5n4MI1.d.cts → Window-CF5y1_Og.d.cts} +111 -106
  2. package/dist/{StreamStatusIndicator-DM5n4MI1.d.ts → Window-CF5y1_Og.d.ts} +111 -106
  3. package/dist/copilotkit/index.cjs +2465 -2276
  4. package/dist/copilotkit/index.cjs.map +1 -1
  5. package/dist/copilotkit/index.d.cts +63 -46
  6. package/dist/copilotkit/index.d.ts +63 -46
  7. package/dist/copilotkit/index.js +2463 -2275
  8. package/dist/copilotkit/index.js.map +1 -1
  9. package/dist/icons/index.cjs +68 -167
  10. package/dist/icons/index.cjs.map +1 -1
  11. package/dist/icons/index.d.cts +25 -20
  12. package/dist/icons/index.d.ts +25 -20
  13. package/dist/icons/index.js +68 -167
  14. package/dist/icons/index.js.map +1 -1
  15. package/dist/index.cjs +5968 -3620
  16. package/dist/index.cjs.map +1 -1
  17. package/dist/index.d.cts +364 -4
  18. package/dist/index.d.ts +364 -4
  19. package/dist/index.js +5917 -3590
  20. package/dist/index.js.map +1 -1
  21. package/dist/layout/index.cjs +1000 -525
  22. package/dist/layout/index.cjs.map +1 -1
  23. package/dist/layout/index.d.cts +70 -8
  24. package/dist/layout/index.d.ts +70 -8
  25. package/dist/layout/index.js +997 -523
  26. package/dist/layout/index.js.map +1 -1
  27. package/dist/theme/index.cjs +345 -24
  28. package/dist/theme/index.cjs.map +1 -1
  29. package/dist/theme/index.d.cts +524 -65
  30. package/dist/theme/index.d.ts +524 -65
  31. package/dist/theme/index.js +345 -24
  32. package/dist/theme/index.js.map +1 -1
  33. package/dist/workflow/index.cjs +870 -575
  34. package/dist/workflow/index.cjs.map +1 -1
  35. package/dist/workflow/index.d.cts +93 -57
  36. package/dist/workflow/index.d.ts +93 -57
  37. package/dist/workflow/index.js +866 -572
  38. package/dist/workflow/index.js.map +1 -1
  39. package/package.json +1 -1
  40. package/public/assets/icon-set/Icon-contacts-fill.svg +3 -0
  41. package/public/assets/icon-set/Icon-mail-open-fill.svg +3 -0
  42. package/public/assets/icon-set/Icon-p2p-fill.svg +3 -0
  43. package/public/assets/icon-set/Icon-robot-2-fill.svg +3 -0
  44. package/public/assets/icon-set/Icon-send-plane-fill.svg +3 -0
  45. package/public/assets/icon-set/Notion.svg +41 -0
  46. package/public/assets/icon-set/Postiz.svg +1 -0
  47. 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, E as StreamErrorMessage, G as StreamErrorMessageProps, J as StreamStatusIndicator, K as StreamStatusIndicatorProps, C as StreamingText, D as StreamingTextProps, y as Suggestions, S as SuggestionsProps, w as UserMessage, U as UserMessageProps, z as Window, W as WindowProps } from '../StreamStatusIndicator-DM5n4MI1.cjs';
2
- import * as react_jsx_runtime from 'react/jsx-runtime';
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 { AssistantMessageProps, UserMessageProps, InputProps } from '@copilotkit/react-ui';
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
- * CustomCopilotSidebar - A CopilotSidebar wrapper using our custom components
12
+ * ActionExecutionAdapter Component
28
13
  *
29
- * This component wraps CopilotKit's CopilotSidebar and provides our custom
30
- * design system components for a consistent look and feel.
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
- * @example
33
- * ```tsx
34
- * <CustomCopilotSidebar defaultOpen={false} onSetOpen={(open) => console.log(open)}>
35
- * <YourApp />
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 function CustomCopilotSidebar$1({ children, defaultOpen, onSetOpen, instructions, className, disabled, disabledReason, }: CustomCopilotSidebarProps$1): react_jsx_runtime.JSX.Element;
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 UserMessage with CopilotKit's expected interface
43
+ * Adapter component that bridges custom Input with CopilotKit's expected interface
60
44
  *
61
45
  * This adapter:
62
- * 1. Converts CopilotKit's UserMessageProps to our custom component props
63
- * 2. Extracts message content from CopilotKit's message object
64
- * 3. Handles image messages appropriately
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 UserMessageProps to our custom component
52
+ * Adapter that converts CopilotKit's InputProps to our custom component
69
53
  */
70
- declare const UserMessageAdapter: React__default.FC<UserMessageProps>;
54
+ declare const InputAdapter: React__default.FC<InputProps>;
71
55
 
72
56
  /**
73
- * Adapter component that bridges custom Input with CopilotKit's expected interface
57
+ * Adapter component that bridges custom UserMessage with CopilotKit's expected interface
74
58
  *
75
59
  * This adapter:
76
- * 1. Converts CopilotKit's InputProps to our custom component props
77
- * 2. Handles the onSend callback to work with CopilotKit's message system
78
- * 3. Manages input state and submission
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 InputProps to our custom component
66
+ * Adapter that converts CopilotKit's UserMessageProps to our custom component
83
67
  */
84
- declare const InputAdapter: React__default.FC<InputProps>;
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$1 as CustomCopilotSidebar, type CustomCopilotSidebarProps$1 as CustomCopilotSidebarProps, InputAdapter, CustomCopilotSidebar as IntegratedSidebar, type CustomCopilotSidebarProps as IntegratedSidebarProps, UserMessageAdapter };
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, E as StreamErrorMessage, G as StreamErrorMessageProps, J as StreamStatusIndicator, K as StreamStatusIndicatorProps, C as StreamingText, D as StreamingTextProps, y as Suggestions, S as SuggestionsProps, w as UserMessage, U as UserMessageProps, z as Window, W as WindowProps } from '../StreamStatusIndicator-DM5n4MI1.js';
2
- import * as react_jsx_runtime from 'react/jsx-runtime';
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 { AssistantMessageProps, UserMessageProps, InputProps } from '@copilotkit/react-ui';
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
- * CustomCopilotSidebar - A CopilotSidebar wrapper using our custom components
12
+ * ActionExecutionAdapter Component
28
13
  *
29
- * This component wraps CopilotKit's CopilotSidebar and provides our custom
30
- * design system components for a consistent look and feel.
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
- * @example
33
- * ```tsx
34
- * <CustomCopilotSidebar defaultOpen={false} onSetOpen={(open) => console.log(open)}>
35
- * <YourApp />
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 function CustomCopilotSidebar$1({ children, defaultOpen, onSetOpen, instructions, className, disabled, disabledReason, }: CustomCopilotSidebarProps$1): react_jsx_runtime.JSX.Element;
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 UserMessage with CopilotKit's expected interface
43
+ * Adapter component that bridges custom Input with CopilotKit's expected interface
60
44
  *
61
45
  * This adapter:
62
- * 1. Converts CopilotKit's UserMessageProps to our custom component props
63
- * 2. Extracts message content from CopilotKit's message object
64
- * 3. Handles image messages appropriately
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 UserMessageProps to our custom component
52
+ * Adapter that converts CopilotKit's InputProps to our custom component
69
53
  */
70
- declare const UserMessageAdapter: React__default.FC<UserMessageProps>;
54
+ declare const InputAdapter: React__default.FC<InputProps>;
71
55
 
72
56
  /**
73
- * Adapter component that bridges custom Input with CopilotKit's expected interface
57
+ * Adapter component that bridges custom UserMessage with CopilotKit's expected interface
74
58
  *
75
59
  * This adapter:
76
- * 1. Converts CopilotKit's InputProps to our custom component props
77
- * 2. Handles the onSend callback to work with CopilotKit's message system
78
- * 3. Manages input state and submission
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 InputProps to our custom component
66
+ * Adapter that converts CopilotKit's UserMessageProps to our custom component
83
67
  */
84
- declare const InputAdapter: React__default.FC<InputProps>;
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$1 as CustomCopilotSidebar, type CustomCopilotSidebarProps$1 as CustomCopilotSidebarProps, InputAdapter, CustomCopilotSidebar as IntegratedSidebar, type CustomCopilotSidebarProps as IntegratedSidebarProps, UserMessageAdapter };
184
+ export { ActionExecutionAdapter, AssistantMessageAdapter, CustomCopilotSidebar, type CustomCopilotSidebarProps, InputAdapter, CustomCopilotSidebar$1 as IntegratedSidebar, type CustomCopilotSidebarProps$1 as IntegratedSidebarProps, UserMessageAdapter };