@adecore/agents-react 0.25.1 → 0.25.2

package/dist/chat/ui/intelligent-ui/node-text.js

@@ -1,5 +1,5 @@
 import { parseUiEventTime } from '@adecore/intelligent-ui';
-import { formatClock, formatDay, formatDayClock, formatDayClockWithYear, formatDayWithYear } from '@adecore/ui/format';
+import { formatClock, formatDateTime, formatDay, formatDayClock, formatDayClockWithYear, formatDayWithYear } from '@adecore/ui/format';
 /* The text a node holds, every `$text` below it joined as written, such as the code of a CodeBlock. */
 export function uiNodeText(node) {
     return node.children.map((child) => (child.type === '$text' ? String(child.props.text ?? '') : uiNodeText(child))).join('');
@@ -129,7 +129,9 @@ export function uiEventTime(at, now = Date.now()) {
     const year = moment.written ? moment.date.getUTCFullYear() : moment.date.getFullYear();
     const withYear = year !== new Date(now).getFullYear();
     if (moment.kind === 'time') {
-        return formatClock(moment.date, zone);
+        return moment.seconds
+            ? formatDateTime(moment.date, { hour: '2-digit', minute: '2-digit', second: '2-digit', timeZone: 'UTC' })
+            : formatClock(moment.date, zone);
     }
     if (moment.kind === 'date') {
         return withYear ? formatDayWithYear(moment.date, zone) : formatDay(moment.date, zone);

package/dist/chat/ui/intelligent-ui/renderers/text.d.ts

@@ -1,4 +1,4 @@
-import type { UiProps } from '@adecore/intelligent-ui';
+import { type UiProps } from '@adecore/intelligent-ui';
 import { type UiRendererProps } from '../render-context.js';
 export declare function SummaryRenderer({ node, children }: UiRendererProps<UiProps<'Summary'>>): import("react").JSX.Element;
 export declare function CalloutRenderer({ node, children }: UiRendererProps<UiProps<'Callout'>>): import("react").JSX.Element;

package/dist/chat/ui/intelligent-ui/renderers/text.js

@@ -3,6 +3,7 @@ import { useContext } from 'react';
 import clsx from 'clsx';
 import { useTranslation } from 'react-i18next';
 import { Circle, CircleCheck, CircleDot, CircleMinus, CircleX } from 'lucide-react';
+import { parseUiEventTime } from '@adecore/intelligent-ui';
 import { Icon, Meter, Pill, Spinner } from '@adecore/ui';
 import { formatNumber, formatPercent } from '@adecore/ui/format';
 import { UiHeadContext } from '../render-context.js';
@@ -73,5 +74,5 @@ export function EventRenderer({ node, children }) {
     const time = uiEventTime(at);
     // A neutral dot says nothing the title does not, and a detail is part of what the row says.
     const label = [time, uiNodeLabel(node), tone === 'neutral' ? '' : t(`blocks.event.tone.${tone}`), detail ?? ''].filter((part) => part !== '').join(', ');
-    return (_jsxs("li", { "aria-label": label, className: "group/event relative flex min-h-7 gap-3 pb-3 last:pb-0", children: [_jsx("span", { "aria-hidden": true, className: clsx('mt-1 size-2 shrink-0 rounded-full bg-current', UI_TONE_TEXT[tone]) }), _jsx("span", { "aria-hidden": true, className: "absolute top-3.5 bottom-0 left-0.75 w-px bg-border group-last/event:hidden" }), _jsxs("div", { className: "flex min-w-0 grow flex-col gap-0.5", children: [_jsx("time", { dateTime: at, className: "text-xs text-text-faint tabular-nums", children: time }), _jsx("div", { className: "text-sm wrap-break-word text-text", children: children }), detail !== undefined && detail !== '' && _jsx("div", { className: "text-xs wrap-anywhere text-text-faint", children: detail })] })] }));
+    return (_jsxs("li", { "aria-label": label, className: "group/event relative flex min-h-7 gap-3 pb-3 last:pb-0", children: [_jsx("span", { "aria-hidden": true, className: clsx('mt-1 size-2 shrink-0 rounded-full bg-current', UI_TONE_TEXT[tone]) }), _jsx("span", { "aria-hidden": true, className: "absolute top-3.5 bottom-0 left-0.75 w-px bg-border group-last/event:hidden" }), _jsxs("div", { className: "flex min-w-0 grow flex-col gap-0.5", children: [parseUiEventTime(at) === null ? (_jsx("span", { className: "text-xs wrap-anywhere text-text-faint tabular-nums", children: time })) : (_jsx("time", { dateTime: at, className: "text-xs text-text-faint tabular-nums", children: time })), _jsx("div", { className: "text-sm wrap-break-word text-text", children: children }), detail !== undefined && detail !== '' && _jsx("div", { className: "text-xs wrap-anywhere text-text-faint", children: detail })] })] }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adecore/agents-react",
-  "version": "0.25.1",
+  "version": "0.25.2",
   "description": "React agent chat threads, composers, approvals, provider accounts and usage views.",
   "type": "module",
   "exports": {
@@ -67,11 +67,11 @@
     "test:visuals": "bun --config=integration.bunfig.toml --conditions=source test ./src/chat/visual-viewport.integration.test.ts"
   },
   "dependencies": {
-    "@adecore/agent-contracts": "0.25.1",
-    "@adecore/editor": "0.25.1",
-    "@adecore/editor-react": "0.25.1",
-    "@adecore/intelligent-ui": "0.25.1",
-    "@adecore/merge": "0.25.1",
+    "@adecore/agent-contracts": "0.25.2",
+    "@adecore/editor": "0.25.2",
+    "@adecore/editor-react": "0.25.2",
+    "@adecore/intelligent-ui": "0.25.2",
+    "@adecore/merge": "0.25.2",
     "@codemirror/commands": "^6.11.1",
     "@codemirror/language": "^6.12.4",
     "@codemirror/state": "^6.7.6",
@@ -94,14 +94,14 @@
     "zustand": "^5.0.15"
   },
   "peerDependencies": {
-    "@adecore/ui": "^0.25.1",
+    "@adecore/ui": "^0.25.2",
     "i18next": "^26.4.2",
     "react": "^19.3.0",
     "react-dom": "^19.3.0",
     "react-i18next": "^17.0.15"
   },
   "devDependencies": {
-    "@adecore/ui": "0.25.1",
+    "@adecore/ui": "0.25.2",
     "@types/bun": "^1.4.2",
     "@types/react": "^19.3.0",
     "@types/react-dom": "^19.3.0",

package/src/chat/ui/intelligent-ui/node-text.ts

@@ -1,6 +1,6 @@
 import type { TFunction } from 'i18next';
 import { parseUiEventTime, type UiComponentName, type UiProps, type UiViewNode } from '@adecore/intelligent-ui';
-import { formatClock, formatDay, formatDayClock, formatDayClockWithYear, formatDayWithYear } from '@adecore/ui/format';
+import { formatClock, formatDateTime, formatDay, formatDayClock, formatDayClockWithYear, formatDayWithYear } from '@adecore/ui/format';
 import type { UiLiveStatus } from './render-context';
 
 /* The text a node holds, every `$text` below it joined as written, such as the code of a CodeBlock. */
@@ -143,7 +143,9 @@ export function uiEventTime(at: string, now: Date | number = Date.now()): string
     const year = moment.written ? moment.date.getUTCFullYear() : moment.date.getFullYear();
     const withYear = year !== new Date(now).getFullYear();
     if (moment.kind === 'time') {
-        return formatClock(moment.date, zone);
+        return moment.seconds
+            ? formatDateTime(moment.date, { hour: '2-digit', minute: '2-digit', second: '2-digit', timeZone: 'UTC' })
+            : formatClock(moment.date, zone);
     }
     if (moment.kind === 'date') {
         return withYear ? formatDayWithYear(moment.date, zone) : formatDay(moment.date, zone);

package/src/chat/ui/intelligent-ui/renderers/text.tsx

@@ -2,7 +2,7 @@ import { useContext } from 'react';
 import clsx from 'clsx';
 import { useTranslation } from 'react-i18next';
 import { Circle, CircleCheck, CircleDot, CircleMinus, CircleX, type LucideIcon } from 'lucide-react';
-import type { UiProps } from '@adecore/intelligent-ui';
+import { parseUiEventTime, type UiProps } from '@adecore/intelligent-ui';
 import { Icon, Meter, Pill, Spinner } from '@adecore/ui';
 import { formatNumber, formatPercent } from '@adecore/ui/format';
 import { UiHeadContext, type UiRenderContext, type UiRendererProps } from '../render-context';
@@ -150,9 +150,14 @@ export function EventRenderer({ node, children }: UiRendererProps<UiProps<'Event
             <span aria-hidden className={clsx('mt-1 size-2 shrink-0 rounded-full bg-current', UI_TONE_TEXT[tone])} />
             <span aria-hidden className="absolute top-3.5 bottom-0 left-0.75 w-px bg-border group-last/event:hidden" />
             <div className="flex min-w-0 grow flex-col gap-0.5">
-                <time dateTime={at} className="text-xs text-text-faint tabular-nums">
-                    {time}
-                </time>
+                {/* A time nobody could read stays as written and is no `dateTime` for a machine to read. */}
+                {parseUiEventTime(at) === null ? (
+                    <span className="text-xs wrap-anywhere text-text-faint tabular-nums">{time}</span>
+                ) : (
+                    <time dateTime={at} className="text-xs text-text-faint tabular-nums">
+                        {time}
+                    </time>
+                )}
                 <div className="text-sm wrap-break-word text-text">{children}</div>
                 {detail !== undefined && detail !== '' && <div className="text-xs wrap-anywhere text-text-faint">{detail}</div>}
             </div>