@agentiffai/design 0.1.6 → 0.1.8

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 (46) 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 +2486 -2276
  4. package/dist/copilotkit/index.cjs.map +1 -1
  5. package/dist/copilotkit/index.d.cts +63 -38
  6. package/dist/copilotkit/index.d.ts +63 -38
  7. package/dist/copilotkit/index.js +2484 -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 +5848 -3645
  16. package/dist/index.cjs.map +1 -1
  17. package/dist/index.d.cts +332 -4
  18. package/dist/index.d.ts +332 -4
  19. package/dist/index.js +5796 -3614
  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
@@ -1,37 +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
11
  /**
19
- * CustomCopilotSidebar - A CopilotSidebar wrapper using our custom components
12
+ * ActionExecutionAdapter Component
20
13
  *
21
- * This component wraps CopilotKit's CopilotSidebar and provides our custom
22
- * 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
23
20
  *
24
- * @example
25
- * ```tsx
26
- * <CustomCopilotSidebar defaultOpen={false} onSetOpen={(open) => console.log(open)}>
27
- * <YourApp />
28
- * </CustomCopilotSidebar>
29
- * ```
21
+ * Uses the AgentState component to show:
22
+ * - Tool name
23
+ * - Current status (thinking/responding)
24
+ * - Progress message based on tool arguments
30
25
  */
31
- declare function CustomCopilotSidebar$1({ children, defaultOpen, onSetOpen, instructions, className, }: CustomCopilotSidebarProps$1): react_jsx_runtime.JSX.Element;
32
- declare namespace CustomCopilotSidebar$1 {
33
- var displayName: string;
34
- }
26
+ declare const ActionExecutionAdapter: React__default.FC<RenderMessageProps>;
35
27
 
36
28
  /**
37
29
  * Adapter component that bridges custom AssistantMessage with CopilotKit's expected interface
@@ -48,32 +40,32 @@ declare namespace CustomCopilotSidebar$1 {
48
40
  declare const AssistantMessageAdapter: React__default.FC<AssistantMessageProps>;
49
41
 
50
42
  /**
51
- * Adapter component that bridges custom UserMessage with CopilotKit's expected interface
43
+ * Adapter component that bridges custom Input with CopilotKit's expected interface
52
44
  *
53
45
  * This adapter:
54
- * 1. Converts CopilotKit's UserMessageProps to our custom component props
55
- * 2. Extracts message content from CopilotKit's message object
56
- * 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
57
49
  */
58
50
 
59
51
  /**
60
- * Adapter that converts CopilotKit's UserMessageProps to our custom component
52
+ * Adapter that converts CopilotKit's InputProps to our custom component
61
53
  */
62
- declare const UserMessageAdapter: React__default.FC<UserMessageProps>;
54
+ declare const InputAdapter: React__default.FC<InputProps>;
63
55
 
64
56
  /**
65
- * Adapter component that bridges custom Input with CopilotKit's expected interface
57
+ * Adapter component that bridges custom UserMessage with CopilotKit's expected interface
66
58
  *
67
59
  * This adapter:
68
- * 1. Converts CopilotKit's InputProps to our custom component props
69
- * 2. Handles the onSend callback to work with CopilotKit's message system
70
- * 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
71
63
  */
72
64
 
73
65
  /**
74
- * Adapter that converts CopilotKit's InputProps to our custom component
66
+ * Adapter that converts CopilotKit's UserMessageProps to our custom component
75
67
  */
76
- declare const InputAdapter: React__default.FC<InputProps>;
68
+ declare const UserMessageAdapter: React__default.FC<UserMessageProps>;
77
69
 
78
70
  /**
79
71
  * Complete CopilotSidebar Integration Example
@@ -99,7 +91,7 @@ declare const InputAdapter: React__default.FC<InputProps>;
99
91
  * ```
100
92
  */
101
93
 
