@adecore/agents-react 0.31.12 → 0.33.0

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

@@ -1,89 +1,393 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import clsx from 'clsx';
 import { useTranslation } from 'react-i18next';
 import { FileDiff, GitCommitHorizontal, SquareDashed } from 'lucide-react';
 import { FileIcon, Icon, Tooltip } from '@adecore/ui';
 import { CHIP_IN_MESSAGE } from '../../chips.js';
 import { uiReasonText } from '../node-text.js';
-const PLAIN = { state: 'plain' };
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const PLAIN = {
+  state: 'plain'
+};
 /* A link in a block is a quiet card on its tile, unlike a mention in a message, which wears the accent. */
 const UI_CHIP = 'bg-ui-inset font-mono text-text shadow-[inset_0_0_0_1px_var(--border)]';
 function baseName(path) {
-    const trimmed = path.replace(/\/+$/, '');
-    return trimmed.slice(trimmed.lastIndexOf('/') + 1) || path;
+  const trimmed = path.replace(/\/+$/, '');
+  return trimmed.slice(trimmed.lastIndexOf('/') + 1) || path;
 }
 function plainText(target, link) {
-    switch (target.type) {
-        case 'File':
-            return target.line === undefined ? target.path : `${target.path}:${target.line}`;
-        case 'Diff':
-            return target.path;
-        case 'Commit':
-            return target.sha.slice(0, 7);
-        case 'Node':
-            return link.label ?? target.id;
-    }
+  switch (target.type) {
+    case 'File':
+      return target.line === undefined ? target.path : `${target.path}:${target.line}`;
+    case 'Diff':
+      return target.path;
+    case 'Commit':
+      return target.sha.slice(0, 7);
+    case 'Node':
+      return link.label ?? target.id;
+  }
 }
 function chipFace(target, link) {
-    switch (target.type) {
-        case 'File':
-            return {
-                face: (_jsxs(_Fragment, { children: [_jsx(FileIcon, { path: target.path, size: 14 }), _jsx("span", { className: "truncate", children: baseName(target.path) }), target.line !== undefined && _jsxs("span", { className: "opacity-70", children: [":", target.line] })] })),
-                hint: target.line === undefined ? target.path : `${target.path}:${target.line}`
-            };
-        case 'Diff':
-            return {
-                face: (_jsxs(_Fragment, { children: [_jsx(Icon, { icon: FileDiff, size: 12 }), _jsx("span", { className: "truncate", children: baseName(target.path) })] })),
-                hint: target.path
-            };
-        case 'Commit':
-            return {
-                face: (_jsxs(_Fragment, { children: [_jsx(Icon, { icon: GitCommitHorizontal, size: 12 }), _jsx("span", { className: "font-mono", children: target.sha.slice(0, 7) })] })),
-                hint: link.label ?? target.sha
-            };
-        case 'Node':
-            return {
-                face: (_jsxs(_Fragment, { children: [_jsx(Icon, { icon: SquareDashed, size: 12 }), _jsx("span", { className: "truncate", children: link.label ?? target.id })] })),
-                hint: null
-            };
-    }
+  switch (target.type) {
+    case 'File':
+      return {
+        face: /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(FileIcon, {
+            path: target.path,
+            size: 14
+          }), /*#__PURE__*/_jsx("span", {
+            className: "truncate",
+            children: baseName(target.path)
+          }), target.line !== undefined && /*#__PURE__*/_jsxs("span", {
+            className: "opacity-70",
+            children: [":", target.line]
+          })]
+        }),
+        hint: target.line === undefined ? target.path : `${target.path}:${target.line}`
+      };
+    case 'Diff':
+      return {
+        face: /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(Icon, {
+            icon: FileDiff,
+            size: 12
+          }), /*#__PURE__*/_jsx("span", {
+            className: "truncate",
+            children: baseName(target.path)
+          })]
+        }),
+        hint: target.path
+      };
+    case 'Commit':
+      return {
+        face: /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(Icon, {
+            icon: GitCommitHorizontal,
+            size: 12
+          }), /*#__PURE__*/_jsx("span", {
+            className: "font-mono",
+            children: target.sha.slice(0, 7)
+          })]
+        }),
+        hint: link.label ?? target.sha
+      };
+    case 'Node':
+      return {
+        face: /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(Icon, {
+            icon: SquareDashed,
+            size: 12
+          }), /*#__PURE__*/_jsx("span", {
+            className: "truncate",
+            children: link.label ?? target.id
+          })]
+        }),
+        hint: null
+      };
+  }
 }
 /*
  * A resource of the host as a chip, the shape a mention has in a message. The host says whether it
  * can open the target; one it cannot, outside the project or gone, stays mono text with the reason
  * in a tooltip. A chip fades in, since a link reads as text until the host checked it.
  */
