@opengeni/react-native 4.5.1-canary.39832248373001 → 4.6.1

package/dist/timeline/index.js

@@ -20,7 +20,7 @@ import { defaultChatComposerMessages } from '@opengeni/react/composer-messages';
 import { isLiquidGlassAvailable, GlassView } from 'expo-glass-effect';
 import { loadSessionFeedback, turnRatingsFromFeedback, feedbackSentimentLabel, feedbackDialogCopy, feedbackSubmission } from '@opengeni/react/session-feedback-model';
 import { isAuthoritativeQueuedTurn, queuedTurnPresentation, queueNeighborAnchors, queueItemContent, QUEUE_ITEM_CONTENT_UNAVAILABLE, QUEUE_REPLACE_DRAFT_COPY } from '@opengeni/react/queue-presentation-model';
-import { sessionAgentsSignal, sessionGoalStateLabel } from '@opengeni/react/session-agents-model';
+import { sessionAgentsSignal, sessionGoalStateLabel, sessionAgentAttention } from '@opengeni/react/session-agents-model';
 import { modelMarkVendor, MODEL_MARK_PATHS } from '@opengeni/react/model-mark-paths';
 import { projectClientModelRows, labelReasoningEffort } from '@opengeni/react/model-policy';
 import { sessionDisplayTitle, recentSessionStatus, recentSessionModelPresentation, sessionRepoLabel, relativeTimeLabel, sessionRenameSeed, SESSION_TITLE_MAX_LENGTH, resolveRenameSubmission } from '@opengeni/react/session-list-model';