102
- interface CustomCopilotSidebarProps {
94
+ interface CustomCopilotSidebarProps$1 {
103
95
  /**
104
96
  * Children to render alongside the sidebar
105
97
  */
@@ -154,6 +146,39 @@ interface CustomCopilotSidebarProps {
154
146
  * - Custom Input with React ARIA accessibility
155
147
  * - Styled chat button with gradient
156
148
  */
157
- 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
+ }
158
183
 
159
- 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,37 +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
11
  /**
19
- * CustomCopilotSidebar - A CopilotSidebar wrapper using our custom components
12
+ * ActionExecutionAdapter Component
20
13
  *
21
- * This component wraps CopilotKit's CopilotSidebar and provides our custom
22
- * 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
23
20
  *
24
- * @example
25
- * ```tsx
26
- * <CustomCopilotSidebar defaultOpen={false} onSetOpen={(open) => console.log(open)}>
27
- * <YourApp />
28
- * </CustomCopilotSidebar>
29
- * ```
21
+ * Uses the AgentState component to show:
22
+ * - Tool name
23
+ * - Current status (thinking/responding)
24
+ * - Progress message based on tool arguments
30
25
  */
31
- declare function CustomCopilotSidebar$1({ children, defaultOpen, onSetOpen, instructions, className, }: CustomCopilotSidebarProps$1): react_jsx_runtime.JSX.Element;
32
- declare namespace CustomCopilotSidebar$1 {
33
- var displayName: string;
34
- }
26
+ declare const ActionExecutionAdapter: React__default.FC<RenderMessageProps>;
35
27
 
36
28
  /**
37
29
  * Adapter component that bridges custom AssistantMessage with CopilotKit's expected interface
@@ -48,32 +40,32 @@ declare namespace CustomCopilotSidebar$1 {
48
40
  declare const AssistantMessageAdapter: React__default.FC<AssistantMessageProps>;
49
41
 
50
42
  /**
51
- * Adapter component that bridges custom UserMessage with CopilotKit's expected interface
43
+ * Adapter component that bridges custom Input with CopilotKit's expected interface
52
44
  *
53
45
  * This adapter:
54
- * 1. Converts CopilotKit's UserMessageProps to our custom component props
55
- * 2. Extracts message content from CopilotKit's message object
56
- * 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
57
49
  */
58
50
 
59
51
  /**
60
- * Adapter that converts CopilotKit's UserMessageProps to our custom component
52
+ * Adapter that converts CopilotKit's InputProps to our custom component
61
53
  */
62
- declare const UserMessageAdapter: React__default.FC<UserMessageProps>;
54
+ declare const InputAdapter: React__default.FC<InputProps>;
63
55
 
64
56
  /**
65
- * Adapter component that bridges custom Input with CopilotKit's expected interface
57
+ * Adapter component that bridges custom UserMessage with CopilotKit's expected interface
66
58
  *
67
59
  * This adapter:
68
- * 1. Converts CopilotKit's InputProps to our custom component props
69
- * 2. Handles the onSend callback to work with CopilotKit's message system
70
- * 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
71
63
  */
72
64
 
73
65
  /**
74
- * Adapter that converts CopilotKit's InputProps to our custom component
66
+ * Adapter that converts CopilotKit's UserMessageProps to our custom component
75
67
  */
76
- declare const InputAdapter: React__default.FC<InputProps>;
68
+ declare const UserMessageAdapter: React__default.FC<UserMessageProps>;
77
69
 
78
70
  /**
79
71
  * Complete CopilotSidebar Integration Example
@@ -99,7 +91,7 @@ declare const InputAdapter: React__default.FC<InputProps>;
99
91
  * ```
100
92
  */
101
93
 
102
- interface CustomCopilotSidebarProps {
94
+ interface CustomCopilotSidebarProps$1 {
103
95
  /**
104
96
  * Children to render alongside the sidebar
105
97
  */
@@ -154,6 +146,39 @@ interface CustomCopilotSidebarProps {
154
146
  * - Custom Input with React ARIA accessibility
155
147
  * - Styled chat button with gradient
156
148
  */
157
- 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
+ }
158
183
 
159
- 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 };