@opengeni/react-native 1.4.5-canary.37615713321001

package/src/ui/web-tokens.gen.ts

@@ -0,0 +1,94 @@
+// GENERATED by scripts/generate-native-tokens.ts from the web stylesheet. Do not edit.
+// Regenerate after changing packages/react/styles/tokens.css.
+export const webColorsLight = {
+  "accent": "rgb(84, 84, 84)",
+  "accent-deep": "rgb(56, 56, 56)",
+  "accent-fg": "rgb(255, 255, 255)",
+  "accent-soft": "rgba(82, 82, 82, 0.110)",
+  "accent-strong": "rgb(56, 56, 56)",
+  "bg": "rgb(246, 246, 246)",
+  "border": "rgb(222, 222, 222)",
+  "border-strong": "rgb(189, 189, 189)",
+  "canvas": "rgb(255, 255, 255)",
+  "danger": "rgb(194, 21, 47)",
+  "danger-fg": "rgb(255, 255, 255)",
+  "danger-fill": "rgb(183, 22, 45)",
+  "diff-add-bg": "rgba(33, 115, 90, 0.122)",
+  "diff-del-bg": "rgba(181, 25, 41, 0.122)",
+  "fg": "rgb(36, 36, 36)",
+  "fg-label": "rgb(58, 58, 58)",
+  "fg-muted": "rgb(95, 95, 95)",
+  "fg-subtle": "rgb(105, 105, 105)",
+  "hover": "rgba(34, 34, 34, 0.059)",
+  "primary": "rgb(235, 242, 240)",
+  "primary-border": "rgb(196, 213, 208)",
+  "primary-fg": "rgb(41, 41, 41)",
+  "primary-hover": "rgb(206, 212, 210)",
+  "selection": "rgb(226, 226, 226)",
+  "status-cancelled": "rgb(105, 105, 105)",
+  "status-failed": "rgb(183, 22, 45)",
+  "status-idle": "rgb(35, 112, 88)",
+  "status-queued": "rgb(105, 105, 105)",
+  "status-running": "rgb(113, 97, 34)",
+  "status-waiting": "rgb(140, 85, 36)",
+  "surface-1": "rgb(255, 255, 255)",
+  "surface-2": "rgb(238, 238, 238)",
+  "surface-3": "rgb(229, 229, 229)",
+  "switch-thumb": "rgb(255, 255, 255)",
+  "switch-track": "rgb(189, 189, 189)"
+} as const;
+
+export const webColorsDark = {
+  "accent": "rgb(196, 196, 196)",
+  "accent-deep": "rgb(213, 213, 213)",
+  "accent-fg": "rgb(36, 36, 36)",
+  "accent-soft": "rgba(199, 199, 199, 0.161)",
+  "accent-strong": "rgb(220, 220, 220)",
+  "bg": "rgb(48, 48, 48)",
+  "border": "rgb(69, 69, 69)",
+  "border-strong": "rgb(85, 85, 85)",
+  "canvas": "rgb(32, 32, 32)",
+  "danger": "rgb(249, 142, 139)",
+  "danger-fg": "rgb(255, 255, 255)",
+  "danger-fill": "rgb(179, 54, 61)",
+  "diff-add-bg": "rgba(128, 205, 177, 0.141)",
+  "diff-del-bg": "rgba(248, 149, 142, 0.141)",
+  "fg": "rgb(230, 230, 230)",
+  "fg-label": "rgb(212, 212, 212)",
+  "fg-muted": "rgb(184, 184, 184)",
+  "fg-subtle": "rgb(163, 163, 163)",
+  "hover": "rgba(230, 230, 230, 0.078)",
+  "primary": "rgb(43, 52, 50)",
+  "primary-border": "rgb(78, 94, 89)",
+  "primary-fg": "rgb(238, 238, 238)",
+  "primary-hover": "rgb(72, 80, 78)",
+  "selection": "rgb(72, 72, 72)",
+  "status-cancelled": "rgb(163, 163, 163)",
+  "status-failed": "rgb(247, 148, 145)",
+  "status-idle": "rgb(131, 203, 176)",
+  "status-queued": "rgb(163, 163, 163)",
+  "status-running": "rgb(213, 189, 114)",
+  "status-waiting": "rgb(233, 171, 119)",
+  "surface-1": "rgb(51, 51, 51)",
+  "surface-2": "rgb(56, 56, 56)",
+  "surface-3": "rgb(64, 64, 64)",
+  "switch-thumb": "rgb(163, 163, 163)",
+  "switch-track": "rgb(69, 69, 69)"
+} as const;
+
+export const webLengths = {
+  "font-size-base": 13,
+  "font-size-composer": 16,
+  "font-size-composer-wide": 15,
+  "font-size-control": 12,
+  "font-size-md": 15,
+  "font-size-menu": 14,
+  "font-size-sm": 12,
+  "font-size-xs": 11,
+  "radius-full": 9999,
+  "radius-lg": 14,
+  "radius-md": 10,
+  "radius-sm": 6,
+  "radius-xl": 20,
+  "radius-xs": 4
+} as const;