@@ -5388,6 +5388,7 @@ function SessionRow({
   onPress,
   onTogglePin,
   workspaceName,
+  attention,
   now
 }) {
   const theme = useNativeTimelineTheme();
@@ -5396,7 +5397,8 @@ function SessionRow({
   const t = useOpenGeniText();
   const rows = useMemo(() => projectClientModelRows(t, [...models]), [t, models]);
   const title = sessionDisplayTitle(session);
-  const status = recentSessionStatus(session);
+  const recent = recentSessionStatus(session);
+  const status = attention ? { tone: attention.tone, pulse: false } : recent;
   const model = recentSessionModelPresentation(session.model, rows);
   const repo = sessionRepoLabel(session);
   const meta = [model.label, repo].filter(Boolean).join(" \xB7 ");
@@ -5432,7 +5434,7 @@ function SessionRow({
     Pressable,
     {
       accessibilityRole: "button",
-      accessibilityLabel: [title, pinned ? m.pinned : null, workspaceName ?? null].filter(Boolean).join(", "),
+      accessibilityLabel: [title, pinned ? m.pinned : null, workspaceName ?? null].concat(attention ? [attention.word] : []).filter(Boolean).join(", "),
       accessibilityActions: onTogglePin ? [{ name: "pin", label: pinLabel }] : void 0,
       onAccessibilityAction: (event) => {
         if (event.nativeEvent.actionName === "pin") onTogglePin?.();
@@ -5484,13 +5486,13 @@ function SessionRow({
             Text,
             {
               style: {
-                ...fontStyle(theme, 400),
+                ...fontStyle(theme, attention ? 500 : 400),
                 fontSize: 11,
                 lineHeight: 16,
-                color: c["fg-subtle"],
+                color: attention ? attention.tone === "failed" ? c["status-failed"] : c["status-waiting"] : c["fg-subtle"],
                 fontVariant: ["tabular-nums"]
               },
-              children: relativeTimeLabel(t, session.updatedAt, now)
+              children: attention ? attention.word : relativeTimeLabel(t, session.updatedAt, now)
             }
           )
         ] })
@@ -5694,30 +5696,18 @@ function SessionSignals(props) {
     /* @__PURE__ */ jsx(BottomSheet, { open: open === "goal", onClose: close, accessibilityLabel: m.goal, children: goal && props.goal ? /* @__PURE__ */ jsx(GoalPanel, { goal: props.goal, readOnly: props.readOnly }) : null }),
     /* @__PURE__ */ jsxs(BottomSheet, { open: open === "agents", onClose: close, accessibilityLabel: m.agents, children: [
       /* @__PURE__ */ jsx(SheetTitle, { children: m.agents }),
-      /* @__PURE__ */ jsx(ScrollView, { style: { paddingHorizontal: 12 }, children: props.agents.map((node) => /* @__PURE__ */ jsxs(View, { children: [
-        /* @__PURE__ */ jsx(
-          SessionRow,
-          {
-            session: node.session,
-            models: props.models ?? [],
-            onPress: () => {
-              close();
-              props.onOpenSession?.(node.session.id);
-            }
-          }
-        ),
-        node.children.map((child) => /* @__PURE__ */ jsx(View, { style: { paddingLeft: 18 }, children: /* @__PURE__ */ jsx(
-          SessionRow,
-          {
-            session: child.session,
-            models: props.models ?? [],
-            onPress: () => {
-              close();
-              props.onOpenSession?.(child.session.id);
-            }
+      /* @__PURE__ */ jsx(ScrollView, { style: { paddingHorizontal: 12 }, children: props.agents.map((node) => /* @__PURE__ */ jsx(
+        AgentNode,
+        {
+          node,
+          models: props.models ?? [],
+          onOpen: (sessionId) => {
+            close();
+            props.onOpenSession?.(sessionId);
           }
-        ) }, child.session.id))
-      ] }, node.session.id)) })
+        },
+        node.session.id
+      )) })
     ] }),
     /* @__PURE__ */ jsxs(BottomSheet, { open: open === "commands", onClose: close, accessibilityLabel: m.commands, children: [
       /* @__PURE__ */ jsx(SheetTitle, { children: m.commands }),
@@ -5748,6 +5738,72 @@ function Chip2(props) {
     }
   );
 }
+function AgentNode(props) {
+  const t = useOpenGeniText();
+  const theme = useNativeTimelineTheme();
+  const c = theme.colors;
+  const [expanded, setExpanded] = useState(false);
+  const { session, children } = props.node;
+  const paused = session.status !== "cancelled" && session.effectiveControl.state !== "active";
+  const attention = sessionAgentAttention(t, session, paused);
+  const count = children.length;
+  return /* @__PURE__ */ jsxs(View, { style: props.nested ? { paddingLeft: 18 } : void 0, children: [
+    /* @__PURE__ */ jsx(
+      SessionRow,
+      {
+        session,
+        models: props.models,
+        attention,
+        onPress: () => props.onOpen(session.id)
+      }
+    ),
+    count > 0 && !props.nested ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs(
+        Pressable,
+        {
+          accessibilityRole: "button",
+          accessibilityState: { expanded },
+          accessibilityLabel: t("counts.agents", { count }),
+          onPress: () => setExpanded((value) => !value),
+          hitSlop: { top: 6, bottom: 6 },
+          style: ({ pressed }) => ({
+            flexDirection: "row",
+            alignItems: "center",
+            gap: 4,
+            alignSelf: "flex-start",
+            marginLeft: 24,
+            marginBottom: 6,
+            paddingHorizontal: 8,
+            paddingVertical: 4,
+            borderRadius: theme.radius.md,
+            backgroundColor: pressed ? c.hover : "transparent"
+          }),
+          children: [
+            /* @__PURE__ */ jsx(
+              Icon,
+              {
+                name: expanded ? "chevron-down" : "chevron-right",
+                size: 12,
+                color: c["fg-subtle"]
+              }
+            ),
+            /* @__PURE__ */ jsx(Text, { style: { ...fontStyle(theme, 500), fontSize: 12, color: c["fg-muted"] }, children: t("counts.agents", { count }) })
+          ]
+        }
+      ),
+      expanded ? children.map((child) => /* @__PURE__ */ jsx(
+        AgentNode,
+        {
+          node: child,
+          models: props.models,
+          onOpen: props.onOpen,
+          nested: true
+        },
+        child.session.id
+      )) : null
+    ] }) : null
+  ] });
+}
 function SheetTitle({ children }) {
   const theme = useNativeTimelineTheme();
   return /* @__PURE__ */ jsx(