@agentiffai/design 1.3.28 → 1.4.0

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.
@@ -1,6 +1,7 @@
1
1
  import { R as ReportIssueCallback } from '../Window-Dm_I5m8i.cjs';
2
2
  export { A as Action, c as ActionVariant, d as Actions, a as ActionsLayout, b as ActionsProps, E as AdapterErrorCategory, f as AgentState, e as AgentStateProps, t as AssistantMessage, g as AssistantMessageAdapter, o as AssistantMessageProps, k as Button, B as ButtonProps, i as ButtonSize, j as ButtonVariant, u as FileAttachment, p as FileAttachmentProps, l as Footer, F as FooterProps, m as Header, H as HeaderProps, n as Input, I as InputProps, M as Message, v as Messages, w as MessagesList, x as MessagesListContainer, y as MessagesListContent, q as MessagesListProps, s as MessagesProps, D as Response, C as ResponseProps, G as StreamErrorMessage, S as StreamErrorMessageProps, N as StreamStatusIndicator, L as StreamStatusIndicatorProps, K as StreamingText, J as StreamingTextProps, P as Suggestions, O as SuggestionsProps, z as UserMessage, U as UserMessageProps, Q as Window, W as WindowProps, h as clearToolCalls, r as registerToolCall } from '../Window-Dm_I5m8i.cjs';
3
3
  import { RenderMessageProps, InputProps, UserMessageProps } from '@copilotkit/react-ui';
4
+ export { useChatContext } from '@copilotkit/react-ui';
4
5
  import * as React$1 from 'react';
5
6
  import React__default, { ReactNode } from 'react';
6
7
  import * as react_jsx_runtime from 'react/jsx-runtime';
@@ -1,6 +1,7 @@
1
1
  import { R as ReportIssueCallback } from '../Window-Dm_I5m8i.js';
2
2
  export { A as Action, c as ActionVariant, d as Actions, a as ActionsLayout, b as ActionsProps, E as AdapterErrorCategory, f as AgentState, e as AgentStateProps, t as AssistantMessage, g as AssistantMessageAdapter, o as AssistantMessageProps, k as Button, B as ButtonProps, i as ButtonSize, j as ButtonVariant, u as FileAttachment, p as FileAttachmentProps, l as Footer, F as FooterProps, m as Header, H as HeaderProps, n as Input, I as InputProps, M as Message, v as Messages, w as MessagesList, x as MessagesListContainer, y as MessagesListContent, q as MessagesListProps, s as MessagesProps, D as Response, C as ResponseProps, G as StreamErrorMessage, S as StreamErrorMessageProps, N as StreamStatusIndicator, L as StreamStatusIndicatorProps, K as StreamingText, J as StreamingTextProps, P as Suggestions, O as SuggestionsProps, z as UserMessage, U as UserMessageProps, Q as Window, W as WindowProps, h as clearToolCalls, r as registerToolCall } from '../Window-Dm_I5m8i.js';
3
3
  import { RenderMessageProps, InputProps, UserMessageProps } from '@copilotkit/react-ui';
4
+ export { useChatContext } from '@copilotkit/react-ui';
4
5
  import * as React$1 from 'react';
5
6
  import React__default, { ReactNode } from 'react';
6
7
  import * as react_jsx_runtime from 'react/jsx-runtime';
@@ -4,6 +4,7 @@ import styled9, { css, keyframes, createGlobalStyle } from 'styled-components';
4
4
  import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
5
5
  import { useCopilotChat } from '@copilotkit/react-core';
6
6
  import { CopilotSidebar, useChatContext } from '@copilotkit/react-ui';
7
+ export { useChatContext } from '@copilotkit/react-ui';
7
8
  import { useTextField } from '@react-aria/textfield';
8
9
 
9
10
  // src/components/copilotkit/Button/Button.tsx
@@ -11,50 +12,32 @@ import { useTextField } from '@react-aria/textfield';
11
12
  // src/theme/tokens.ts
