@adecore/agents-react 0.37.0 → 0.37.1
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/agents/provider-paths.js +3 -1
- package/dist/providers/parts.js +2 -1
- package/dist/theme.css +5 -1
- package/dist/usage/format.js +4 -2
- package/package.json +8 -8
- package/src/agents/provider-paths.ts +5 -1
- package/src/providers/parts.tsx +2 -1
- package/src/theme.css +5 -1
- package/src/usage/format.ts +4 -2
|
@@ -3,8 +3,10 @@ import { siGithubcopilot } from 'simple-icons';
|
|
|
3
3
|
* The marks of Anthropic, OpenAI, xAI and GitHub Copilot, and a monogram for a provider with no mark of its own. Lucide has no brand marks, so these are the icon rule's
|
|
4
4
|
* exception for provider marks. One path each, in `currentColor`, so a row decides how loud the logo is.
|
|
5
5
|
*/
|
|
6
|
+
const CLAUDE_PATH = 'M4.709 15.955l4.72-2.647.079-.23-.08-.128H9.2l-.79-.048-2.698-.073-2.339-.097-2.266-.122-.571-.121L0 11.784l.055-.352.48-.321.686.06 1.52.103 2.278.158 1.652.097 2.449.255h.389l.055-.157-.134-.098-.103-.097-2.358-1.596-2.552-1.688-1.336-.972-.724-.491-.364-.462-.158-1.008.656-.722.881.06.225.061.893.686 1.908 1.476 2.491 1.833.365.304.145-.103.019-.073-.164-.274-1.355-2.446-1.446-2.49-.644-1.032-.17-.619a2.97 2.97 0 01-.104-.729L6.283.134 6.696 0l.996.134.42.364.62 1.414 1.002 2.229 1.555 3.03.456.898.243.832.091.255h.158V9.01l.128-1.706.237-2.095.23-2.695.08-.76.377-.91.747-.492.584.28.48.685-.067.444-.286 1.851-.559 2.903-.364 1.942h.212l.243-.242.985-1.306 1.652-2.064.73-.82.85-.904.547-.431h1.033l.76 1.129-.34 1.166-1.064 1.347-.881 1.142-1.264 1.7-.79 1.36.073.11.188-.02 2.856-.606 1.543-.28 1.841-.315.833.388.091.395-.328.807-1.969.486-2.309.462-3.439.813-.042.03.048.061 1.549.146.662.036h1.622l3.02.225.79.522.474.638-.079.485-1.215.62-1.64-.389-3.829-.91-1.312-.329h-.182v.11l1.093 1.068 2.006 1.81 2.509 2.33.127.578-.322.455-.34-.049-2.205-1.657-.851-.747-1.926-1.62h-.128v.17l.444.649 2.345 3.521.122 1.08-.17.353-.607.212-.668-.122-1.374-1.925-1.415-2.167-1.143-1.943-.14.08-.674 7.254-.316.37-.729.28-.607-.461-.322-.747.322-1.476.389-1.924.315-1.53.286-1.9.17-.632-.012-.042-.14.018-1.434 1.967-2.18 2.945-1.726 1.845-.414.164-.717-.37.067-.662.401-.589 2.388-3.036 1.44-1.882.93-1.086-.006-.158h-.055L4.132 18.56l-1.13.146-.487-.456.061-.746.231-.243 1.914-1.316-.012.01z';
|
|
6
7
|
export const PROVIDER_PATHS = {
|
|
7
|
-
claude:
|
|
8
|
+
claude: CLAUDE_PATH,
|
|
9
|
+
'anthropic-claude-api': CLAUDE_PATH,
|
|
8
10
|
codex: 'M21.55 10.004a5.416 5.416 0 00-.478-4.501c-1.217-2.09-3.662-3.166-6.05-2.66A5.59 5.59 0 0010.831 1C8.39.995 6.224 2.546 5.473 4.838A5.553 5.553 0 001.76 7.496a5.487 5.487 0 00.691 6.5 5.416 5.416 0 00.477 4.502c1.217 2.09 3.662 3.165 6.05 2.66A5.586 5.586 0 0013.168 23c2.443.006 4.61-1.546 5.361-3.84a5.554 5.554 0 003.715-2.66 5.488 5.488 0 00-.693-6.497v.001zm-8.381 11.558a4.199 4.199 0 01-2.675-.954c.034-.018.093-.05.132-.074l4.44-2.53a.71.71 0 00.364-.623v-6.176l1.877 1.069c.02.01.033.029.036.05v5.115c-.003 2.274-1.87 4.118-4.174 4.123zM4.192 17.78a4.059 4.059 0 01-.498-2.763c.032.019.09.055.131.078l4.44 2.53c.225.13.504.13.73 0l5.42-3.088v2.138a.068.068 0 01-.027.057L9.9 19.288c-1.999 1.136-4.552.46-5.707-1.51h-.001zM3.023 8.216A4.15 4.15 0 015.198 6.41l-.002.151v5.06a.711.711 0 00.364.624l5.42 3.087-1.876 1.07a.067.067 0 01-.063.005l-4.489-2.559c-1.995-1.14-2.679-3.658-1.53-5.63h.001zm15.417 3.54l-5.42-3.088L14.896 7.6a.067.067 0 01.063-.006l4.489 2.557c1.998 1.14 2.683 3.662 1.529 5.633a4.163 4.163 0 01-2.174 1.807V12.38a.71.71 0 00-.363-.623zm1.867-2.773a6.04 6.04 0 00-.132-.078l-4.44-2.53a.731.731 0 00-.729 0l-5.42 3.088V7.325a.068.068 0 01.027-.057L14.1 4.713c2-1.137 4.555-.46 5.707 1.513.487.833.664 1.809.499 2.757h.001zm-11.741 3.81l-1.877-1.068a.065.065 0 01-.036-.051V6.559c.001-2.277 1.873-4.122 4.181-4.12.976 0 1.92.338 2.671.954-.034.018-.092.05-.131.073l-4.44 2.53a.71.71 0 00-.365.623l-.003 6.173v.001zm1.02-2.168L12 9.25l2.414 1.375v2.75L12 14.75l-2.415-1.375v-2.75z',
|
|
9
11
|
nanogpt: 'M5 20V4h2.6l8.8 11.2V4H19v16h-2.6L7.6 8.8V20z',
|
|
10
12
|
grok: 'M6.469 8.776 16.512 23h-4.464L2.005 8.776H6.47Zm-.004 7.9 2.233 3.164L6.467 23H2l4.465-6.324ZM22 2.582V23h-3.659V7.764L22 2.582ZM22 1l-9.952 14.095-2.233-3.163L17.533 1H22Z',
|
package/dist/providers/parts.js
CHANGED
|
@@ -10,7 +10,8 @@ const CLI_COLORS = {
|
|
|
10
10
|
gemini: 'text-chart-gemini',
|
|
11
11
|
copilot: 'text-chart-copilot',
|
|
12
12
|
nanogpt: 'text-chart-nanogpt',
|
|
13
|
-
grok: 'text-chart-grok'
|
|
13
|
+
grok: 'text-chart-grok',
|
|
14
|
+
'anthropic-claude-api': 'text-chart-claude-api'
|
|
14
15
|
};
|
|
15
16
|
export function CliMark(t0) {
|
|
16
17
|
const $ = _c(7);
|
package/dist/theme.css
CHANGED
|
@@ -8,8 +8,10 @@
|
|
|
8
8
|
--skill: #9333ea;
|
|
9
9
|
--skill-soft: #f7eeff;
|
|
10
10
|
/* One color per agent CLI, so a bar, a dot and a legend row all name the same provider. Apple's
|
|
11
|
-
system orange and teal
|
|
11
|
+
system orange and teal, and purple for Claude through an API key so it reads apart from Claude Code;
|
|
12
|
+
Gemini and Copilot are reserved for the day their transcripts are read. */
|
|
12
13
|
--chart-claude: #ff9500;
|
|
14
|
+
--chart-claude-api: #af52de;
|
|
13
15
|
--chart-codex: #30b0c7;
|
|
14
16
|
--chart-gemini: #3b82f6;
|
|
15
17
|
--chart-copilot: #64748b;
|
|
@@ -37,6 +39,7 @@
|
|
|
37
39
|
--skill: #c084fc;
|
|
38
40
|
--skill-soft: #2f2350;
|
|
39
41
|
--chart-claude: #ff9f0a;
|
|
42
|
+
--chart-claude-api: #bf5af2;
|
|
40
43
|
--chart-codex: #40c8e0;
|
|
41
44
|
--chart-gemini: #60a5fa;
|
|
42
45
|
--chart-copilot: #94a3b8;
|
|
@@ -70,6 +73,7 @@
|
|
|
70
73
|
--color-skill: var(--skill);
|
|
71
74
|
--color-skill-soft: var(--skill-soft);
|
|
72
75
|
--color-chart-claude: var(--chart-claude);
|
|
76
|
+
--color-chart-claude-api: var(--chart-claude-api);
|
|
73
77
|
--color-chart-codex: var(--chart-codex);
|
|
74
78
|
--color-chart-gemini: var(--chart-gemini);
|
|
75
79
|
--color-chart-copilot: var(--chart-copilot);
|
package/dist/usage/format.js
CHANGED
|
@@ -25,14 +25,16 @@ export const PROVIDER_LABELS = {
|
|
|
25
25
|
codex: 'Codex',
|
|
26
26
|
nanogpt: 'NanoGPT',
|
|
27
27
|
grok: 'Grok',
|
|
28
|
-
copilot: 'GitHub Copilot'
|
|
28
|
+
copilot: 'GitHub Copilot',
|
|
29
|
+
'anthropic-claude-api': 'Claude API'
|
|
29
30
|
};
|
|
30
31
|
export const PROVIDER_COLORS = {
|
|
31
32
|
claude: 'var(--chart-claude)',
|
|
32
33
|
codex: 'var(--chart-codex)',
|
|
33
34
|
nanogpt: 'var(--chart-nanogpt)',
|
|
34
35
|
grok: 'var(--chart-grok)',
|
|
35
|
-
copilot: 'var(--chart-copilot)'
|
|
36
|
+
copilot: 'var(--chart-copilot)',
|
|
37
|
+
'anthropic-claude-api': 'var(--chart-claude-api)'
|
|
36
38
|
};
|
|
37
39
|
/*
|
|
38
40
|
* A slot is `2026-09-10` or `2026-09-10T14`, already in the viewer's own zone, so it is read as plain
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@adecore/agents-react",
|
|
3
|
-
"version": "0.37.
|
|
3
|
+
"version": "0.37.1",
|
|
4
4
|
"description": "React agent chat threads, composers, approvals, provider accounts and usage views.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"exports": {
|
|
@@ -67,11 +67,11 @@
|
|
|
67
67
|
"test:visuals": "bun --config=integration.bunfig.toml --conditions=source test ./src/chat/visual-viewport.integration.test.ts"
|
|
68
68
|
},
|
|
69
69
|
"dependencies": {
|
|
70
|
-
"@adecore/agent-contracts": "0.37.
|
|
71
|
-
"@adecore/editor": "0.37.
|
|
72
|
-
"@adecore/editor-react": "0.37.
|
|
73
|
-
"@adecore/intelligent-ui": "0.37.
|
|
74
|
-
"@adecore/merge": "0.37.
|
|
70
|
+
"@adecore/agent-contracts": "0.37.1",
|
|
71
|
+
"@adecore/editor": "0.37.1",
|
|
72
|
+
"@adecore/editor-react": "0.37.1",
|
|
73
|
+
"@adecore/intelligent-ui": "0.37.1",
|
|
74
|
+
"@adecore/merge": "0.37.1",
|
|
75
75
|
"@codemirror/commands": "^6.11.1",
|
|
76
76
|
"@codemirror/language": "^6.12.4",
|
|
77
77
|
"@codemirror/state": "^6.7.6",
|
|
@@ -94,14 +94,14 @@
|
|
|
94
94
|
"zustand": "^5.0.15"
|
|
95
95
|
},
|
|
96
96
|
"peerDependencies": {
|
|
97
|
-
"@adecore/ui": "^0.37.
|
|
97
|
+
"@adecore/ui": "^0.37.1",
|
|
98
98
|
"i18next": "^26.4.2",
|
|
99
99
|
"react": "^19.3.0",
|
|
100
100
|
"react-dom": "^19.3.0",
|
|
101
101
|
"react-i18next": "^17.0.15"
|
|
102
102
|
},
|
|
103
103
|
"devDependencies": {
|
|
104
|
-
"@adecore/ui": "0.37.
|
|
104
|
+
"@adecore/ui": "0.37.1",
|
|
105
105
|
"@types/bun": "^1.4.2",
|
|
106
106
|
"@types/react": "^19.3.0",
|
|
107
107
|
"@types/react-dom": "^19.3.0",
|
|
@@ -5,8 +5,12 @@ import { siGithubcopilot } from 'simple-icons';
|
|
|
5
5
|
* The marks of Anthropic, OpenAI, xAI and GitHub Copilot, and a monogram for a provider with no mark of its own. Lucide has no brand marks, so these are the icon rule's
|
|
6
6
|
* exception for provider marks. One path each, in `currentColor`, so a row decides how loud the logo is.
|
|
7
7
|
*/
|
|
8
|
+
const CLAUDE_PATH =
|
|
9
|
+
'M4.709 15.955l4.72-2.647.079-.23-.08-.128H9.2l-.79-.048-2.698-.073-2.339-.097-2.266-.122-.571-.121L0 11.784l.055-.352.48-.321.686.06 1.52.103 2.278.158 1.652.097 2.449.255h.389l.055-.157-.134-.098-.103-.097-2.358-1.596-2.552-1.688-1.336-.972-.724-.491-.364-.462-.158-1.008.656-.722.881.06.225.061.893.686 1.908 1.476 2.491 1.833.365.304.145-.103.019-.073-.164-.274-1.355-2.446-1.446-2.49-.644-1.032-.17-.619a2.97 2.97 0 01-.104-.729L6.283.134 6.696 0l.996.134.42.364.62 1.414 1.002 2.229 1.555 3.03.456.898.243.832.091.255h.158V9.01l.128-1.706.237-2.095.23-2.695.08-.76.377-.91.747-.492.584.28.48.685-.067.444-.286 1.851-.559 2.903-.364 1.942h.212l.243-.242.985-1.306 1.652-2.064.73-.82.85-.904.547-.431h1.033l.76 1.129-.34 1.166-1.064 1.347-.881 1.142-1.264 1.7-.79 1.36.073.11.188-.02 2.856-.606 1.543-.28 1.841-.315.833.388.091.395-.328.807-1.969.486-2.309.462-3.439.813-.042.03.048.061 1.549.146.662.036h1.622l3.02.225.79.522.474.638-.079.485-1.215.62-1.64-.389-3.829-.91-1.312-.329h-.182v.11l1.093 1.068 2.006 1.81 2.509 2.33.127.578-.322.455-.34-.049-2.205-1.657-.851-.747-1.926-1.62h-.128v.17l.444.649 2.345 3.521.122 1.08-.17.353-.607.212-.668-.122-1.374-1.925-1.415-2.167-1.143-1.943-.14.08-.674 7.254-.316.37-.729.28-.607-.461-.322-.747.322-1.476.389-1.924.315-1.53.286-1.9.17-.632-.012-.042-.14.018-1.434 1.967-2.18 2.945-1.726 1.845-.414.164-.717-.37.067-.662.401-.589 2.388-3.036 1.44-1.882.93-1.086-.006-.158h-.055L4.132 18.56l-1.13.146-.487-.456.061-.746.231-.243 1.914-1.316-.012.01z';
|
|
10
|
+
|
|
8
11
|
export const PROVIDER_PATHS: Record<UsageProvider, string> = {
|
|
9
|
-
claude:
|
|
12
|
+
claude: CLAUDE_PATH,
|
|
13
|
+
'anthropic-claude-api': CLAUDE_PATH,
|
|
10
14
|
codex: 'M21.55 10.004a5.416 5.416 0 00-.478-4.501c-1.217-2.09-3.662-3.166-6.05-2.66A5.59 5.59 0 0010.831 1C8.39.995 6.224 2.546 5.473 4.838A5.553 5.553 0 001.76 7.496a5.487 5.487 0 00.691 6.5 5.416 5.416 0 00.477 4.502c1.217 2.09 3.662 3.165 6.05 2.66A5.586 5.586 0 0013.168 23c2.443.006 4.61-1.546 5.361-3.84a5.554 5.554 0 003.715-2.66 5.488 5.488 0 00-.693-6.497v.001zm-8.381 11.558a4.199 4.199 0 01-2.675-.954c.034-.018.093-.05.132-.074l4.44-2.53a.71.71 0 00.364-.623v-6.176l1.877 1.069c.02.01.033.029.036.05v5.115c-.003 2.274-1.87 4.118-4.174 4.123zM4.192 17.78a4.059 4.059 0 01-.498-2.763c.032.019.09.055.131.078l4.44 2.53c.225.13.504.13.73 0l5.42-3.088v2.138a.068.068 0 01-.027.057L9.9 19.288c-1.999 1.136-4.552.46-5.707-1.51h-.001zM3.023 8.216A4.15 4.15 0 015.198 6.41l-.002.151v5.06a.711.711 0 00.364.624l5.42 3.087-1.876 1.07a.067.067 0 01-.063.005l-4.489-2.559c-1.995-1.14-2.679-3.658-1.53-5.63h.001zm15.417 3.54l-5.42-3.088L14.896 7.6a.067.067 0 01.063-.006l4.489 2.557c1.998 1.14 2.683 3.662 1.529 5.633a4.163 4.163 0 01-2.174 1.807V12.38a.71.71 0 00-.363-.623zm1.867-2.773a6.04 6.04 0 00-.132-.078l-4.44-2.53a.731.731 0 00-.729 0l-5.42 3.088V7.325a.068.068 0 01.027-.057L14.1 4.713c2-1.137 4.555-.46 5.707 1.513.487.833.664 1.809.499 2.757h.001zm-11.741 3.81l-1.877-1.068a.065.065 0 01-.036-.051V6.559c.001-2.277 1.873-4.122 4.181-4.12.976 0 1.92.338 2.671.954-.034.018-.092.05-.131.073l-4.44 2.53a.71.71 0 00-.365.623l-.003 6.173v.001zm1.02-2.168L12 9.25l2.414 1.375v2.75L12 14.75l-2.415-1.375v-2.75z',
|
|
11
15
|
nanogpt: 'M5 20V4h2.6l8.8 11.2V4H19v16h-2.6L7.6 8.8V20z',
|
|
12
16
|
grok: 'M6.469 8.776 16.512 23h-4.464L2.005 8.776H6.47Zm-.004 7.9 2.233 3.164L6.467 23H2l4.465-6.324ZM22 2.582V23h-3.659V7.764L22 2.582ZM22 1l-9.952 14.095-2.233-3.163L17.533 1H22Z',
|
package/src/providers/parts.tsx
CHANGED
|
@@ -10,7 +10,8 @@ const CLI_COLORS: Partial<Record<AgentKind, string>> = {
|
|
|
10
10
|
gemini: 'text-chart-gemini',
|
|
11
11
|
copilot: 'text-chart-copilot',
|
|
12
12
|
nanogpt: 'text-chart-nanogpt',
|
|
13
|
-
grok: 'text-chart-grok'
|
|
13
|
+
grok: 'text-chart-grok',
|
|
14
|
+
'anthropic-claude-api': 'text-chart-claude-api'
|
|
14
15
|
};
|
|
15
16
|
|
|
16
17
|
export function CliMark({ kind, size = 14, className }: { kind: AgentKind; size?: number; className?: string }) {
|
package/src/theme.css
CHANGED
|
@@ -8,8 +8,10 @@
|
|
|
8
8
|
--skill: #9333ea;
|
|
9
9
|
--skill-soft: #f7eeff;
|
|
10
10
|
/* One color per agent CLI, so a bar, a dot and a legend row all name the same provider. Apple's
|
|
11
|
-
system orange and teal
|
|
11
|
+
system orange and teal, and purple for Claude through an API key so it reads apart from Claude Code;
|
|
12
|
+
Gemini and Copilot are reserved for the day their transcripts are read. */
|
|
12
13
|
--chart-claude: #ff9500;
|
|
14
|
+
--chart-claude-api: #af52de;
|
|
13
15
|
--chart-codex: #30b0c7;
|
|
14
16
|
--chart-gemini: #3b82f6;
|
|
15
17
|
--chart-copilot: #64748b;
|
|
@@ -37,6 +39,7 @@
|
|
|
37
39
|
--skill: #c084fc;
|
|
38
40
|
--skill-soft: #2f2350;
|
|
39
41
|
--chart-claude: #ff9f0a;
|
|
42
|
+
--chart-claude-api: #bf5af2;
|
|
40
43
|
--chart-codex: #40c8e0;
|
|
41
44
|
--chart-gemini: #60a5fa;
|
|
42
45
|
--chart-copilot: #94a3b8;
|
|
@@ -70,6 +73,7 @@
|
|
|
70
73
|
--color-skill: var(--skill);
|
|
71
74
|
--color-skill-soft: var(--skill-soft);
|
|
72
75
|
--color-chart-claude: var(--chart-claude);
|
|
76
|
+
--color-chart-claude-api: var(--chart-claude-api);
|
|
73
77
|
--color-chart-codex: var(--chart-codex);
|
|
74
78
|
--color-chart-gemini: var(--chart-gemini);
|
|
75
79
|
--color-chart-copilot: var(--chart-copilot);
|
package/src/usage/format.ts
CHANGED
|
@@ -33,7 +33,8 @@ export const PROVIDER_LABELS: Record<UsageProvider, string> = {
|
|
|
33
33
|
codex: 'Codex',
|
|
34
34
|
nanogpt: 'NanoGPT',
|
|
35
35
|
grok: 'Grok',
|
|
36
|
-
copilot: 'GitHub Copilot'
|
|
36
|
+
copilot: 'GitHub Copilot',
|
|
37
|
+
'anthropic-claude-api': 'Claude API'
|
|
37
38
|
};
|
|
38
39
|
|
|
39
40
|
export const PROVIDER_COLORS: Record<UsageProvider, string> = {
|
|
@@ -41,7 +42,8 @@ export const PROVIDER_COLORS: Record<UsageProvider, string> = {
|
|
|
41
42
|
codex: 'var(--chart-codex)',
|
|
42
43
|
nanogpt: 'var(--chart-nanogpt)',
|
|
43
44
|
grok: 'var(--chart-grok)',
|
|
44
|
-
copilot: 'var(--chart-copilot)'
|
|
45
|
+
copilot: 'var(--chart-copilot)',
|
|
46
|
+
'anthropic-claude-api': 'var(--chart-claude-api)'
|
|
45
47
|
};
|
|
46
48
|
|
|
47
49
|
/*
|