@agents24/chat-react 0.5.30 → 0.5.31
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 +9 -4
- package/dist/generated/delegation-types.d.ts +129 -0
- package/dist/registry/agents24-chat.json +37 -19
- package/dist/runtime/index.cjs +52 -0
- package/dist/runtime/index.cjs.map +1 -1
- package/dist/runtime/index.d.ts +2 -0
- package/dist/runtime/index.js +51 -0
- package/dist/runtime/index.js.map +1 -1
- package/dist/runtime/use-delegation-tasks.d.ts +20 -0
- package/dist/scaffold/app.d.ts +2 -1
- package/dist/scaffold/components/chat/chat-composer.d.ts +4 -1
- package/dist/scaffold/components/chat/subagent-tasks.d.ts +3 -0
- package/dist/scaffold/components/theme-provider.d.ts +4 -3
- package/dist/scaffold/index.cjs +425 -280
- package/dist/scaffold/index.cjs.map +1 -1
- package/dist/scaffold/index.d.ts +3 -2
- package/dist/scaffold/index.js +416 -271
- package/dist/scaffold/index.js.map +1 -1
- package/dist/styles.css +14 -0
- package/dist/ui/adapters.d.ts +5 -2
- package/dist/ui/agent-chat-composer.d.ts +2 -1
- package/dist/ui/agent-chat-queue.d.ts +0 -2
- package/dist/ui/index.cjs +306 -260
- package/dist/ui/index.cjs.map +1 -1
- package/dist/ui/index.js +308 -263
- package/dist/ui/index.js.map +1 -1
- package/dist/ui/tool-sessions.d.ts +10 -2
- package/dist/ui/use-agent-chat-composer.d.ts +25 -26
- package/dist/ui/use-audio-recorder.d.ts +4 -2
- package/package.json +4 -3
- package/scaffold/host-styles.css +3 -0
- package/scaffold/manifest.json +2 -2
- package/scaffold/src/app.tsx +4 -1
- package/scaffold/src/chat.css +11 -1
- package/scaffold/src/components/chat/chat-composer.tsx +36 -19
- package/scaffold/src/components/chat/chat-shell.tsx +5 -4
- package/scaffold/src/components/chat/external-link-dialog.tsx +6 -5
- package/scaffold/src/components/chat/identity-control.tsx +0 -1
- package/scaffold/src/components/chat/subagent-tasks.tsx +109 -0
- package/scaffold/src/components/theme-provider.tsx +30 -27
- package/scaffold/src/components/ui/tooltip.tsx +3 -0
- package/scaffold/src/host.css +11 -0
- package/scaffold/src/index.css +1 -213
- package/scaffold/src/index.tsx +4 -2
- package/scaffold/src/theme.css +215 -0
package/scaffold/src/index.css
CHANGED
|
@@ -6,216 +6,4 @@
|
|
|
6
6
|
|
|
7
7
|
@source "./**/*.{ts,tsx}";
|
|
8
8
|
|
|
9
|
-
@
|
|
10
|
-
|
|
11
|
-
@theme inline {
|
|
12
|
-
--font-heading: var(--a24-font-heading);
|
|
13
|
-
--font-sans: var(--a24-font-sans);
|
|
14
|
-
--color-sidebar-ring: var(--sidebar-ring);
|
|
15
|
-
--color-sidebar-border: var(--sidebar-border);
|
|
16
|
-
--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
|
|
17
|
-
--color-sidebar-accent: var(--sidebar-accent);
|
|
18
|
-
--color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
|
|
19
|
-
--color-sidebar-primary: var(--sidebar-primary);
|
|
20
|
-
--color-sidebar-foreground: var(--sidebar-foreground);
|
|
21
|
-
--color-sidebar: var(--sidebar);
|
|
22
|
-
--color-ring: var(--ring);
|
|
23
|
-
--color-input: var(--input);
|
|
24
|
-
--color-border: var(--border);
|
|
25
|
-
--color-destructive: var(--destructive);
|
|
26
|
-
--color-accent-foreground: var(--accent-foreground);
|
|
27
|
-
--color-accent: var(--accent);
|
|
28
|
-
--color-muted-foreground: var(--muted-foreground);
|
|
29
|
-
--color-muted: var(--muted);
|
|
30
|
-
--color-secondary-foreground: var(--secondary-foreground);
|
|
31
|
-
--color-secondary: var(--secondary);
|
|
32
|
-
--color-primary-foreground: var(--primary-foreground);
|
|
33
|
-
--color-primary: var(--primary);
|
|
34
|
-
--color-popover-foreground: var(--popover-foreground);
|
|
35
|
-
--color-popover: var(--popover);
|
|
36
|
-
--color-card-foreground: var(--card-foreground);
|
|
37
|
-
--color-card: var(--card);
|
|
38
|
-
--color-foreground: var(--foreground);
|
|
39
|
-
--color-background: var(--background);
|
|
40
|
-
--radius-sm: calc(var(--radius) * 0.6);
|
|
41
|
-
--radius-md: calc(var(--radius) * 0.8);
|
|
42
|
-
--radius-lg: var(--radius);
|
|
43
|
-
--radius-xl: calc(var(--radius) * 1.4);
|
|
44
|
-
--radius-2xl: calc(var(--radius) * 1.8);
|
|
45
|
-
--radius-3xl: calc(var(--radius) * 2.2);
|
|
46
|
-
--radius-4xl: calc(var(--radius) * 2.6);
|
|
47
|
-
--a24-composer-single-row-radius: 9999px;
|
|
48
|
-
--color-chart-5: var(--chart-5);
|
|
49
|
-
--color-chart-4: var(--chart-4);
|
|
50
|
-
--color-chart-3: var(--chart-3);
|
|
51
|
-
--color-chart-2: var(--chart-2);
|
|
52
|
-
--color-chart-1: var(--chart-1);
|
|
53
|
-
--font-serif: var(--a24-font-heading);
|
|
54
|
-
--font-mono: var(--a24-font-mono);
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
[data-agents24-theme-root]:not([data-agents24-theme="inherit"]) {
|
|
58
|
-
color-scheme: light;
|
|
59
|
-
--a24-font-heading: 'Inter Variable', sans-serif;
|
|
60
|
-
--a24-font-sans: 'Inter Variable', sans-serif;
|
|
61
|
-
--a24-font-mono: 'JetBrains Mono Variable', monospace;
|
|
62
|
-
--radius-sm: calc(var(--radius) * 0.6);
|
|
63
|
-
--radius-md: calc(var(--radius) * 0.8);
|
|
64
|
-
--radius-lg: var(--radius);
|
|
65
|
-
--radius-xl: calc(var(--radius) * 1.4);
|
|
66
|
-
--radius-2xl: calc(var(--radius) * 1.8);
|
|
67
|
-
--radius-3xl: calc(var(--radius) * 2.2);
|
|
68
|
-
--radius-4xl: calc(var(--radius) * 2.6);
|
|
69
|
-
--background: oklch(1 0 0);
|
|
70
|
-
--foreground: oklch(0.147 0.004 49.25);
|
|
71
|
-
--card: oklch(1 0 0);
|
|
72
|
-
--card-foreground: oklch(0.147 0.004 49.25);
|
|
73
|
-
--popover: oklch(1 0 0);
|
|
74
|
-
--popover-foreground: oklch(0.147 0.004 49.25);
|
|
75
|
-
--primary: oklch(0.52 0.105 223.128);
|
|
76
|
-
--primary-foreground: oklch(0.984 0.019 200.873);
|
|
77
|
-
--secondary: oklch(0.967 0.001 286.375);
|
|
78
|
-
--secondary-foreground: oklch(0.21 0.006 285.885);
|
|
79
|
-
--muted: oklch(0.97 0.001 106.424);
|
|
80
|
-
--muted-foreground: oklch(0.553 0.013 58.071);
|
|
81
|
-
--accent: oklch(0.97 0.001 106.424);
|
|
82
|
-
--accent-foreground: oklch(0.216 0.006 56.043);
|
|
83
|
-
--destructive: oklch(0.577 0.245 27.325);
|
|
84
|
-
--border: oklch(0.923 0.003 48.717);
|
|
85
|
-
--input: oklch(0.923 0.003 48.717);
|
|
86
|
-
--ring: oklch(0.709 0.01 56.259);
|
|
87
|
-
--radius: 0.875rem;
|
|
88
|
-
--sidebar: oklch(0.985 0.001 106.423);
|
|
89
|
-
--sidebar-foreground: oklch(0.147 0.004 49.25);
|
|
90
|
-
--sidebar-primary: oklch(0.609 0.126 221.723);
|
|
91
|
-
--sidebar-primary-foreground: oklch(0.984 0.019 200.873);
|
|
92
|
-
--sidebar-accent: oklch(0.97 0.001 106.424);
|
|
93
|
-
--sidebar-accent-foreground: oklch(0.216 0.006 56.043);
|
|
94
|
-
--sidebar-border: oklch(0.923 0.003 48.717);
|
|
95
|
-
--sidebar-ring: oklch(0.709 0.01 56.259);
|
|
96
|
-
--chart-1: oklch(0.845 0.143 164.978);
|
|
97
|
-
--chart-2: oklch(0.696 0.17 162.48);
|
|
98
|
-
--chart-3: oklch(0.596 0.145 163.225);
|
|
99
|
-
--chart-4: oklch(0.508 0.118 165.612);
|
|
100
|
-
--chart-5: oklch(0.432 0.095 166.913);
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
[data-agents24-theme-root]:not([data-agents24-theme="inherit"]).dark {
|
|
104
|
-
color-scheme: dark;
|
|
105
|
-
--background: oklch(0.147 0.004 49.25);
|
|
106
|
-
--foreground: oklch(0.985 0.001 106.423);
|
|
107
|
-
--card: oklch(0.216 0.006 56.043);
|
|
108
|
-
--card-foreground: oklch(0.985 0.001 106.423);
|
|
109
|
-
--popover: oklch(0.216 0.006 56.043);
|
|
110
|
-
--popover-foreground: oklch(0.985 0.001 106.423);
|
|
111
|
-
--primary: oklch(0.45 0.085 224.283);
|
|
112
|
-
--primary-foreground: oklch(0.984 0.019 200.873);
|
|
113
|
-
--secondary: oklch(0.274 0.006 286.033);
|
|
114
|
-
--secondary-foreground: oklch(0.985 0 0);
|
|
115
|
-
--muted: oklch(0.268 0.007 34.298);
|
|
116
|
-
--muted-foreground: oklch(0.709 0.01 56.259);
|
|
117
|
-
--accent: oklch(0.268 0.007 34.298);
|
|
118
|
-
--accent-foreground: oklch(0.985 0.001 106.423);
|
|
119
|
-
--destructive: oklch(0.704 0.191 22.216);
|
|
120
|
-
--border: oklch(1 0 0 / 10%);
|
|
121
|
-
--input: oklch(1 0 0 / 15%);
|
|
122
|
-
--ring: oklch(0.553 0.013 58.071);
|
|
123
|
-
--sidebar: oklch(0.216 0.006 56.043);
|
|
124
|
-
--sidebar-foreground: oklch(0.985 0.001 106.423);
|
|
125
|
-
--sidebar-primary: oklch(0.715 0.143 215.221);
|
|
126
|
-
--sidebar-primary-foreground: oklch(0.302 0.056 229.695);
|
|
127
|
-
--sidebar-accent: oklch(0.268 0.007 34.298);
|
|
128
|
-
--sidebar-accent-foreground: oklch(0.985 0.001 106.423);
|
|
129
|
-
--sidebar-border: oklch(1 0 0 / 10%);
|
|
130
|
-
--sidebar-ring: oklch(0.553 0.013 58.071);
|
|
131
|
-
--chart-1: oklch(0.845 0.143 164.978);
|
|
132
|
-
--chart-2: oklch(0.696 0.17 162.48);
|
|
133
|
-
--chart-3: oklch(0.596 0.145 163.225);
|
|
134
|
-
--chart-4: oklch(0.508 0.118 165.612);
|
|
135
|
-
--chart-5: oklch(0.432 0.095 166.913);
|
|
136
|
-
}
|
|
137
|
-
|
|
138
|
-
[data-agents24-theme-root]:not([data-agents24-theme="inherit"])[data-agents24-theme="sharp"] {
|
|
139
|
-
--a24-composer-single-row-radius: 0;
|
|
140
|
-
--a24-font-heading: 'Merriweather Variable', serif;
|
|
141
|
-
--a24-font-sans: 'JetBrains Mono Variable', monospace;
|
|
142
|
-
--a24-font-mono: 'JetBrains Mono Variable', monospace;
|
|
143
|
-
--background: oklch(1 0 0);
|
|
144
|
-
--foreground: oklch(0.141 0.005 285.823);
|
|
145
|
-
--card: oklch(1 0 0);
|
|
146
|
-
--card-foreground: oklch(0.141 0.005 285.823);
|
|
147
|
-
--popover: oklch(1 0 0);
|
|
148
|
-
--popover-foreground: oklch(0.141 0.005 285.823);
|
|
149
|
-
--primary: oklch(0.21 0.006 285.885);
|
|
150
|
-
--primary-foreground: oklch(0.985 0 0);
|
|
151
|
-
--secondary: oklch(0.967 0.001 286.375);
|
|
152
|
-
--secondary-foreground: oklch(0.21 0.006 285.885);
|
|
153
|
-
--muted: oklch(0.967 0.001 286.375);
|
|
154
|
-
--muted-foreground: oklch(0.552 0.016 285.938);
|
|
155
|
-
--accent: oklch(0.967 0.001 286.375);
|
|
156
|
-
--accent-foreground: oklch(0.21 0.006 285.885);
|
|
157
|
-
--destructive: oklch(0.577 0.245 27.325);
|
|
158
|
-
--border: oklch(0.92 0.004 286.32);
|
|
159
|
-
--input: oklch(0.92 0.004 286.32);
|
|
160
|
-
--ring: oklch(0.705 0.015 286.067);
|
|
161
|
-
--radius: 0;
|
|
162
|
-
--sidebar: oklch(0.985 0 0);
|
|
163
|
-
--sidebar-foreground: oklch(0.141 0.005 285.823);
|
|
164
|
-
--sidebar-primary: oklch(0.21 0.006 285.885);
|
|
165
|
-
--sidebar-primary-foreground: oklch(0.985 0 0);
|
|
166
|
-
--sidebar-accent: oklch(0.967 0.001 286.375);
|
|
167
|
-
--sidebar-accent-foreground: oklch(0.21 0.006 285.885);
|
|
168
|
-
--sidebar-border: oklch(0.92 0.004 286.32);
|
|
169
|
-
--sidebar-ring: oklch(0.705 0.015 286.067);
|
|
170
|
-
--chart-1: oklch(0.865 0.127 207.078);
|
|
171
|
-
--chart-2: oklch(0.715 0.143 215.221);
|
|
172
|
-
--chart-3: oklch(0.609 0.126 221.723);
|
|
173
|
-
--chart-4: oklch(0.52 0.105 223.128);
|
|
174
|
-
--chart-5: oklch(0.45 0.085 224.283);
|
|
175
|
-
}
|
|
176
|
-
|
|
177
|
-
[data-agents24-theme-root]:not([data-agents24-theme="inherit"])[data-agents24-theme="sharp"].dark {
|
|
178
|
-
--background: oklch(0.141 0.005 285.823);
|
|
179
|
-
--foreground: oklch(0.985 0 0);
|
|
180
|
-
--card: oklch(0.21 0.006 285.885);
|
|
181
|
-
--card-foreground: oklch(0.985 0 0);
|
|
182
|
-
--popover: oklch(0.21 0.006 285.885);
|
|
183
|
-
--popover-foreground: oklch(0.985 0 0);
|
|
184
|
-
--primary: oklch(0.92 0.004 286.32);
|
|
185
|
-
--primary-foreground: oklch(0.21 0.006 285.885);
|
|
186
|
-
--secondary: oklch(0.274 0.006 286.033);
|
|
187
|
-
--secondary-foreground: oklch(0.985 0 0);
|
|
188
|
-
--muted: oklch(0.274 0.006 286.033);
|
|
189
|
-
--muted-foreground: oklch(0.705 0.015 286.067);
|
|
190
|
-
--accent: oklch(0.274 0.006 286.033);
|
|
191
|
-
--accent-foreground: oklch(0.985 0 0);
|
|
192
|
-
--destructive: oklch(0.704 0.191 22.216);
|
|
193
|
-
--border: oklch(1 0 0 / 10%);
|
|
194
|
-
--input: oklch(1 0 0 / 15%);
|
|
195
|
-
--ring: oklch(0.552 0.016 285.938);
|
|
196
|
-
--sidebar: oklch(0.21 0.006 285.885);
|
|
197
|
-
--sidebar-foreground: oklch(0.985 0 0);
|
|
198
|
-
--sidebar-primary: oklch(0.488 0.243 264.376);
|
|
199
|
-
--sidebar-primary-foreground: oklch(0.985 0 0);
|
|
200
|
-
--sidebar-accent: oklch(0.274 0.006 286.033);
|
|
201
|
-
--sidebar-accent-foreground: oklch(0.985 0 0);
|
|
202
|
-
--sidebar-border: oklch(1 0 0 / 10%);
|
|
203
|
-
--sidebar-ring: oklch(0.552 0.016 285.938);
|
|
204
|
-
--chart-1: oklch(0.865 0.127 207.078);
|
|
205
|
-
--chart-2: oklch(0.715 0.143 215.221);
|
|
206
|
-
--chart-3: oklch(0.609 0.126 221.723);
|
|
207
|
-
--chart-4: oklch(0.52 0.105 223.128);
|
|
208
|
-
--chart-5: oklch(0.45 0.085 224.283);
|
|
209
|
-
}
|
|
210
|
-
|
|
211
|
-
@layer base {
|
|
212
|
-
[data-agents24-theme-root]:not([data-agents24-theme="inherit"]), [data-agents24-theme-root]:not([data-agents24-theme="inherit"]) * {
|
|
213
|
-
@apply border-border outline-ring/50;
|
|
214
|
-
box-sizing: border-box;
|
|
215
|
-
}
|
|
216
|
-
[data-agents24-theme-root]:not([data-agents24-theme="inherit"]) {
|
|
217
|
-
@apply size-full overflow-hidden bg-background font-sans text-foreground antialiased;
|
|
218
|
-
}
|
|
219
|
-
[data-agents24-theme-root]:not([data-agents24-theme="inherit"]) button,
|
|
220
|
-
[data-agents24-theme-root]:not([data-agents24-theme="inherit"]) textarea { font: inherit; }
|
|
221
|
-
}
|
|
9
|
+
@import "./theme.css";
|
package/scaffold/src/index.tsx
CHANGED
|
@@ -13,11 +13,12 @@ import { TooltipProvider } from "./components/ui/tooltip"
|
|
|
13
13
|
export type Agents24ChatScaffoldProps = Agents24ChatAppProps & {
|
|
14
14
|
appearanceController?: Agents24ChatAppearanceController
|
|
15
15
|
theme?: Agents24ChatTheme
|
|
16
|
+
themeMode?: "isolated" | "inherit"
|
|
16
17
|
}
|
|
17
18
|
|
|
18
|
-
export function Agents24ChatScaffold({ appearanceController, theme, ...props }: Agents24ChatScaffoldProps) {
|
|
19
|
+
export function Agents24ChatScaffold({ appearanceController, theme, themeMode, ...props }: Agents24ChatScaffoldProps) {
|
|
19
20
|
return (
|
|
20
|
-
<ThemeProvider controller={appearanceController} theme={theme}>
|
|
21
|
+
<ThemeProvider controller={appearanceController} theme={theme} mode={themeMode}>
|
|
21
22
|
<TooltipProvider>
|
|
22
23
|
<App {...props} />
|
|
23
24
|
</TooltipProvider>
|
|
@@ -37,6 +38,7 @@ export type {
|
|
|
37
38
|
ChatHitlResponse,
|
|
38
39
|
Agents24ChatScaffoldComponents,
|
|
39
40
|
Agents24ChatTimelineSlotProps,
|
|
41
|
+
Agents24ChatComposerSlotProps,
|
|
40
42
|
} from "./app"
|
|
41
43
|
export { TooltipProvider as Agents24ChatTooltipProvider }
|
|
42
44
|
|
|
@@ -0,0 +1,215 @@
|
|
|
1
|
+
@custom-variant dark (&:is(.dark *));
|
|
2
|
+
|
|
3
|
+
@theme inline {
|
|
4
|
+
--font-heading: var(--a24-font-heading);
|
|
5
|
+
--font-sans: var(--a24-font-sans);
|
|
6
|
+
--color-sidebar-ring: var(--sidebar-ring);
|
|
7
|
+
--color-sidebar-border: var(--sidebar-border);
|
|
8
|
+
--color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
|
|
9
|
+
--color-sidebar-accent: var(--sidebar-accent);
|
|
10
|
+
--color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
|
|
11
|
+
--color-sidebar-primary: var(--sidebar-primary);
|
|
12
|
+
--color-sidebar-foreground: var(--sidebar-foreground);
|
|
13
|
+
--color-sidebar: var(--sidebar);
|
|
14
|
+
--color-ring: var(--ring);
|
|
15
|
+
--color-input: var(--input);
|
|
16
|
+
--color-border: var(--border);
|
|
17
|
+
--color-destructive: var(--destructive);
|
|
18
|
+
--color-accent-foreground: var(--accent-foreground);
|
|
19
|
+
--color-accent: var(--accent);
|
|
20
|
+
--color-muted-foreground: var(--muted-foreground);
|
|
21
|
+
--color-muted: var(--muted);
|
|
22
|
+
--color-secondary-foreground: var(--secondary-foreground);
|
|
23
|
+
--color-secondary: var(--secondary);
|
|
24
|
+
--color-primary-foreground: var(--primary-foreground);
|
|
25
|
+
--color-primary: var(--primary);
|
|
26
|
+
--color-popover-foreground: var(--popover-foreground);
|
|
27
|
+
--color-popover: var(--popover);
|
|
28
|
+
--color-card-foreground: var(--card-foreground);
|
|
29
|
+
--color-card: var(--card);
|
|
30
|
+
--color-foreground: var(--foreground);
|
|
31
|
+
--color-background: var(--background);
|
|
32
|
+
--radius-sm: calc(var(--radius) * 0.6);
|
|
33
|
+
--radius-md: calc(var(--radius) * 0.8);
|
|
34
|
+
--radius-lg: var(--radius);
|
|
35
|
+
--radius-xl: calc(var(--radius) * 1.4);
|
|
36
|
+
--radius-2xl: calc(var(--radius) * 1.8);
|
|
37
|
+
--radius-3xl: calc(var(--radius) * 2.2);
|
|
38
|
+
--radius-4xl: calc(var(--radius) * 2.6);
|
|
39
|
+
--a24-composer-single-row-radius: 9999px;
|
|
40
|
+
--color-chart-5: var(--chart-5);
|
|
41
|
+
--color-chart-4: var(--chart-4);
|
|
42
|
+
--color-chart-3: var(--chart-3);
|
|
43
|
+
--color-chart-2: var(--chart-2);
|
|
44
|
+
--color-chart-1: var(--chart-1);
|
|
45
|
+
--font-serif: var(--a24-font-heading);
|
|
46
|
+
--font-mono: var(--a24-font-mono);
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
[data-agents24-theme-root] {
|
|
50
|
+
color-scheme: light;
|
|
51
|
+
--a24-font-heading: 'Inter Variable', sans-serif;
|
|
52
|
+
--a24-font-sans: 'Inter Variable', sans-serif;
|
|
53
|
+
--a24-font-mono: 'JetBrains Mono Variable', monospace;
|
|
54
|
+
--radius-sm: calc(var(--radius) * 0.6);
|
|
55
|
+
--radius-md: calc(var(--radius) * 0.8);
|
|
56
|
+
--radius-lg: var(--radius);
|
|
57
|
+
--radius-xl: calc(var(--radius) * 1.4);
|
|
58
|
+
--radius-2xl: calc(var(--radius) * 1.8);
|
|
59
|
+
--radius-3xl: calc(var(--radius) * 2.2);
|
|
60
|
+
--radius-4xl: calc(var(--radius) * 2.6);
|
|
61
|
+
--background: oklch(1 0 0);
|
|
62
|
+
--foreground: oklch(0.147 0.004 49.25);
|
|
63
|
+
--card: oklch(1 0 0);
|
|
64
|
+
--card-foreground: oklch(0.147 0.004 49.25);
|
|
65
|
+
--popover: oklch(1 0 0);
|
|
66
|
+
--popover-foreground: oklch(0.147 0.004 49.25);
|
|
67
|
+
--primary: oklch(0.52 0.105 223.128);
|
|
68
|
+
--primary-foreground: oklch(0.984 0.019 200.873);
|
|
69
|
+
--secondary: oklch(0.967 0.001 286.375);
|
|
70
|
+
--secondary-foreground: oklch(0.21 0.006 285.885);
|
|
71
|
+
--muted: oklch(0.97 0.001 106.424);
|
|
72
|
+
--muted-foreground: oklch(0.553 0.013 58.071);
|
|
73
|
+
--accent: oklch(0.97 0.001 106.424);
|
|
74
|
+
--accent-foreground: oklch(0.216 0.006 56.043);
|
|
75
|
+
--destructive: oklch(0.577 0.245 27.325);
|
|
76
|
+
--border: oklch(0.923 0.003 48.717);
|
|
77
|
+
--input: oklch(0.923 0.003 48.717);
|
|
78
|
+
--ring: oklch(0.709 0.01 56.259);
|
|
79
|
+
--radius: 0.875rem;
|
|
80
|
+
--sidebar: oklch(0.985 0.001 106.423);
|
|
81
|
+
--sidebar-foreground: oklch(0.147 0.004 49.25);
|
|
82
|
+
--sidebar-primary: oklch(0.609 0.126 221.723);
|
|
83
|
+
--sidebar-primary-foreground: oklch(0.984 0.019 200.873);
|
|
84
|
+
--sidebar-accent: oklch(0.97 0.001 106.424);
|
|
85
|
+
--sidebar-accent-foreground: oklch(0.216 0.006 56.043);
|
|
86
|
+
--sidebar-border: oklch(0.923 0.003 48.717);
|
|
87
|
+
--sidebar-ring: oklch(0.709 0.01 56.259);
|
|
88
|
+
--chart-1: oklch(0.845 0.143 164.978);
|
|
89
|
+
--chart-2: oklch(0.696 0.17 162.48);
|
|
90
|
+
--chart-3: oklch(0.596 0.145 163.225);
|
|
91
|
+
--chart-4: oklch(0.508 0.118 165.612);
|
|
92
|
+
--chart-5: oklch(0.432 0.095 166.913);
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
[data-agents24-theme-root].dark,
|
|
96
|
+
.dark [data-agents24-theme-root][data-agents24-theme-mode="inherit"] {
|
|
97
|
+
color-scheme: dark;
|
|
98
|
+
--background: oklch(0.147 0.004 49.25);
|
|
99
|
+
--foreground: oklch(0.985 0.001 106.423);
|
|
100
|
+
--card: oklch(0.216 0.006 56.043);
|
|
101
|
+
--card-foreground: oklch(0.985 0.001 106.423);
|
|
102
|
+
--popover: oklch(0.216 0.006 56.043);
|
|
103
|
+
--popover-foreground: oklch(0.985 0.001 106.423);
|
|
104
|
+
--primary: oklch(0.45 0.085 224.283);
|
|
105
|
+
--primary-foreground: oklch(0.984 0.019 200.873);
|
|
106
|
+
--secondary: oklch(0.274 0.006 286.033);
|
|
107
|
+
--secondary-foreground: oklch(0.985 0 0);
|
|
108
|
+
--muted: oklch(0.268 0.007 34.298);
|
|
109
|
+
--muted-foreground: oklch(0.709 0.01 56.259);
|
|
110
|
+
--accent: oklch(0.268 0.007 34.298);
|
|
111
|
+
--accent-foreground: oklch(0.985 0.001 106.423);
|
|
112
|
+
--destructive: oklch(0.704 0.191 22.216);
|
|
113
|
+
--border: oklch(1 0 0 / 10%);
|
|
114
|
+
--input: oklch(1 0 0 / 15%);
|
|
115
|
+
--ring: oklch(0.553 0.013 58.071);
|
|
116
|
+
--sidebar: oklch(0.216 0.006 56.043);
|
|
117
|
+
--sidebar-foreground: oklch(0.985 0.001 106.423);
|
|
118
|
+
--sidebar-primary: oklch(0.715 0.143 215.221);
|
|
119
|
+
--sidebar-primary-foreground: oklch(0.302 0.056 229.695);
|
|
120
|
+
--sidebar-accent: oklch(0.268 0.007 34.298);
|
|
121
|
+
--sidebar-accent-foreground: oklch(0.985 0.001 106.423);
|
|
122
|
+
--sidebar-border: oklch(1 0 0 / 10%);
|
|
123
|
+
--sidebar-ring: oklch(0.553 0.013 58.071);
|
|
124
|
+
--chart-1: oklch(0.845 0.143 164.978);
|
|
125
|
+
--chart-2: oklch(0.696 0.17 162.48);
|
|
126
|
+
--chart-3: oklch(0.596 0.145 163.225);
|
|
127
|
+
--chart-4: oklch(0.508 0.118 165.612);
|
|
128
|
+
--chart-5: oklch(0.432 0.095 166.913);
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
[data-agents24-theme-root][data-agents24-theme="sharp"] {
|
|
132
|
+
--a24-composer-single-row-radius: 0;
|
|
133
|
+
--a24-font-heading: 'Merriweather Variable', serif;
|
|
134
|
+
--a24-font-sans: 'JetBrains Mono Variable', monospace;
|
|
135
|
+
--a24-font-mono: 'JetBrains Mono Variable', monospace;
|
|
136
|
+
--background: oklch(1 0 0);
|
|
137
|
+
--foreground: oklch(0.141 0.005 285.823);
|
|
138
|
+
--card: oklch(1 0 0);
|
|
139
|
+
--card-foreground: oklch(0.141 0.005 285.823);
|
|
140
|
+
--popover: oklch(1 0 0);
|
|
141
|
+
--popover-foreground: oklch(0.141 0.005 285.823);
|
|
142
|
+
--primary: oklch(0.21 0.006 285.885);
|
|
143
|
+
--primary-foreground: oklch(0.985 0 0);
|
|
144
|
+
--secondary: oklch(0.967 0.001 286.375);
|
|
145
|
+
--secondary-foreground: oklch(0.21 0.006 285.885);
|
|
146
|
+
--muted: oklch(0.967 0.001 286.375);
|
|
147
|
+
--muted-foreground: oklch(0.552 0.016 285.938);
|
|
148
|
+
--accent: oklch(0.967 0.001 286.375);
|
|
149
|
+
--accent-foreground: oklch(0.21 0.006 285.885);
|
|
150
|
+
--destructive: oklch(0.577 0.245 27.325);
|
|
151
|
+
--border: oklch(0.92 0.004 286.32);
|
|
152
|
+
--input: oklch(0.92 0.004 286.32);
|
|
153
|
+
--ring: oklch(0.705 0.015 286.067);
|
|
154
|
+
--radius: 0;
|
|
155
|
+
--sidebar: oklch(0.985 0 0);
|
|
156
|
+
--sidebar-foreground: oklch(0.141 0.005 285.823);
|
|
157
|
+
--sidebar-primary: oklch(0.21 0.006 285.885);
|
|
158
|
+
--sidebar-primary-foreground: oklch(0.985 0 0);
|
|
159
|
+
--sidebar-accent: oklch(0.967 0.001 286.375);
|
|
160
|
+
--sidebar-accent-foreground: oklch(0.21 0.006 285.885);
|
|
161
|
+
--sidebar-border: oklch(0.92 0.004 286.32);
|
|
162
|
+
--sidebar-ring: oklch(0.705 0.015 286.067);
|
|
163
|
+
--chart-1: oklch(0.865 0.127 207.078);
|
|
164
|
+
--chart-2: oklch(0.715 0.143 215.221);
|
|
165
|
+
--chart-3: oklch(0.609 0.126 221.723);
|
|
166
|
+
--chart-4: oklch(0.52 0.105 223.128);
|
|
167
|
+
--chart-5: oklch(0.45 0.085 224.283);
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
[data-agents24-theme-root][data-agents24-theme="sharp"].dark,
|
|
171
|
+
.dark [data-agents24-theme-root][data-agents24-theme="sharp"][data-agents24-theme-mode="inherit"] {
|
|
172
|
+
--background: oklch(0.141 0.005 285.823);
|
|
173
|
+
--foreground: oklch(0.985 0 0);
|
|
174
|
+
--card: oklch(0.21 0.006 285.885);
|
|
175
|
+
--card-foreground: oklch(0.985 0 0);
|
|
176
|
+
--popover: oklch(0.21 0.006 285.885);
|
|
177
|
+
--popover-foreground: oklch(0.985 0 0);
|
|
178
|
+
--primary: oklch(0.92 0.004 286.32);
|
|
179
|
+
--primary-foreground: oklch(0.21 0.006 285.885);
|
|
180
|
+
--secondary: oklch(0.274 0.006 286.033);
|
|
181
|
+
--secondary-foreground: oklch(0.985 0 0);
|
|
182
|
+
--muted: oklch(0.274 0.006 286.033);
|
|
183
|
+
--muted-foreground: oklch(0.705 0.015 286.067);
|
|
184
|
+
--accent: oklch(0.274 0.006 286.033);
|
|
185
|
+
--accent-foreground: oklch(0.985 0 0);
|
|
186
|
+
--destructive: oklch(0.704 0.191 22.216);
|
|
187
|
+
--border: oklch(1 0 0 / 10%);
|
|
188
|
+
--input: oklch(1 0 0 / 15%);
|
|
189
|
+
--ring: oklch(0.552 0.016 285.938);
|
|
190
|
+
--sidebar: oklch(0.21 0.006 285.885);
|
|
191
|
+
--sidebar-foreground: oklch(0.985 0 0);
|
|
192
|
+
--sidebar-primary: oklch(0.488 0.243 264.376);
|
|
193
|
+
--sidebar-primary-foreground: oklch(0.985 0 0);
|
|
194
|
+
--sidebar-accent: oklch(0.274 0.006 286.033);
|
|
195
|
+
--sidebar-accent-foreground: oklch(0.985 0 0);
|
|
196
|
+
--sidebar-border: oklch(1 0 0 / 10%);
|
|
197
|
+
--sidebar-ring: oklch(0.552 0.016 285.938);
|
|
198
|
+
--chart-1: oklch(0.865 0.127 207.078);
|
|
199
|
+
--chart-2: oklch(0.715 0.143 215.221);
|
|
200
|
+
--chart-3: oklch(0.609 0.126 221.723);
|
|
201
|
+
--chart-4: oklch(0.52 0.105 223.128);
|
|
202
|
+
--chart-5: oklch(0.45 0.085 224.283);
|
|
203
|
+
}
|
|
204
|
+
|
|
205
|
+
@layer base {
|
|
206
|
+
[data-agents24-theme-root], [data-agents24-theme-root] * {
|
|
207
|
+
@apply border-border outline-ring/50;
|
|
208
|
+
box-sizing: border-box;
|
|
209
|
+
}
|
|
210
|
+
[data-agents24-theme-root] {
|
|
211
|
+
@apply size-full overflow-hidden bg-background font-sans text-foreground antialiased;
|
|
212
|
+
}
|
|
213
|
+
[data-agents24-theme-root] button,
|
|
214
|
+
[data-agents24-theme-root] textarea { font: inherit; }
|
|
215
|
+
}
|