-export function UiLinkChip({ target, context }) {
-    const { t } = useTranslation('agent-chat');
-    const link = context.link?.(target) ?? PLAIN;
-    if (link.state === 'plain') {
-        const reason = uiReasonText(t, link.code, link.reason) ?? (context.link === undefined ? null : t('blocks.outsideProject'));
-        // Focusable only with a reason, so a keyboard reaches the tooltip.
-        const text = (_jsx("span", { tabIndex: reason === null ? undefined : 0, className: "font-mono text-code break-all text-text-muted", children: plainText(target, link) }));
-        return reason === null ? text : _jsx(Tooltip, { label: reason, children: text });
+export function UiLinkChip(t0) {
+  const $ = _c(12);
+  const {
+    target,
+    context
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  let t1;
+  let t2;
+  if ($[0] !== context || $[1] !== t || $[2] !== target) {
+    t2 = Symbol.for("react.early_return_sentinel");
+    bb0: {
+      const link = context.link?.(target) ?? PLAIN;
+      if (link.state === "plain") {
+        const reason = uiReasonText(t, link.code, link.reason) ?? (context.link === undefined ? null : t("blocks.outsideProject"));
+        const text = /*#__PURE__*/_jsx("span", {
+          tabIndex: reason === null ? undefined : 0,
+          className: "font-mono text-code break-all text-text-muted",
+          children: plainText(target, link)
+        });
+        t2 = reason === null ? text : /*#__PURE__*/_jsx(Tooltip, {
+          label: reason,
+          children: text
+        });
+        break bb0;
+      }
+      t1 = chipFace(target, link);
     }
-    const { face, hint } = chipFace(target, link);
-    const { openLink } = context;
-    const chip = openLink === undefined ? (_jsx("span", { className: clsx(CHIP_IN_MESSAGE, UI_CHIP, 'transition-opacity duration-120 starting:opacity-0'), children: face })) : (_jsx("button", { type: "button", className: clsx(CHIP_IN_MESSAGE, UI_CHIP, 'transition-opacity duration-120 hover:bg-surface-hover starting:opacity-0'), onClick: () => openLink(target), children: face }));
-    return hint === null ? chip : _jsx(Tooltip, { label: hint, children: chip });
+    $[0] = context;
+    $[1] = t;
+    $[2] = target;
+    $[3] = t1;
+    $[4] = t2;
+  } else {
+    t1 = $[3];
+    t2 = $[4];
+  }
+  if (t2 !== Symbol.for("react.early_return_sentinel")) {
+    return t2;
+  }
+  const {
+    face,
+    hint
+  } = t1;
+  const {
+    openLink
+  } = context;
+  let t3;
+  if ($[5] !== face || $[6] !== openLink || $[7] !== target) {
+    t3 = openLink === undefined ? /*#__PURE__*/_jsx("span", {
+      className: clsx(CHIP_IN_MESSAGE, UI_CHIP, "transition-opacity duration-120 starting:opacity-0"),
+      children: face
+    }) : /*#__PURE__*/_jsx("button", {
+      type: "button",
+      className: clsx(CHIP_IN_MESSAGE, UI_CHIP, "transition-opacity duration-120 hover:bg-surface-hover starting:opacity-0"),
+      onClick: () => openLink(target),
+      children: face
+    });
+    $[5] = face;
+    $[6] = openLink;
+    $[7] = target;
+    $[8] = t3;
+  } else {
+    t3 = $[8];
+  }
+  const chip = t3;
+  let t4;
+  if ($[9] !== chip || $[10] !== hint) {
+    t4 = hint === null ? chip : /*#__PURE__*/_jsx(Tooltip, {
+      label: hint,
+      children: chip
+    });
+    $[9] = chip;
+    $[10] = hint;
+    $[11] = t4;
+  } else {
+    t4 = $[11];
+  }
+  return t4;
 }
 /* A link with children is a row: the chip and what the agent says about it. */
-function LinkRow({ target, context, described, children }) {
-    if (!described) {
-        return _jsx(UiLinkChip, { target: target, context: context });
+function LinkRow(t0) {
+  const $ = _c(11);
+  const {
+    target,
+    context,
+    described,
+    children
+  } = t0;
+  if (!described) {
+    let t1;
+    if ($[0] !== context || $[1] !== target) {
+      t1 = /*#__PURE__*/_jsx(UiLinkChip, {
+        target: target,
+        context: context
+      });
+      $[0] = context;
+      $[1] = target;
+      $[2] = t1;
+    } else {
+      t1 = $[2];
     }
-    return (_jsxs("div", { className: "flex min-w-0 flex-wrap items-baseline gap-x-2 text-xs", children: [_jsx("span", { className: "max-w-full min-w-0", children: _jsx(UiLinkChip, { target: target, context: context }) }), _jsx("span", { className: "min-w-0 wrap-break-word text-text-muted", children: children })] }));
-}
-export function FileRenderer({ node, children, context }) {
-    const { path, line } = node.props;
-    return (_jsx(LinkRow, { target: { type: 'File', path, line }, context: context, described: node.children.length > 0, children: children }));
+    return t1;
+  }
+  let t1;
+  if ($[3] !== context || $[4] !== target) {
+    t1 = /*#__PURE__*/_jsx("span", {
+      className: "max-w-full min-w-0",
+      children: /*#__PURE__*/_jsx(UiLinkChip, {
+        target: target,
+        context: context
+      })
+    });
+    $[3] = context;
+    $[4] = target;
+    $[5] = t1;
+  } else {
+    t1 = $[5];
+  }
+  let t2;
+  if ($[6] !== children) {
+    t2 = /*#__PURE__*/_jsx("span", {
+      className: "min-w-0 wrap-break-word text-text-muted",
+      children: children
+    });
+    $[6] = children;
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  let t3;
+  if ($[8] !== t1 || $[9] !== t2) {
+    t3 = /*#__PURE__*/_jsxs("div", {
+      className: "flex min-w-0 flex-wrap items-baseline gap-x-2 text-xs",
+      children: [t1, t2]
+    });
+    $[8] = t1;
+    $[9] = t2;
+    $[10] = t3;
+  } else {
+    t3 = $[10];
+  }
+  return t3;
 }
-export function DiffRenderer({ node, children, context }) {
-    return (_jsx(LinkRow, { target: { type: 'Diff', path: node.props.path }, context: context, described: node.children.length > 0, children: children }));
+export function FileRenderer(t0) {
+  const $ = _c(8);
+  const {
+    node,
+    children,
+    context
+  } = t0;
+  const {
+    path,
+    line
+  } = node.props;
+  let t1;
+  if ($[0] !== line || $[1] !== path) {
+    t1 = {
+      type: "File",
+      path,
+      line
+    };
+    $[0] = line;
+    $[1] = path;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const t2 = node.children.length > 0;
+  let t3;
+  if ($[3] !== children || $[4] !== context || $[5] !== t1 || $[6] !== t2) {
+    t3 = /*#__PURE__*/_jsx(LinkRow, {
+      target: t1,
+      context: context,
+      described: t2,
+      children: children
+    });
+    $[3] = children;
+    $[4] = context;
+    $[5] = t1;
+    $[6] = t2;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  return t3;
 }
-export function CommitRenderer({ node, children, context }) {
-    return (_jsx(LinkRow, { target: { type: 'Commit', sha: node.props.sha }, context: context, described: node.children.length > 0, children: children }));
+export function DiffRenderer(t0) {
+  const $ = _c(7);
+  const {
+    node,
+    children,
+    context
+  } = t0;
+  let t1;
+  if ($[0] !== node.props.path) {
+    t1 = {
+      type: "Diff",
+      path: node.props.path
+    };
+    $[0] = node.props.path;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const t2 = node.children.length > 0;
+  let t3;
+  if ($[2] !== children || $[3] !== context || $[4] !== t1 || $[5] !== t2) {
+    t3 = /*#__PURE__*/_jsx(LinkRow, {
+      target: t1,
+      context: context,
+      described: t2,
+      children: children
+    });
+    $[2] = children;
+    $[3] = context;
+    $[4] = t1;
+    $[5] = t2;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  return t3;
 }
-export function NodeRenderer({ node, children, context }) {
-    return (_jsx(LinkRow, { target: { type: 'Node', id: node.props.id }, context: context, described: node.children.length > 0, children: children }));
+export function CommitRenderer(t0) {
+  const $ = _c(7);
+  const {
+    node,
+    children,
+    context
+  } = t0;
+  let t1;
+  if ($[0] !== node.props.sha) {
+    t1 = {
+      type: "Commit",
+      sha: node.props.sha
+    };
+    $[0] = node.props.sha;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const t2 = node.children.length > 0;
+  let t3;
+  if ($[2] !== children || $[3] !== context || $[4] !== t1 || $[5] !== t2) {
+    t3 = /*#__PURE__*/_jsx(LinkRow, {
+      target: t1,
+      context: context,
+      described: t2,
+      children: children
+    });
+    $[2] = children;
+    $[3] = context;
+    $[4] = t1;
+    $[5] = t2;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  return t3;
 }
+export function NodeRenderer(t0) {
+  const $ = _c(7);
+  const {
+    node,
+    children,
+    context
+  } = t0;
+  let t1;
+  if ($[0] !== node.props.id) {
+    t1 = {
+      type: "Node",
+      id: node.props.id
+    };
+    $[0] = node.props.id;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const t2 = node.children.length > 0;
+  let t3;
+  if ($[2] !== children || $[3] !== context || $[4] !== t1 || $[5] !== t2) {
+    t3 = /*#__PURE__*/_jsx(LinkRow, {
+      target: t1,
+      context: context,
+      described: t2,
+      children: children
+    });
+    $[2] = children;
+    $[3] = context;
+    $[4] = t1;
+    $[5] = t2;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  return t3;
+}

package/dist/chat/ui/intelligent-ui/renderers/map-slots.js

@@ -1,3 +1,4 @@
+import { c as _c } from "react/compiler-runtime";
 import { useEffect, useSyncExternalStore } from 'react';
 /*
  * A map holds a WebGL context for as long as it is drawn, and a browser keeps only so many of them before
@@ -11,77 +12,134 @@ export const MAX_LIVE_MAPS = 4;
  * A person can `take` one for a queued map: the longest-held map gives its slot up and queues first.
  */
 export class MapSlots {
-    capacity;
-    held = [];
-    queue = [];
-    listeners = new Set();
-    constructor(capacity) {
-        this.capacity = capacity;
+  capacity;
+  held = [];
+  queue = [];
+  listeners = new Set();
+  constructor(capacity) {
+    this.capacity = capacity;
+  }
+  request(id) {
+    if (this.held.includes(id) || this.queue.includes(id)) {
+      return;
     }
-    request(id) {
-        if (this.held.includes(id) || this.queue.includes(id)) {
-            return;
-        }
-        (this.held.length < this.capacity ? this.held : this.queue).push(id);
-        this.changed();
+    (this.held.length < this.capacity ? this.held : this.queue).push(id);
+    this.changed();
+  }
+  release(id) {
+    const wasHeld = this.held.includes(id);
+    const wasQueued = this.queue.includes(id);
+    if (!wasHeld && !wasQueued) {
+      return;
     }
-    release(id) {
-        const wasHeld = this.held.includes(id);
-        const wasQueued = this.queue.includes(id);
-        if (!wasHeld && !wasQueued) {
-            return;
-        }
-        this.held.splice(0, this.held.length, ...this.held.filter((entry) => entry !== id));
-        this.queue.splice(0, this.queue.length, ...this.queue.filter((entry) => entry !== id));
-        while (this.held.length < this.capacity && this.queue.length > 0) {
-            this.held.push(this.queue.shift());
-        }
-        this.changed();
+    this.held.splice(0, this.held.length, ...this.held.filter(entry => entry !== id));
+    this.queue.splice(0, this.queue.length, ...this.queue.filter(entry => entry !== id));
+    while (this.held.length < this.capacity && this.queue.length > 0) {
+      this.held.push(this.queue.shift());
     }
-    take(id) {
-        if (this.held.includes(id)) {
-            return;
-        }
-        const at = this.queue.indexOf(id);
-        if (at >= 0) {
-            this.queue.splice(at, 1);
-        }
-        if (this.held.length >= this.capacity) {
-            this.queue.unshift(this.held.shift());
-        }
-        this.held.push(id);
-        this.changed();
+    this.changed();
+  }
+  take(id) {
+    if (this.held.includes(id)) {
+      return;
     }
-    stateOf(id) {
-        return this.held.includes(id) ? 'granted' : this.queue.includes(id) ? 'queued' : 'idle';
+    const at = this.queue.indexOf(id);
+    if (at >= 0) {
+      this.queue.splice(at, 1);
     }
-    subscribe = (listener) => {
-        this.listeners.add(listener);
-        return () => {
-            this.listeners.delete(listener);
-        };
+    if (this.held.length >= this.capacity) {
+      this.queue.unshift(this.held.shift());
+    }
+    this.held.push(id);
+    this.changed();
+  }
+  stateOf(id) {
+    return this.held.includes(id) ? 'granted' : this.queue.includes(id) ? 'queued' : 'idle';
+  }
+  subscribe = listener => {
+    this.listeners.add(listener);
+    return () => {
+      this.listeners.delete(listener);
     };
-    changed() {
-        for (const listener of [...this.listeners]) {
-            listener();
-        }
+  };
+  changed() {
+    for (const listener of [...this.listeners]) {
+      listener();
     }
+  }
 }
 let page = null;
 /* The one budget of the page, made on first use. */
 export function pageMapSlots() {
-    page ??= new MapSlots(MAX_LIVE_MAPS);
-    return page;
+  page ??= new MapSlots(MAX_LIVE_MAPS);
+  return page;
 }
 /* A map's place in the budget while it `wanted`, which is while it is in view; gone from it otherwise and on unmount. */
-export function useMapSlot(id, wanted, slots = pageMapSlots()) {
-    const state = useSyncExternalStore(slots.subscribe, () => slots.stateOf(id), () => 'idle');
-    useEffect(() => {
-        if (!wanted) {
-            return;
-        }
-        slots.request(id);
-        return () => slots.release(id);
-    }, [slots, id, wanted]);
-    return { state, take: () => slots.take(id) };
+export function useMapSlot(id, wanted, t0) {
+  const $ = _c(16);
+  let t1;
+  if ($[0] !== t0) {
+    t1 = t0 === undefined ? pageMapSlots() : t0;
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const slots = t1;
+  let t2;
+  if ($[2] !== id || $[3] !== slots) {
+    t2 = () => slots.stateOf(id);
+    $[2] = id;
+    $[3] = slots;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  const state = useSyncExternalStore(slots.subscribe, t2, _temp);
+  let t3;
+  let t4;
+  if ($[5] !== id || $[6] !== slots || $[7] !== wanted) {
+    t3 = () => {
+      if (!wanted) {
+        return;
+      }
+      slots.request(id);
+      return () => slots.release(id);
+    };
+    t4 = [slots, id, wanted];
+    $[5] = id;
+    $[6] = slots;
+    $[7] = wanted;
+    $[8] = t3;
+    $[9] = t4;
+  } else {
+    t3 = $[8];
+    t4 = $[9];
+  }
+  useEffect(t3, t4);
+  let t5;
+  if ($[10] !== id || $[11] !== slots) {
+    t5 = () => slots.take(id);
+    $[10] = id;
+    $[11] = slots;
+    $[12] = t5;
+  } else {
+    t5 = $[12];
+  }
+  let t6;
+  if ($[13] !== state || $[14] !== t5) {
+    t6 = {
+      state,
+      take: t5
+    };
+    $[13] = state;
+    $[14] = t5;
+    $[15] = t6;
+  } else {
+    t6 = $[15];
+  }
+  return t6;
 }
+function _temp() {
+  return "idle";
+}