12
13
  var tokens = {
13
14
  colors: {
14
- // Brand colors
15
15
  primary: "#2CB0AB",
16
- // Teal (main brand color)
17
16
  secondary: "#264E68",
18
- // Deep Blue
19
17
  accent: "#459FB9",
20
- // Sea Green (additional brand color)
21
- // Backgrounds - dark theme optimized
22
18
  background: {
23
19
  darkest: "#0a1b2a",
24
- // Darkest Blue (brand color)
25
20
  darker: "#151a26",
26
- // Discord gray (preserved)
27
21
  dark: "#1b2230",
28
- // Discord surface gray (preserved)
29
22
  light: "#252d3d"
30
- // Discord border gray (preserved)
31
23
  },
32
- // Text hierarchy
33
24
  text: {
34
25
  primary: "#FFFFFF",
35
26
  secondary: "#B4B8C5",
36
27
  tertiary: "#9CA3AF",
37
28
  disabled: "#4B5563"
38
29
  },
39
- // Teal (brand aligned)
40
30
  error: "#EF4444",
41
- // Sky Blue (brand aligned)
42
- // Status colors (for workflow/SSE events)
43
31
  status: {
44
32
  idle: "#6B7280",
45
33
  running: "#459FB9",
46
- // Teal (brand aligned)
47
34
  failed: "#EF4444"},
48
- // Connection status
49
35
  connection: {
50
36
  connected: "#2CB0AB",
51
- // Teal (brand aligned)
52
37
  streaming: "#459FB9",
53
- // Sky Blue (brand aligned)
54
38
  disconnected: "#EF4444",
55
39
  reconnecting: "#F59E0B"
56
40
  },
57
- // Surface variants (for overlays, cards, panels)
58
41
  surface: {
59
42
  base: "#1b2230",
60
43
  elevated: "#252d3d",
@@ -64,26 +47,20 @@ var tokens = {
64
47
  glass: "rgba(255, 255, 255, 0.26)",
65
48
  glassBorder: "rgba(255, 255, 255, 0.3)"
66
49
  },
67
- // UI Element colors
68
50
  border: {
69
51
  default: "rgba(255, 255, 255, 0.1)",
70
52
  subtle: "rgba(255, 255, 255, 0.05)",
71
53
  hover: "rgba(255, 255, 255, 0.2)",
72
54
  focus: "#2CB0AB"},
73
- // Scrollbar colors
74
55
  scrollbar: {
75
56
  track: "transparent",
76
57
  thumb: "rgba(255, 255, 255, 0.2)",
77
58
  thumbHover: "rgba(255, 255, 255, 0.3)"
78
59
  },
79
- // Message bubbles
80
60
  message: {
81
61
  user: "#264E68",
82
- // Deep Blue (brand color)
83
62
  ai: "#1b2230",
84
- // Dark background
85
63
  system: "#151a26"
86
- // Darker background
87
64
  },
88
65
  backdrop: "rgba(27, 34, 48, 0.95)"},
89
66
  typography: {
@@ -93,13 +70,9 @@ var tokens = {
93
70
  },
94
71
  fontSize: {
95
72
  xs: "0.875rem",
96
- // 14px (was 12px, increased for better readability)
97
73
  sm: "1rem",
98
- // 16px (was 14px, increased for better readability)
99
74
  base: "1.125rem",
100
- // 18px (was 16px, increased for better readability)
101
75
  lg: "1.125rem",
102
- // 20px (heading size, unchanged)
103
76
  "2xl": "1.5rem"},
104
77
  fontWeight: {
105
78
  regular: 400,
@@ -113,28 +86,18 @@ var tokens = {
113
86
  },
114
87
  spacing: {
115
88
  xs: "0.25rem",
116
- // 4px
117
89
  sm: "0.5rem",
118
- // 8px
119
90
  md: "1rem",
120
- // 16px
121
91
  lg: "1.5rem",
122
- // 24px
123
92
  xl: "2rem"},
124
93
  borderRadius: {
125
94
  none: "0",
126
95
  sm: "0.25rem",
127
- // 4px
128
96
  md: "0.5rem",
129
- // 8px
130
97
  lg: "0.75rem",
131
- // 12px
132
98
  xl: "1rem",
133
- // 16px
134
99
  "2xl": "1.5rem",
135
- // 24px
136
100
  full: "9999px"
137
- // Fully rounded
138
101
  },
139
102
  shadows: {
140
103
  none: "none",
@@ -155,8 +118,7 @@ var tokens = {
155
118
  short: "200ms",
156
119
  medium: "300ms"},
157
120
  easing: {
158
- smooth: "cubic-bezier(0.4, 0, 0.2, 1)"}
159
- },
121
+ smooth: "cubic-bezier(0.4, 0, 0.2, 1)"}},
160
122
  zIndex: {
161
123
  fixed: 1030,
162
124
  modal: 1200},
@@ -3485,7 +3447,6 @@ function CustomCopilotSidebar2({
3485
3447
  Header: HeaderAdapterWithClose,
3486
3448
  Window: WindowAdapter,
3487
3449
  Button: CustomButton,
3488
- RenderActionExecutionMessage: ActionExecutionAdapter,
3489
3450
  instructions,
3490
3451
  labels: {
3491
3452
  title: "AI Assistant",