@adecore/agents-react 0.36.0 → 0.37.1

package/dist/chat/ui/SubagentTimeline.js

@@ -1,5 +1,5 @@
 import { c as _c } from "react/compiler-runtime";
-import { useCallback, useEffect, useLayoutEffect, useRef, useState, useSyncExternalStore } from 'react';
+import { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Bot, LoaderCircle } from 'lucide-react';
 import { deriveTimelineRows } from '../logic/timeline.js';
@@ -10,8 +10,6 @@ import { EMPTY_TARGET, readTimelineTarget } from '../logic/timeline-target.js';
 import { openBelow, useSubagentTrail } from '../subagent-view.js';
 import { Row } from './rows/Rows.js';
 import { ReplyContext } from './reply-context.js';
-import { PromptComposer } from './PromptComposer.js';
-import { useProviders } from '../../state/providers.js';
 import { SubagentInfo } from './SubagentInfo.js';
 import { TimelineMenuPopup } from './TimelineMenu.js';
 import { FOLLOW_THRESHOLD_PX, rowRhythm } from './rows/row-rhythm.js';
@@ -30,7 +28,7 @@ const NO_TURNS = new Set();
  * stands in the chat's own place, read-only, and a sub-agent it opened goes one level further down.
  */
 export function SubagentTimeline(t0) {
-  const $ = _c(56);
+  const $ = _c(44);
   const {
     chatId,
     toolUseId
@@ -42,60 +40,34 @@ export function SubagentTimeline(t0) {
   const {
     commandLooks
   } = useChatHost();
-  let t1;
-  if ($[0] !== scope.transport) {
-    t1 = changed => scope.transport.subscribeStatus(changed);
-    $[0] = scope.transport;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  let t2;
-  if ($[2] !== scope.transport.status) {
-    t2 = () => scope.transport.status === "open";
-    $[2] = scope.transport.status;
-    $[3] = t2;
-  } else {
-    t2 = $[3];
-  }
-  const connected = useSyncExternalStore(t1, t2, _temp);
   const {
     trail,
     show
   } = useSubagentTrail(chatId);
   const [state, setState] = useState(INITIAL_CONVERSATION);
-  let t3;
-  if ($[4] !== state.context?.provider) {
-    t3 = row => row.providers.find(provider => provider.kind === state.context?.provider)?.capabilities.denyReason === true;
-    $[4] = state.context?.provider;
-    $[5] = t3;
-  } else {
-    t3 = $[5];
-  }
-  const denyReason = useProviders(t3);
   const controller = useRef(null);
   const scrollRef = useRef(null);
   const threadRef = useRef(null);
   const [target, setTarget] = useState(EMPTY_TARGET);
   const followRef = useRef(true);
-  let t4;
-  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-    t4 = () => {
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = () => {
       followRef.current = false;
     };
-    $[6] = t4;
+    $[0] = t1;
   } else {
-    t4 = $[6];
+    t1 = $[0];
   }
-  const stopFollowing = t4;
+  const stopFollowing = t1;
   const groups = useToggleSet(stopFollowing);
   const subagents = useToggleSet(stopFollowing);
   const anchorRef = useRef(null);
   const headRef = useRef(undefined);
-  const cwd = useChatRow(chatId, _temp2);
-  let t5;
-  if ($[7] !== chatId || $[8] !== scope.transport || $[9] !== toolUseId) {
-    t5 = () => {
+  const cwd = useChatRow(chatId, _temp);
+  let t2;
+  if ($[1] !== chatId || $[2] !== scope.transport || $[3] !== toolUseId) {
+    t2 = () => {
       const conversation = new SubagentConversation(scope.transport, chatId, toolUseId, setState);
       controller.current = conversation;
       conversation.start();
@@ -104,47 +76,47 @@ export function SubagentTimeline(t0) {
         controller.current = null;
       };
     };
-    $[7] = chatId;
-    $[8] = scope.transport;
-    $[9] = toolUseId;
-    $[10] = t5;
+    $[1] = chatId;
+    $[2] = scope.transport;
+    $[3] = toolUseId;
+    $[4] = t2;
   } else {
-    t5 = $[10];
+    t2 = $[4];
   }
-  let t6;
-  if ($[11] !== chatId || $[12] !== scope || $[13] !== toolUseId) {
-    t6 = [scope, chatId, toolUseId];
-    $[11] = chatId;
-    $[12] = scope;
-    $[13] = toolUseId;
-    $[14] = t6;
+  let t3;
+  if ($[5] !== chatId || $[6] !== scope || $[7] !== toolUseId) {
+    t3 = [scope, chatId, toolUseId];
+    $[5] = chatId;
+    $[6] = scope;
+    $[7] = toolUseId;
+    $[8] = t3;
   } else {
-    t6 = $[14];
+    t3 = $[8];
   }
-  useEffect(t5, t6);
-  let t7;
-  if ($[15] !== scope.id || $[16] !== state.unsupported) {
-    t7 = () => {
+  useEffect(t2, t3);
+  let t4;
+  if ($[9] !== scope.id || $[10] !== state.unsupported) {
+    t4 = () => {
       if (state.unsupported) {
         useSubagentSupport.getState().markUnsupported(scope.id);
       }
     };
-    $[15] = scope.id;
-    $[16] = state.unsupported;
-    $[17] = t7;
+    $[9] = scope.id;
+    $[10] = state.unsupported;
+    $[11] = t4;
   } else {
-    t7 = $[17];
+    t4 = $[11];
   }
-  let t8;
-  if ($[18] !== scope || $[19] !== state.unsupported) {
-    t8 = [state.unsupported, scope];
-    $[18] = scope;
-    $[19] = state.unsupported;
-    $[20] = t8;
+  let t5;
+  if ($[12] !== scope || $[13] !== state.unsupported) {
+    t5 = [state.unsupported, scope];
+    $[12] = scope;
+    $[13] = state.unsupported;
+    $[14] = t5;
   } else {
-    t8 = $[20];
+    t5 = $[14];
   }
-  useEffect(t7, t8);
+  useEffect(t4, t5);
   const rows = deriveTimelineRows(state.items, {
     expandedGroups: groups.ids,
     expandedTurns: NO_TURNS,
@@ -152,9 +124,9 @@ export function SubagentTimeline(t0) {
     activeTurnId: null,
     commandLooks
   });
-  let t9;
-  if ($[21] !== state.items) {
-    t9 = () => {
+  let t6;
+  if ($[15] !== state.items) {
+    t6 = () => {
       const element = scrollRef.current;
       if (element === null) {
         return;
@@ -173,15 +145,15 @@ export function SubagentTimeline(t0) {
         anchorRef.current = null;
       }
     };
-    $[21] = state.items;
-    $[22] = t9;
+    $[15] = state.items;
+    $[16] = t6;
   } else {
-    t9 = $[22];
+    t6 = $[16];
   }
-  useLayoutEffect(t9, [rows, state.live, state.items]);
-  let t10;
-  if ($[23] !== state.cursor) {
-    t10 = () => {
+  useLayoutEffect(t6, [rows, state.live, state.items]);
+  let t7;
+  if ($[17] !== state.cursor) {
+    t7 = () => {
       const element_0 = scrollRef.current;
       if (element_0 === null || state.cursor === null || !wantsEarlier(element_0)) {
         return;
@@ -189,87 +161,87 @@ export function SubagentTimeline(t0) {
       anchorRef.current = firstRowInView(element_0);
       controller.current?.loadEarlier();
     };
-    $[23] = state.cursor;
-    $[24] = t10;
+    $[17] = state.cursor;
+    $[18] = t7;
   } else {
-    t10 = $[24];
+    t7 = $[18];
   }
-  const loadEarlier = t10;
-  let t11;
-  if ($[25] !== loadEarlier || $[26] !== state.status) {
-    t11 = () => {
+  const loadEarlier = t7;
+  let t8;
+  if ($[19] !== loadEarlier || $[20] !== state.status) {
+    t8 = () => {
       if (state.status === "ready") {
         loadEarlier();
       }
     };
-    $[25] = loadEarlier;
-    $[26] = state.status;
-    $[27] = t11;
+    $[19] = loadEarlier;
+    $[20] = state.status;
+    $[21] = t8;
   } else {
-    t11 = $[27];
+    t8 = $[21];
   }
-  useEffect(t11, [rows, state.status, loadEarlier]);
-  const readingWidth = useChatPreferences(_temp3);
-  let t12;
-  if ($[28] !== show || $[29] !== trail) {
-    t12 = step => {
+  useEffect(t8, [rows, state.status, loadEarlier]);
+  const readingWidth = useChatPreferences(_temp2);
+  let t9;
+  if ($[22] !== show || $[23] !== trail) {
+    t9 = step => {
       show(openBelow(trail, step));
     };
-    $[28] = show;
-    $[29] = trail;
-    $[30] = t12;
+    $[22] = show;
+    $[23] = trail;
+    $[24] = t9;
   } else {
-    t12 = $[30];
+    t9 = $[24];
   }
-  const openChild = t12;
-  const t13 = "flex h-full min-h-0 flex-col";
-  let t14;
-  if ($[31] !== readingWidth) {
-    t14 = readingWidthStyle(readingWidth);
-    $[31] = readingWidth;
-    $[32] = t14;
+  const openChild = t9;
+  const t10 = "flex h-full min-h-0 flex-col";
+  let t11;
+  if ($[25] !== readingWidth) {
+    t11 = readingWidthStyle(readingWidth);
+    $[25] = readingWidth;
+    $[26] = t11;
   } else {
-    t14 = $[32];
+    t11 = $[26];
   }
-  let t15;
-  if ($[33] !== chatId || $[34] !== toolUseId) {
-    t15 = /*#__PURE__*/_jsx(SubagentInfo, {
+  let t12;
+  if ($[27] !== chatId || $[28] !== toolUseId) {
+    t12 = /*#__PURE__*/_jsx(SubagentInfo, {
       chatId: chatId,
       toolUseId: toolUseId
     });
-    $[33] = chatId;
-    $[34] = toolUseId;
-    $[35] = t15;
+    $[27] = chatId;
+    $[28] = toolUseId;
+    $[29] = t12;
   } else {
-    t15 = $[35];
+    t12 = $[29];
   }
-  let t16;
-  if ($[36] !== state.status || $[37] !== t) {
-    t16 = state.status === "loading" && /*#__PURE__*/_jsx("div", {
+  let t13;
+  if ($[30] !== state.status || $[31] !== t) {
+    t13 = state.status === "loading" && /*#__PURE__*/_jsx("div", {
       className: "chat-column-content px-4 pt-4 text-xs text-text-faint",
       children: t("subagents.loading")
     });
-    $[36] = state.status;
-    $[37] = t;
-    $[38] = t16;
+    $[30] = state.status;
+    $[31] = t;
+    $[32] = t13;
   } else {
-    t16 = $[38];
+    t13 = $[32];
   }
-  let t17;
-  if ($[39] !== state.error || $[40] !== state.status || $[41] !== state.unsupported || $[42] !== t) {
-    t17 = state.status === "failed" && /*#__PURE__*/_jsx(EmptyState, {
+  let t14;
+  if ($[33] !== state.error || $[34] !== state.status || $[35] !== state.unsupported || $[36] !== t) {
+    t14 = state.status === "failed" && /*#__PURE__*/_jsx(EmptyState, {
       icon: Bot,
       children: state.unsupported ? t("subagents.unsupported") : state.error ?? t("subagents.unreadable")
     });
-    $[39] = state.error;
-    $[40] = state.status;
-    $[41] = state.unsupported;
-    $[42] = t;
-    $[43] = t17;
+    $[33] = state.error;
+    $[34] = state.status;
+    $[35] = state.unsupported;
+    $[36] = t;
+    $[37] = t14;
   } else {
-    t17 = $[43];
+    t14 = $[37];
   }
-  const t18 = state.status === "ready" && /*#__PURE__*/_jsx(FileLinkContext.Provider, {
+  const t15 = state.status === "ready" && /*#__PURE__*/_jsx(FileLinkContext.Provider, {
     value: state.context?.cwd ?? cwd,
     children: /*#__PURE__*/_jsx(ReplyContext.Provider, {
       value: state.context ?? {
@@ -307,21 +279,21 @@ export function SubagentTimeline(t0) {
             }), rows.length === 0 && !state.live && /*#__PURE__*/_jsx(EmptyState, {
               icon: Bot,
               children: t("rows.subagent.nothingYet")
-            }), rows.map((row_1, index) => {
+            }), rows.map((row_0, index) => {
               const previous = index > 0 ? rows[index - 1] : null;
               return /*#__PURE__*/_jsx("div", {
-                "data-item-id": row_1.id,
-                className: rowRhythm(row_1, previous),
+                "data-item-id": row_0.id,
+                className: rowRhythm(row_0, previous),
                 children: /*#__PURE__*/_jsx(Row, {
-                  row: row_1,
+                  row: row_0,
                   chatId: chatId,
                   toggleGroup: groups.toggle,
-                  toggleTurn: _temp4,
+                  toggleTurn: _temp3,
                   toggleSubagent: subagents.toggle,
-                  openSubagent: _temp5,
+                  openSubagent: _temp4,
                   openConversation: openChild
                 })
-              }, row_1.id);
+              }, row_0.id);
             }), state.live && /*#__PURE__*/_jsx("div", {
               className: "chat-live-text pt-1 text-xs",
               children: t("subagents.working")
@@ -334,55 +306,29 @@ export function SubagentTimeline(t0) {
       })
     })
   });
-  let t19;
-  if ($[44] !== connected || $[45] !== denyReason || $[46] !== state.context || $[47] !== state.pending) {
-    t19 = state.context?.chatId !== undefined && state.pending.length > 0 && /*#__PURE__*/_jsx("div", {
-      className: "chat-column-content shrink-0",
-      children: /*#__PURE__*/_jsx(PromptComposer, {
-        chatId: state.context.chatId,
-        pending: state.pending,
-        focused: false,
-        disabled: !connected,
-        hasDraft: false,
-        denyReason: denyReason,
-        children: null
-      }, state.context.chatId)
-    });
-    $[44] = connected;
-    $[45] = denyReason;
-    $[46] = state.context;
-    $[47] = state.pending;
-    $[48] = t19;
-  } else {
-    t19 = $[48];
-  }
-  let t20;
-  if ($[49] !== t14 || $[50] !== t15 || $[51] !== t16 || $[52] !== t17 || $[53] !== t18 || $[54] !== t19) {
-    t20 = /*#__PURE__*/_jsxs("div", {
-      className: t13,
-      style: t14,
-      children: [t15, t16, t17, t18, t19]
+  let t16;
+  if ($[38] !== t11 || $[39] !== t12 || $[40] !== t13 || $[41] !== t14 || $[42] !== t15) {
+    t16 = /*#__PURE__*/_jsxs("div", {
+      className: t10,
+      style: t11,
+      children: [t12, t13, t14, t15]
     });
-    $[49] = t14;
-    $[50] = t15;
-    $[51] = t16;
-    $[52] = t17;
-    $[53] = t18;
-    $[54] = t19;
-    $[55] = t20;
+    $[38] = t11;
+    $[39] = t12;
+    $[40] = t13;
+    $[41] = t14;
+    $[42] = t15;
+    $[43] = t16;
   } else {
-    t20 = $[55];
+    t16 = $[43];
   }
-  return t20;
+  return t16;
 }
-function _temp5() {}
 function _temp4() {}
-function _temp3(preferences) {
+function _temp3() {}
+function _temp2(preferences) {
   return preferences.readingWidth;
 }
-function _temp2(row_0) {
-  return row_0?.info.cwd ?? null;
-}
-function _temp() {
-  return false;
+function _temp(row) {
+  return row?.info.cwd ?? null;
 }