package/src/use-native-session.ts

@@ -0,0 +1,219 @@
+import { useCallback, useMemo } from "react";
+import type { SessionEvent, SessionStatus } from "@opengeni/sdk";
+import {
+  groupTimeline,
+  projectPendingApprovals,
+  useComposer,
+  useGoal,
+  useHumanInputRequests,
+  useSession,
+  useSessionControl,
+  useSessionEvents,
+  useSessionLineage,
+  useSessionMcpApprovalPolicy,
+  useTurnQueue,
+  type FileAttachmentClientLike,
+  type GoalClientLike,
+  type HumanInputSessionClientLike,
+  type PendingApproval,
+  type SessionClientLike,
+  type SessionMcpApprovalPolicyClientLike,
+  type SessionLineageClientLike,
+  type SessionReadClientLike,
+  type TimelineGroup,
+  type TimelineItem,
+} from "@opengeni/react/session";
+import { useNativeFileAttachments, type NativeFileAttachmentsResult } from "./attachments";
+import { useOpenGeniReactNativeEnvironment } from "./environment";
+import {
+  useNativeReadAcknowledgement,
+  type SessionAttentionClientLike,
+} from "./read-acknowledgement";
+
+export type OpenGeniNativeSessionClient = SessionClientLike &
+  SessionReadClientLike &
+  HumanInputSessionClientLike &
+  SessionMcpApprovalPolicyClientLike &
+  FileAttachmentClientLike &
+  SessionAttentionClientLike &
+  GoalClientLike &
+  SessionLineageClientLike;
+
+export interface OpenGeniNativeSessionController {
+  sessionId: string;
+  workspaceId: string;
+  session: ReturnType<typeof useSession>;
+  events: SessionEvent[];
+  timeline: TimelineItem[];
+  timelineGroups: TimelineGroup[];
+  connectionState: ReturnType<typeof useSessionEvents>["connectionState"];
+  sessionStatus: SessionStatus | null;
+  initialLoading: boolean;
+  hasOlder: boolean;
+  loadingOlder: boolean;
+  loadOlder(): Promise<boolean>;
+  queue: ReturnType<typeof useTurnQueue>;
+  composer: ReturnType<typeof useComposer>;
+  attachments: NativeFileAttachmentsResult;
+  approvals: PendingApproval[];
+  control: ReturnType<typeof useSessionControl>;
+  humanInput: ReturnType<typeof useHumanInputRequests>;
+  mcpApprovalPolicy: ReturnType<typeof useSessionMcpApprovalPolicy>;
+  /** The session goal and its pause/resume control (web session chrome). */
+  goal: ReturnType<typeof useGoal>;
+  /** Spawned sub-agent sessions, refreshed by spawn and completion events. */
+  lineage: ReturnType<typeof useSessionLineage>;
+  active: boolean;
+  runActive: boolean;
+  error: Error | null;
+  refresh(): Promise<void>;
+}
+
+function sessionRunActive(status: SessionStatus | null): boolean {
+  return (
+    status === "queued" ||
+    status === "running" ||
+    status === "recovering" ||
+    status === "waiting_capacity" ||
+    status === "requires_action"
+  );
+}
+
+export function useOpenGeniNativeSession(input: {
+  client: OpenGeniNativeSessionClient;
+  workspaceId: string;
+  sessionId: string;
+  mcpApprovalPolicyServerId?: string;
+}): OpenGeniNativeSessionController {
+  const environment = useOpenGeniReactNativeEnvironment();
+  const events = useSessionEvents(input.sessionId, {
+    client: input.client,
+    workspaceId: input.workspaceId,
+    enabled: environment.active,
+  });
+  const session = useSession(input.sessionId, {
+    client: input.client,
+    workspaceId: input.workspaceId,
+    enabled: environment.active,
+    events: events.events,
+  });
+  const queue = useTurnQueue(input.sessionId, {
+    client: input.client,
+    workspaceId: input.workspaceId,
+    enabled: environment.active,
+    events: events.events,
+  });
+  const attachments = useNativeFileAttachments({
+    client: input.client,
+    workspaceId: input.workspaceId,
+    sessionId: input.sessionId,
+    files: environment.adapters.files,
+    crypto: environment.adapters.crypto,
+  });
+  const composer = useComposer(input.sessionId, {
+    client: input.client,
+    workspaceId: input.workspaceId,
+    events: events.events,
+    effectiveControl: queue.effectiveControl,
+    // As on web: while a turn runs or prompts wait, a Send shows in the queue
+    // at once instead of flashing as a chat bubble before it is queued.
+    sendDestination: () =>
+      (session.session?.activeTurnId ?? null) !== null || queue.queue.length > 0 ? "queue" : "chat",
+    sendExtras: () => ({ resources: attachments.readyResources }),
+    sendBlocked: () => attachments.hasUnresolved,
+    onSent: () => attachments.clear(),
+  });
+  const control = useSessionControl(input.sessionId, {
+    client: input.client,
+    workspaceId: input.workspaceId,
+  });
+  const humanInput = useHumanInputRequests(input.sessionId, {
+    client: input.client,
+    workspaceId: input.workspaceId,
+    enabled: environment.active,
+    events: events.events,
+  });
+  const goal = useGoal(input.sessionId, {
+    client: input.client,
+    workspaceId: input.workspaceId,
+    enabled: environment.active,
+    events: events.events,
+  });
+  // As on web: events refresh on spawn and completion; the poll catches a
+  // child's own status changes, which emit nothing on this feed.
+  const lineage = useSessionLineage(input.sessionId, {
+    client: input.client,
+    workspaceId: input.workspaceId,
+    enabled: environment.active,
+    events: events.events,
+    pollIntervalMs: 30_000,
+  });
+  const approvals = useMemo(() => projectPendingApprovals(events.events), [events.events]);
+  const timelineGroups = useMemo(() => groupTimeline(events.timeline), [events.timeline]);
+  useNativeReadAcknowledgement({
+    client: input.client,
+    workspaceId: input.workspaceId,
+    sessionId: input.sessionId,
+    session: session.session ?? null,
+    events: events.events,
+    active: environment.active,
+  });
+  const mcpApprovalPolicy = useSessionMcpApprovalPolicy(
+    input.sessionId,
+    input.mcpApprovalPolicyServerId,
+    {
+      client: input.client,
+      workspaceId: input.workspaceId,
+      events: events.events,
+      enabled: environment.active && Boolean(input.mcpApprovalPolicyServerId),
+    },
+  );
+
+  const refresh = useCallback(async () => {
+    await Promise.all([
+      session.refresh(),
+      queue.refresh(),
+      humanInput.refresh(),
+      events.jumpToLatest(),
+      mcpApprovalPolicy.refresh(),
+    ]);
+  }, [events, humanInput, mcpApprovalPolicy, queue, session]);
+
+  return {
+    sessionId: input.sessionId,
+    workspaceId: input.workspaceId,
+    session,
+    events: events.events,
+    timeline: events.timeline,
+    timelineGroups,
+    connectionState: events.connectionState,
+    sessionStatus: events.sessionStatus ?? session.session?.status ?? null,
+    initialLoading: events.initialLoading || session.loading,
+    hasOlder: events.hasOlder,
+    loadingOlder: events.loadingOlder,
+    loadOlder: events.loadOlder,
+    queue,
+    composer,
+    attachments,
+    approvals,
+    control,
+    humanInput,
+    mcpApprovalPolicy,
+    goal,
+    lineage,
+    active: environment.active,
+    runActive: sessionRunActive(events.sessionStatus ?? session.session?.status ?? null),
+    error:
+      events.error ??
+      session.error ??
+      queue.error ??
+      queue.mutationError ??
+      composer.error ??
+      composer.draftConflict ??
+      control.error ??
+      humanInput.error ??
+      humanInput.mutationError ??
+      mcpApprovalPolicy.error,
+    refresh,
+  };
+}