@adecore/agents-react 0.25.0 → 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/map-view.js

@@ -11,12 +11,17 @@ const MARKER = 'flex size-5 items-center justify-center rounded-full bg-map-mark
 const PICKED = 'z-1 bg-accent text-accent-text outline-2 outline-surface';
 // A tile that fails this many times with none loading in between leaves the map empty, so the outline stands in.
 const TILE_ERRORS_IN_A_ROW = 4;
-let workerReady = false;
-/* The worker is a file of the package, so the bundler of the app has to serve it: the default address beside the chunk would not exist. */
-function ensureBundledWorker() {
-    if (!workerReady) {
-        setWorkerUrl(new URL('maplibre-gl/dist/maplibre-gl-worker.mjs', import.meta.url).href);
-        workerReady = true;
+let workerUrlSet = null;
+/*
+ * The worker is a file of the package, so the bundler of the app has to serve it: the default address beside the chunk
+ * would not exist. A dev server that pre-bundles this package rewrites the fallback to a folder that is gone, so the
+ * host hands the address from its own source.
+ */
+function ensureBundledWorker(hosted) {
+    const url = hosted ?? new URL('maplibre-gl/dist/maplibre-gl-worker.mjs', import.meta.url).href;
+    if (url !== workerUrlSet) {
+        setWorkerUrl(url);
+        workerUrlSet = url;
     }
 }
 /* The grounds of the built-in map are theme tokens, which the page resolves; the style needs plain colors. */
@@ -31,7 +36,9 @@ function readColors(element) {
  */
 export function MapView({ markers, source, selected, onPick, onStatus }) {
     const { t, i18n } = useTranslation('agent-chat');
-    const mode = useChatHost().code.useMode();
+    const host = useChatHost();
+    const mode = host.code.useMode();
+    const workerUrl = host.maps?.workerUrl;
     const element = useRef(null);
     const [map, setMap] = useState(null);
     const [outline, setOutline] = useState(false);
@@ -53,7 +60,7 @@ export function MapView({ markers, source, selected, onPick, onStatus }) {
         const tiles = current.state === 'tiles' && !offline;
         let created;
         try {
-            ensureBundledWorker();
+            ensureBundledWorker(workerUrl);
             created = new MapLibreMap({
                 container,
                 style: current.state === 'tiles' && tiles ? current.styleUrl(mode) : baseMapStyle(colors),

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/dist/host.d.ts

@@ -149,6 +149,7 @@ export interface ChatHost {
     };
     maps?: {
         useSource(scopeId: string): UiMapSource;
+        workerUrl?: string;
     };
     accents: {
         all: readonly AccentChoice[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adecore/agents-react",
-  "version": "0.25.0",
+  "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.0",
-    "@adecore/editor": "0.25.0",
-    "@adecore/editor-react": "0.25.0",
-    "@adecore/intelligent-ui": "0.25.0",
-    "@adecore/merge": "0.25.0",
+    "@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.0",
+    "@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.0",
+    "@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/map-view.tsx

@@ -33,13 +33,18 @@ const PICKED = 'z-1 bg-accent text-accent-text outline-2 outline-surface';
 // A tile that fails this many times with none loading in between leaves the map empty, so the outline stands in.
 const TILE_ERRORS_IN_A_ROW = 4;
 
-let workerReady = false;
+let workerUrlSet: string | null = null;
 
-/* The worker is a file of the package, so the bundler of the app has to serve it: the default address beside the chunk would not exist. */
-function ensureBundledWorker(): void {
-    if (!workerReady) {
-        setWorkerUrl(new URL('maplibre-gl/dist/maplibre-gl-worker.mjs', import.meta.url).href);
-        workerReady = true;
+/*
+ * The worker is a file of the package, so the bundler of the app has to serve it: the default address beside the chunk
+ * would not exist. A dev server that pre-bundles this package rewrites the fallback to a folder that is gone, so the
+ * host hands the address from its own source.
+ */
+function ensureBundledWorker(hosted: string | undefined): void {
+    const url = hosted ?? new URL('maplibre-gl/dist/maplibre-gl-worker.mjs', import.meta.url).href;
+    if (url !== workerUrlSet) {
+        setWorkerUrl(url);
+        workerUrlSet = url;
     }
 }
 
@@ -56,7 +61,9 @@ function readColors(element: HTMLElement): MapColors {
  */
 export function MapView({ markers, source, selected, onPick, onStatus }: MapViewProps) {
     const { t, i18n } = useTranslation('agent-chat');
-    const mode = useChatHost().code.useMode();
+    const host = useChatHost();
+    const mode = host.code.useMode();
+    const workerUrl = host.maps?.workerUrl;
     const element = useRef<HTMLDivElement>(null);
     const [map, setMap] = useState<MapLibreMap | null>(null);
     const [outline, setOutline] = useState(false);
@@ -79,7 +86,7 @@ export function MapView({ markers, source, selected, onPick, onStatus }: MapView
         const tiles = current.state === 'tiles' && !offline;
         let created: MapLibreMap;
         try {
-            ensureBundledWorker();
+            ensureBundledWorker(workerUrl);
             created = new MapLibreMap({
                 container,
                 style: current.state === 'tiles' && tiles ? current.styleUrl(mode) : baseMapStyle(colors),

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>

package/src/host.ts

@@ -236,6 +236,11 @@ export interface ChatHost {
     /* The map tiles of a Map block; left out, a map draws its outline and its list of places only. */
     maps?: {
         useSource(scopeId: string): UiMapSource;
+        /*
+         * The address of MapLibre's worker file (`maplibre-gl/dist/maplibre-gl-worker.mjs`) as the app's bundler serves it,
+         * for a bundler that moves this package and breaks the address the map would otherwise work out.
+         */
+        workerUrl?: string;
     };
     /* The colors an account may wear in the order a picker offers them, the few it shows first, and their names. */
     accents: {