@opencode-ai/ui 0.0.0-dev-17900 → 0.0.0-dev-17903

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 (9) hide show
  1. package/dist/i18n/en.d.ts +3 -0
  2. package/dist/overlays/tooltip/tooltip.d.ts +1 -0
  3. package/package.json +1 -1
  4. package/src/i18n/en.ts +3 -0
  5. package/src/overlays/tooltip/tooltip.tsx +3 -0
  6. package/src/styles/tailwind/colors.css +1 -0
  7. package/src/styles/tokens/theme.css +4 -0
  8. package/src/theme/themes/oc-2.json +2 -0
  9. package/src/theme/v2/foreground.ts +1 -0
package/dist/i18n/en.d.ts CHANGED
@@ -150,6 +150,7 @@ declare const source: {
150
150
  "ui.tool.questions.numbered": string;
151
151
  "ui.tool.agent": string;
152
152
  "ui.tool.agent.default": string;
153
+ "ui.tool.agent.delegating": string;
153
154
  "ui.tool.skill": string;
154
155
  "ui.basicTool.called": string;
155
156
  "ui.toolErrorCard.failed": string;
@@ -186,6 +187,8 @@ declare const source: {
186
187
  "ui.message.duration.minutesSeconds": string;
187
188
  "ui.message.interrupted": string;
188
189
  "ui.sessionTimeline.notice.model": string;
190
+ "ui.sessionTimeline.notice.movedTo": string;
191
+ "ui.sessionTimeline.notice.movedTooltip": string;
189
192
  "ui.sessionTimeline.notice.failed": string;
190
193
  "ui.sessionTimeline.notice.cancelled": string;
191
194
  "ui.sessionTimeline.notice.finished": string;
package/dist/overlays/tooltip/tooltip.d.ts CHANGED
@@ -10,5 +10,6 @@ export interface TooltipProps extends ComponentProps<typeof Root> {
10
10
  contentStyle?: JSX.CSSProperties;
11
11
  inactive?: boolean;
12
12
  forceOpen?: boolean;
13
+ triggerTabIndex?: number;
13
14
  }
14
15
  export declare function Tooltip(props: TooltipProps): JSX.Element;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opencode-ai/ui",
3
- "version": "0.0.0-dev-17900",
3
+ "version": "0.0.0-dev-17903",
4
4
  "type": "module",
5
5
  "license": "MIT",
6
6
  "repository": {
package/src/i18n/en.ts CHANGED
@@ -168,6 +168,7 @@ const source = {
168
168
  "ui.tool.questions.numbered": "Questions {{number}}",
169
169
  "ui.tool.agent": "{{type}} Agent",
170
170
  "ui.tool.agent.default": "Agent",
171
+ "ui.tool.agent.delegating": "Delegating agent...",
171
172
  "ui.tool.skill": "Skill",
172
173
 
173
174
  "ui.basicTool.called": "Called `{{tool}}`",
@@ -209,6 +210,8 @@ const source = {
209
210
  "ui.message.duration.minutesSeconds": "{{minutes}}m {{seconds}}s",
210
211
  "ui.message.interrupted": "Interrupted",
211
212
  "ui.sessionTimeline.notice.model": "Model",
213
+ "ui.sessionTimeline.notice.movedTo": "Moved to",
214
+ "ui.sessionTimeline.notice.movedTooltip": "Session working directory changed",
212
215
  "ui.sessionTimeline.notice.failed": "{{actor}} failed",
213
216
  "ui.sessionTimeline.notice.cancelled": "{{actor}} cancelled",
214
217
  "ui.sessionTimeline.notice.finished": "{{actor}} finished",
package/src/overlays/tooltip/tooltip.tsx CHANGED
@@ -12,6 +12,7 @@ export interface TooltipProps extends ComponentProps<typeof Root> {
12
12
  contentStyle?: JSX.CSSProperties
13
13
  inactive?: boolean
14
14
  forceOpen?: boolean
15
+ triggerTabIndex?: number
15
16
  }
16
17
 
17
18
  export function Tooltip(props: TooltipProps) {
@@ -29,6 +30,7 @@ export function Tooltip(props: TooltipProps) {
29
30
  "contentStyle",
30
31
  "inactive",
31
32
  "forceOpen",
33
+ "triggerTabIndex",
32
34
  "ignoreSafeArea",
33
35
  "value",
34
36
  ])
@@ -110,6 +112,7 @@ export function Tooltip(props: TooltipProps) {
110
112
  <Trigger
111
113
  ref={ref}
112
114
  as="div"
115
+ tabIndex={local.triggerTabIndex}
113
116
  data-component="tooltip-v2-trigger"
114
117
  class={local.class}
115
118
  onPointerDownCapture={arm}
package/src/styles/tailwind/colors.css CHANGED
@@ -252,6 +252,7 @@
252
252
  --color-v2-text-text-code-accent: var(--v2-text-text-code-accent);
253
253
  --color-v2-icon-icon-base: var(--v2-icon-icon-base);
254
254
  --color-v2-icon-icon-muted: var(--v2-icon-icon-muted);
255
+ --color-v2-icon-icon-faint: var(--v2-icon-icon-faint);
255
256
  --color-v2-icon-icon-inverse: var(--v2-icon-icon-inverse);
256
257
  --color-v2-icon-icon-contrast: var(--v2-icon-icon-contrast);
257
258
  --color-v2-icon-icon-accent: var(--v2-icon-icon-accent);
package/src/styles/tokens/theme.css CHANGED
@@ -27,6 +27,7 @@
27
27
  /* ── Icon ── */
28
28
  --v2-icon-icon-base: var(--v2-grey-800);
29
29
  --v2-icon-icon-muted: var(--v2-grey-600);
30
+ --v2-icon-icon-faint: var(--v2-grey-500);
30
31
  --v2-icon-icon-inverse: var(--v2-grey-50);
31
32
  --v2-icon-icon-contrast: var(--v2-grey-100);
32
33
  --v2-icon-icon-accent: var(--v2-blue-600);
@@ -158,6 +159,7 @@
158
159
 
159
160
  --v2-icon-icon-base: var(--v2-grey-400);
160
161
  --v2-icon-icon-muted: var(--v2-grey-600);
162
+ --v2-icon-icon-faint: var(--v2-grey-500);
161
163
  --v2-icon-icon-inverse: var(--v2-grey-1000);
162
164
  --v2-icon-icon-contrast: var(--v2-grey-200);
163
165
  --v2-icon-icon-accent: var(--v2-blue-400);
@@ -271,6 +273,7 @@
271
273
 
272
274
  --v2-icon-icon-base: var(--v2-grey-800);
273
275
  --v2-icon-icon-muted: var(--v2-grey-600);
276
+ --v2-icon-icon-faint: var(--v2-grey-500);
274
277
  --v2-icon-icon-inverse: var(--v2-grey-50);
275
278
  --v2-icon-icon-contrast: var(--v2-grey-100);
276
279
  --v2-icon-icon-accent: var(--v2-blue-600);
@@ -393,6 +396,7 @@
393
396
 
394
397
  --v2-icon-icon-base: var(--v2-grey-400);
395
398
  --v2-icon-icon-muted: var(--v2-grey-600);
399
+ --v2-icon-icon-faint: var(--v2-grey-500);
396
400
  --v2-icon-icon-inverse: var(--v2-grey-1100);
397
401
  --v2-icon-icon-contrast: var(--v2-grey-100);
398
402
  --v2-icon-icon-accent: var(--v2-blue-400);
package/src/theme/themes/oc-2.json CHANGED
@@ -176,6 +176,7 @@
176
176
  "v2-text-text-code-accent": "var(--v2-blue-900)",
177
177
  "v2-icon-icon-base": "var(--v2-grey-800)",
178
178
  "v2-icon-icon-muted": "var(--v2-grey-600)",
179
+ "v2-icon-icon-faint": "var(--v2-grey-500)",
179
180
  "v2-icon-icon-inverse": "var(--v2-grey-50)",
180
181
  "v2-icon-icon-contrast": "var(--v2-grey-100)",
181
182
  "v2-icon-icon-accent": "var(--v2-blue-600)",
@@ -411,6 +412,7 @@
411
412
  "v2-text-text-code-accent": "var(--v2-blue-400)",
412
413
  "v2-icon-icon-base": "var(--v2-grey-400)",
413
414
  "v2-icon-icon-muted": "var(--v2-grey-600)",
415
+ "v2-icon-icon-faint": "var(--v2-grey-500)",
414
416
  "v2-icon-icon-inverse": "var(--v2-grey-1100)",
415
417
  "v2-icon-icon-contrast": "var(--v2-grey-100)",
416
418
  "v2-icon-icon-accent": "var(--v2-blue-400)",
package/src/theme/v2/foreground.ts CHANGED
@@ -52,6 +52,7 @@ export function mapV2Foreground(
52
52
  "v2-text-text-faint": shift(body, { l: isDark ? -0.2 : 0.21, c: isDark ? 0.78 : 0.72 }),
53
53
  "v2-icon-icon-base": greyRef(pickGrey(primitives, bgBase, 7, isDark ? 400 : 800)),
54
54
  "v2-icon-icon-muted": greyRef(pickGrey(primitives, bgBase, 3, 600)),
55
+ "v2-icon-icon-faint": greyRef(pickGrey(primitives, bgBase, 1.5, 500)),
55
56
  "v2-icon-icon-inverse": greyRef(pickGrey(primitives, bgInverse, 7, inverseTarget)),
56
57
  "v2-icon-icon-contrast": greyRef(pickGrey(primitives, bgContrast, 7, 100)),
57
58
  "v2-icon-icon-accent": isDark ? "var(--v2-blue-400)" : "var(--v2-blue-600)",