@adecore/agents-react 0.31.12 → 0.33.0

package/dist/chat/visual-bridge.js

@@ -7,8 +7,8 @@ import { clampVisualHeight, visualContentHeight } from './logic/visual-height.js
  */
 const SILENCE_MS = 3000;
 function timeout(ms, run) {
-    const timer = setTimeout(run, ms);
-    return () => clearTimeout(timer);
+  const timer = setTimeout(run, ms);
+  return () => clearTimeout(timer);
 }
 /*
  * Talks to the frame of one visual. It hands the sandbox host page the visual's page when it says it
@@ -17,135 +17,135 @@ function timeout(ms, run) {
  * messages that come from the page count only once the page was sent.
  */
 export class VisualBridge {
-    options;
-    theme;
-    html = null;
-    /* Whether the sandbox host page ever said it listens, which is what tells it from an error page. */
-    heard = false;
-    /* The sandbox host page listens and has not been sent the page yet. */
-    waiting = false;
-    /* The theme the page was last sent, from the moment it was sent; null before that. */
-    sent = null;
-    /* Whether the page reported a size since it was sent, which says it runs and is drawn. */
-    live = false;
-    viewportReady = false;
-    viewport = null;
-    disposed = false;
-    cancelSilence = () => undefined;
-    constructor(options) {
-        this.options = options;
-        this.theme = options.theme;
-        options.page.then((html) => {
-            this.html = html;
-            this.sendPage();
-        }, () => {
-            if (!this.disposed) {
-                options.onFailure();
-            }
-        });
+  options;
+  theme;
+  html = null;
+  /* Whether the sandbox host page ever said it listens, which is what tells it from an error page. */
+  heard = false;
+  /* The sandbox host page listens and has not been sent the page yet. */
+  waiting = false;
+  /* The theme the page was last sent, from the moment it was sent; null before that. */
+  sent = null;
+  /* Whether the page reported a size since it was sent, which says it runs and is drawn. */
+  live = false;
+  viewportReady = false;
+  viewport = null;
+  disposed = false;
+  cancelSilence = () => undefined;
+  constructor(options) {
+    this.options = options;
+    this.theme = options.theme;
+    options.page.then(html => {
+      this.html = html;
+      this.sendPage();
+    }, () => {
+      if (!this.disposed) {
+        options.onFailure();
+      }
+    });
+  }
+  /* A `message` event of the window the frame is in. */
+  receive(event) {
+    const frame = this.options.frame();
+    if (this.disposed || frame === null || event.source !== frame) {
+      return;
     }
-    /* A `message` event of the window the frame is in. */
-    receive(event) {
-        const frame = this.options.frame();
-        if (this.disposed || frame === null || event.source !== frame) {
-            return;
+    const message = parseVisualMessage(event.data);
+    switch (message?.method) {
+      case VISUAL_BRIDGE_METHODS.sandboxProxyReady:
+        // A frame that loads again starts over from the sandbox host page.
+        this.heard = true;
+        this.waiting = true;
+        this.sent = null;
+        this.live = false;
+        this.viewportReady = false;
+        this.cancelSilence();
+        this.sendPage();
+        return;
+      case VISUAL_BRIDGE_METHODS.sizeChanged:
+        if (this.sent === null) {
+          return;
         }
-        const message = parseVisualMessage(event.data);
-        switch (message?.method) {
-            case VISUAL_BRIDGE_METHODS.sandboxProxyReady:
-                // A frame that loads again starts over from the sandbox host page.
-                this.heard = true;
-                this.waiting = true;
-                this.sent = null;
-                this.live = false;
-                this.viewportReady = false;
-                this.cancelSilence();
-                this.sendPage();
-                return;
-            case VISUAL_BRIDGE_METHODS.sizeChanged:
-                if (this.sent === null) {
-                    return;
-                }
-                if (!this.live) {
-                    this.live = true;
-                    this.options.onAppearance(this.sent.appearance);
-                }
-                this.options.onHeight(this.options.onViewportReady ? visualContentHeight(message.height) : clampVisualHeight(this.options.visual, message.height));
-                return;
-            case VISUAL_BRIDGE_METHODS.viewportReady:
-                if (this.sent === null) {
-                    return;
-                }
-                this.viewportReady = true;
-                this.options.onViewportReady?.();
-                this.setViewport(this.viewport);
-                return;
-            case VISUAL_BRIDGE_METHODS.scrollRequest:
-                if (this.sent !== null && this.viewportReady && this.viewport !== null) {
-                    this.options.onScroll?.(message.request);
-                }
-                return;
-            case VISUAL_BRIDGE_METHODS.openLink:
-                if (this.sent === null) {
-                    return;
-                }
-                if (this.options.mayOpenLink()) {
-                    this.options.openLink(message.url);
-                }
-                frame.postMessage(visualOpenLinkResult(message.id), '*');
-                return;
-            default:
-                return;
+        if (!this.live) {
+          this.live = true;
+          this.options.onAppearance(this.sent.appearance);
         }
-    }
-    setViewport(viewport) {
-        this.viewport = viewport;
-        if (!this.disposed && this.sent !== null && this.viewportReady) {
-            this.options.frame()?.postMessage(visualViewportMessage(viewport), '*');
+        this.options.onHeight(this.options.onViewportReady ? visualContentHeight(message.height) : clampVisualHeight(this.options.visual, message.height));
+        return;
+      case VISUAL_BRIDGE_METHODS.viewportReady:
+        if (this.sent === null) {
+          return;
         }
-    }
-    /* The app's theme changed; a page that was sent follows it at once, without loading again. */
-    setTheme(theme) {
-        this.theme = theme;
-        const frame = this.options.frame();
-        if (this.disposed || this.sent === null || frame === null) {
-            return;
+        this.viewportReady = true;
+        this.options.onViewportReady?.();
+        this.setViewport(this.viewport);
+        return;
+      case VISUAL_BRIDGE_METHODS.scrollRequest:
+        if (this.sent !== null && this.viewportReady && this.viewport !== null) {
+          this.options.onScroll?.(message.request);
         }
-        this.postTheme(frame);
-        if (this.live) {
-            this.options.onAppearance(theme.appearance);
+        return;
+      case VISUAL_BRIDGE_METHODS.openLink:
+        if (this.sent === null) {
+          return;
         }
-    }
-    /* The frame fired `load`. */
-    loaded() {
-        if (this.heard || this.disposed) {
-            return;
+        if (this.options.mayOpenLink()) {
+          this.options.openLink(message.url);
         }
-        this.cancelSilence();
-        this.cancelSilence = (this.options.after ?? timeout)(SILENCE_MS, () => {
-            if (!this.heard && !this.disposed) {
-                this.options.onFailure();
-            }
-        });
+        frame.postMessage(visualOpenLinkResult(message.id), '*');
+        return;
+      default:
+        return;
     }
-    dispose() {
-        this.disposed = true;
-        this.cancelSilence();
+  }
+  setViewport(viewport) {
+    this.viewport = viewport;
+    if (!this.disposed && this.sent !== null && this.viewportReady) {
+      this.options.frame()?.postMessage(visualViewportMessage(viewport), '*');
     }
-    sendPage() {
-        const frame = this.options.frame();
-        if (this.disposed || !this.waiting || this.html === null || frame === null) {
-            return;
-        }
-        this.waiting = false;
-        // Any origin, since the frame's own is opaque; `receive` checks every answer's source instead.
-        frame.postMessage(visualResourceReadyMessage(this.html), '*');
-        // The page writes itself as that message arrives and listens before the next one, so a theme
-        // that changed since the frame's address was set follows right after it.
-        this.postTheme(frame);
+  }
+  /* The app's theme changed; a page that was sent follows it at once, without loading again. */
+  setTheme(theme) {
+    this.theme = theme;
+    const frame = this.options.frame();
+    if (this.disposed || this.sent === null || frame === null) {
+      return;
     }
-    postTheme(frame) {
-        this.sent = this.theme;
-        frame.postMessage(visualHostContextMessage(this.theme), '*');
+    this.postTheme(frame);
+    if (this.live) {
+      this.options.onAppearance(theme.appearance);
     }
-}
+  }
+  /* The frame fired `load`. */
+  loaded() {
+    if (this.heard || this.disposed) {
+      return;
+    }
+    this.cancelSilence();
+    this.cancelSilence = (this.options.after ?? timeout)(SILENCE_MS, () => {
+      if (!this.heard && !this.disposed) {
+        this.options.onFailure();
+      }
+    });
+  }
+  dispose() {
+    this.disposed = true;
+    this.cancelSilence();
+  }
+  sendPage() {
+    const frame = this.options.frame();
+    if (this.disposed || !this.waiting || this.html === null || frame === null) {
+      return;
+    }
+    this.waiting = false;
+    // Any origin, since the frame's own is opaque; `receive` checks every answer's source instead.
+    frame.postMessage(visualResourceReadyMessage(this.html), '*');
+    // The page writes itself as that message arrives and listens before the next one, so a theme
+    // that changed since the frame's address was set follows right after it.
+    this.postTheme(frame);
+  }
+  postTheme(frame) {
+    this.sent = this.theme;
+    frame.postMessage(visualHostContextMessage(this.theme), '*');
+  }
+}

package/dist/chat/visual-viewport.js

@@ -1,92 +1,103 @@
 import { visualViewportGeometry } from './logic/visual-viewport.js';
 /* Keeps one small frame in a full-height timeline row, without rendering React on scroll. */
 export class VisualViewportController {
-    box;
-    viewport;
-    scroller;
-    bridge;
-    observer;
-    attributes;
-    view;
-    frame = 0;
-    disposed = false;
-    last = '';
-    pendingDelta = 0;
-    onScroll;
-    constructor(box, viewport, scroller, bridge) {
-        this.box = box;
-        this.viewport = viewport;
-        this.scroller = scroller;
-        this.bridge = bridge;
-        this.view = box.ownerDocument.defaultView;
-        this.onScroll = () => this.refresh();
-        this.observer = new ResizeObserver(this.onScroll);
-        this.observer.observe(box);
-        this.observer.observe(scroller);
-        this.attributes = new MutationObserver(this.onScroll);
-        const row = box.closest('[data-index]');
-        if (row) {
-            this.attributes.observe(row, { attributes: true, attributeFilter: ['style'] });
-        }
-        scroller.addEventListener('scroll', this.onScroll, { passive: true });
-        this.refresh();
+  box;
+  viewport;
+  scroller;
+  bridge;
+  observer;
+  attributes;
+  view;
+  frame = 0;
+  disposed = false;
+  last = '';
+  pendingDelta = 0;
+  onScroll;
+  constructor(box, viewport, scroller, bridge) {
+    this.box = box;
+    this.viewport = viewport;
+    this.scroller = scroller;
+    this.bridge = bridge;
+    this.view = box.ownerDocument.defaultView;
+    this.onScroll = () => this.refresh();
+    this.observer = new ResizeObserver(this.onScroll);
+    this.observer.observe(box);
+    this.observer.observe(scroller);
+    this.attributes = new MutationObserver(this.onScroll);
+    const row = box.closest('[data-index]');
+    if (row) {
+      this.attributes.observe(row, {
+        attributes: true,
+        attributeFilter: ['style']
+      });
     }
-    refresh() {
-        if (this.disposed) {
-            return;
-        }
-        const top = this.offsetInScroller(this.scroller.getBoundingClientRect(), this.box.getBoundingClientRect());
-        const available = this.scroller.clientHeight;
-        const geometry = visualViewportGeometry(this.box.offsetHeight, available, top);
-        this.viewport.style.height = `${geometry.height}px`;
-        const key = `${geometry.top}:${geometry.height}`;
-        if (key !== this.last) {
-            this.last = key;
-            this.bridge.setViewport(geometry);
-        }
+    scroller.addEventListener('scroll', this.onScroll, {
+      passive: true
+    });
+    this.refresh();
+  }
+  refresh() {
+    if (this.disposed) {
+      return;
     }
-    scroll(request) {
-        const outer = this.scroller.getBoundingClientRect();
-        const box = this.box.getBoundingClientRect();
-        if (this.disposed || box.bottom <= outer.top || box.top >= outer.bottom) {
-            return;
-        }
-        if ('by' in request) {
-            this.pendingDelta += request.by;
-            this.schedule();
-            return;
-        }
-        this.pendingDelta = 0;
-        const start = this.scroller.scrollTop + this.offsetInScroller(outer, box);
-        const top = 'to' in request ? start + request.to : request.edge === 'start' ? 0 : this.scroller.scrollHeight;
-        this.scroller.scrollTo({ top, behavior: 'instant' });
-        this.refresh();
+    const top = this.offsetInScroller(this.scroller.getBoundingClientRect(), this.box.getBoundingClientRect());
+    const available = this.scroller.clientHeight;
+    const geometry = visualViewportGeometry(this.box.offsetHeight, available, top);
+    this.viewport.style.height = `${geometry.height}px`;
+    const key = `${geometry.top}:${geometry.height}`;
+    if (key !== this.last) {
+      this.last = key;
+      this.bridge.setViewport(geometry);
     }
-    dispose() {
-        this.disposed = true;
-        this.view.cancelAnimationFrame(this.frame);
-        this.observer.disconnect();
-        this.attributes.disconnect();
-        this.scroller.removeEventListener('scroll', this.onScroll);
-        this.bridge.setViewport(null);
+  }
+  scroll(request) {
+    const outer = this.scroller.getBoundingClientRect();
+    const box = this.box.getBoundingClientRect();
+    if (this.disposed || box.bottom <= outer.top || box.top >= outer.bottom) {
+      return;
     }
-    /* The box's top below the scroller's visible top, in the scroller's own pixels. */
-    offsetInScroller(outer, box) {
-        // A chat on a canvas can be scaled; messages inside its frame use unscaled CSS pixels.
-        const scale = outer.height / this.scroller.offsetHeight || 1;
-        return (box.top - outer.top) / scale - this.scroller.clientTop;
+    if ('by' in request) {
+      this.pendingDelta += request.by;
+      this.schedule();
+      return;
     }
-    schedule() {
-        if (this.frame || this.disposed) {
-            return;
-        }
-        this.frame = this.view.requestAnimationFrame(() => {
-            this.frame = 0;
-            if (this.pendingDelta !== 0) {
-                this.scroller.scrollBy({ top: this.pendingDelta, behavior: 'instant' });
-                this.pendingDelta = 0;
-            }
-            this.refresh();
-        });
+    this.pendingDelta = 0;
+    const start = this.scroller.scrollTop + this.offsetInScroller(outer, box);
+    const top = 'to' in request ? start + request.to : request.edge === 'start' ? 0 : this.scroller.scrollHeight;
+    this.scroller.scrollTo({
+      top,
+      behavior: 'instant'
+    });
+    this.refresh();
+  }
+  dispose() {
+    this.disposed = true;
+    this.view.cancelAnimationFrame(this.frame);
+    this.observer.disconnect();
+    this.attributes.disconnect();
+    this.scroller.removeEventListener('scroll', this.onScroll);
+    this.bridge.setViewport(null);
+  }
+  /* The box's top below the scroller's visible top, in the scroller's own pixels. */
+  offsetInScroller(outer, box) {
+    // A chat on a canvas can be scaled; messages inside its frame use unscaled CSS pixels.
+    const scale = outer.height / this.scroller.offsetHeight || 1;
+    return (box.top - outer.top) / scale - this.scroller.clientTop;
+  }
+  schedule() {
+    if (this.frame || this.disposed) {
+      return;
     }
-}
+    this.frame = this.view.requestAnimationFrame(() => {
+      this.frame = 0;
+      if (this.pendingDelta !== 0) {
+        this.scroller.scrollBy({
+          top: this.pendingDelta,
+          behavior: 'instant'
+        });
+        this.pendingDelta = 0;
+      }
+      this.refresh();
+    });
+  }
+}

package/dist/chat/visuals.js

@@ -1,8 +1,16 @@
 import { create } from 'zustand';
-export const useVisualDialog = create((set) => ({
+export const useVisualDialog = create(set => ({
+  chatKey: null,
+  visualId: null,
+  kind: null,
+  open: (chatKey, visualId, kind) => set({
+    chatKey,
+    visualId,
+    kind
+  }),
+  close: () => set({
     chatKey: null,
     visualId: null,
-    kind: null,
-    open: (chatKey, visualId, kind) => set({ chatKey, visualId, kind }),
-    close: () => set({ chatKey: null, visualId: null, kind: null })
-}));
+    kind: null
+  })
+}));

package/dist/host-hooks.d.ts

@@ -0,0 +1,29 @@
+import type { ProviderPlatform } from '@adecore/agent-contracts';
+import { type ChatHost, type CommandLook } from './host.js';
+export declare function useHostCodeMode(): 'light' | 'dark';
+export declare function useHostCodeThemes(): {
+    light: string;
+    dark: string;
+};
+export declare function useHostAttachmentUrl(...args: Parameters<ChatHost['attachments']['useUrl']>): ReturnType<ChatHost['attachments']['useUrl']>;
+export declare function useHostTasks(...args: Parameters<ChatHost['tasks']['useTasks']>): ReturnType<ChatHost['tasks']['useTasks']>;
+export declare function useHostTask(...args: Parameters<ChatHost['tasks']['useTask']>): ReturnType<ChatHost['tasks']['useTask']>;
+export declare function useHostExtraPrompts(...args: Parameters<ChatHost['prompts']['useExtra']>): ReturnType<ChatHost['prompts']['useExtra']>;
+export declare function useHostStreaming(): ReturnType<ChatHost['useStreaming']>;
+export declare function useHostSendDelivery(): ReturnType<ChatHost['useSendDelivery']>;
+export declare function useHostTimelineFind(...args: Parameters<ChatHost['useTimelineFind']>): ReturnType<ChatHost['useTimelineFind']>;
+export declare function useHostReferableChats(): ReturnType<ChatHost['useReferableChats']>;
+export declare function useHostLoginBlocked(...args: Parameters<ChatHost['useLoginBlocked']>): ReturnType<ChatHost['useLoginBlocked']>;
+export declare function useHostMachinePlatform(scopeId: string): ProviderPlatform | null;
+export declare function useHostProjectLook(...args: Parameters<ChatHost['useProjectLook']>): ReturnType<ChatHost['useProjectLook']>;
+export declare function useHostMachineLabel(...args: Parameters<ChatHost['useMachineLabel']>): ReturnType<ChatHost['useMachineLabel']>;
+export declare function useHostChatPlace(...args: Parameters<ChatHost['useChatPlace']>): ReturnType<ChatHost['useChatPlace']>;
+export declare function useHostContextSources(...args: Parameters<ChatHost['useContextSources']>): ReturnType<ChatHost['useContextSources']>;
+export declare function useHostHidesFolder(...args: Parameters<ChatHost['useHidesFolder']>): ReturnType<ChatHost['useHidesFolder']>;
+export declare function useHostWelcome(...args: Parameters<ChatHost['useWelcome']>): ReturnType<ChatHost['useWelcome']>;
+export declare function useHostResumeAtReset(...args: Parameters<ChatHost['useResumeAtReset']>): ReturnType<ChatHost['useResumeAtReset']>;
+export declare function useHostComposerPlaceholder(...args: Parameters<ChatHost['useComposerPlaceholder']>): ReturnType<ChatHost['useComposerPlaceholder']>;
+export declare function useHostThreadCards(...args: Parameters<ChatHost['useThreadCards']>): ReturnType<ChatHost['useThreadCards']>;
+export declare function useHostReplyAuthor(...args: Parameters<ChatHost['useReplyAuthor']>): ReturnType<ChatHost['useReplyAuthor']>;
+export declare function useHostMapSource(maps: NonNullable<ChatHost['maps']>, scopeId: string): ReturnType<NonNullable<ChatHost['maps']>['useSource']>;
+export declare function useCommandNames(look: Required<Pick<CommandLook, 'useNames'>>, scopeId: string, chatId: string): ReturnType<NonNullable<CommandLook['useNames']>>;

package/dist/host-hooks.js

@@ -0,0 +1,78 @@
+'use no memo';
+
+import { useChatHost } from './host.js';
+export function useHostCodeMode() {
+  return useChatHost().code.useMode();
+}
+export function useHostCodeThemes() {
+  return useChatHost().code.useThemes();
+}
+export function useHostAttachmentUrl(...args) {
+  return useChatHost().attachments.useUrl(...args);
+}
+export function useHostTasks(...args) {
+  return useChatHost().tasks.useTasks(...args);
+}
+export function useHostTask(...args) {
+  return useChatHost().tasks.useTask(...args);
+}
+export function useHostExtraPrompts(...args) {
+  return useChatHost().prompts.useExtra(...args);
+}
+export function useHostStreaming() {
+  return useChatHost().useStreaming();
+}
+export function useHostSendDelivery() {
+  return useChatHost().useSendDelivery();
+}
+export function useHostTimelineFind(...args) {
+  return useChatHost().useTimelineFind(...args);
+}
+export function useHostReferableChats() {
+  return useChatHost().useReferableChats();
+}
+export function useHostLoginBlocked(...args) {
+  return useChatHost().useLoginBlocked(...args);
+}
+const noPlatform = () => null;
+/* Null where the host does not say, as it need not. */
+export function useHostMachinePlatform(scopeId) {
+  const useMachinePlatform = useChatHost().useMachinePlatform ?? noPlatform;
+  return useMachinePlatform(scopeId);
+}
+export function useHostProjectLook(...args) {
+  return useChatHost().useProjectLook(...args);
+}
+export function useHostMachineLabel(...args) {
+  return useChatHost().useMachineLabel(...args);
+}
+export function useHostChatPlace(...args) {
+  return useChatHost().useChatPlace(...args);
+}
+export function useHostContextSources(...args) {
+  return useChatHost().useContextSources(...args);
+}
+export function useHostHidesFolder(...args) {
+  return useChatHost().useHidesFolder(...args);
+}
+export function useHostWelcome(...args) {
+  return useChatHost().useWelcome(...args);
+}
+export function useHostResumeAtReset(...args) {
+  return useChatHost().useResumeAtReset(...args);
+}
+export function useHostComposerPlaceholder(...args) {
+  return useChatHost().useComposerPlaceholder(...args);
+}
+export function useHostThreadCards(...args) {
+  return useChatHost().useThreadCards(...args);
+}
+export function useHostReplyAuthor(...args) {
+  return useChatHost().useReplyAuthor(...args);
+}
+export function useHostMapSource(maps, scopeId) {
+  return maps.useSource(scopeId);
+}
+export function useCommandNames(look, scopeId, chatId) {
+  return look.useNames(scopeId, chatId);
+}