@vinaverse/client 0.1.0-alpha.1 → 0.1.0-alpha.2

package/dist/conversation/index.d.cts

@@ -219,6 +219,12 @@ interface ConversationOptions {
     readonly createId?: () => string;
     /** Something failed that no call returned: getting a session, an input that could not be delivered. */
     readonly onError?: (error: unknown) => void;
+    /**
+     * Close the connection while the app is in the background, and open it again in the foreground (a backend that
+     * mints a client secret per connection: with `refreshSecret`, a fresh one is asked for first). Default false: the
+     * connection stays, with no pings, until the session idles out. Nothing typed or answered is lost either way.
+     */
+    readonly closeInBackground?: boolean;
 }
 /** A text is at most 2000 code points (`TurnInput`). */
 declare const MAX_TEXT = 2000;
@@ -249,6 +255,10 @@ declare class ConversationStore {
     private historyState;
     /** A resumed session.ready carried a transcript: the server's history replaced what the device kept. */
     private transcriptSeen;
+    /** The session of the last session.ready: a card of another one takes no tap (§6). */
+    private readySession;
+    private cardOrder;
+    private kept;
     private locale;
     /** The request for a session in flight, to abort when it is no longer wanted. */
     private fetching;
@@ -284,6 +294,11 @@ declare class ConversationStore {
     setLocale(locale: string | undefined): void;
     /** The app came to the foreground or went to the background (AppState, `visibilitychange`). */
     setForeground(foreground: boolean): void;
+    /** In the background (`closeInBackground`): the connection is closed; the engine keeps what was sent, to resend. */
+    private suspended;
+    private suspend;
+    /** Back in the foreground: a new connection to the same session, with a fresh secret when the backend gives one. */
+    private wake;
     /** The network as the app sees it; null when unknown. Back online reconnects a connection that gave up. */
     setOnline(online: boolean | null): void;
     /** Send a typed message; returns its `client_event_id`. Typed before a session exists, it is sent once one does. */
@@ -323,6 +338,13 @@ declare class ConversationStore {
     private reconnectIfDown;
     private statusChanged;
     private event;
+    /**
+     * A resumed session's transcript replaced the messages, and a chat transcript carries text only: the engine drops
+     * the cards it drew, and draws the pending ones again at the end. Each card on screen is anchored just after the
+     * message it followed (by key; the transcript keeps the live keys), so a pending proposal stays where it was, and a
+     * card the transcript dropped stays drawn there; taking no tap when it belongs to an earlier session.
+     */
+    private anchorCards;
     /**
      * Recomputes now (getSnapshot and getStreaming are always current) and notifies from the scheduler, at most once
      * per frame, both channels in the same flush: a streamed reply that completes becomes its message in one frame.

package/dist/conversation/index.d.ts

@@ -219,6 +219,12 @@ interface ConversationOptions {
     readonly createId?: () => string;
     /** Something failed that no call returned: getting a session, an input that could not be delivered. */
     readonly onError?: (error: unknown) => void;
+    /**
+     * Close the connection while the app is in the background, and open it again in the foreground (a backend that
+     * mints a client secret per connection: with `refreshSecret`, a fresh one is asked for first). Default false: the
+     * connection stays, with no pings, until the session idles out. Nothing typed or answered is lost either way.
+     */
+    readonly closeInBackground?: boolean;
 }
 /** A text is at most 2000 code points (`TurnInput`). */
 declare const MAX_TEXT = 2000;
@@ -249,6 +255,10 @@ declare class ConversationStore {
     private historyState;
     /** A resumed session.ready carried a transcript: the server's history replaced what the device kept. */
     private transcriptSeen;
+    /** The session of the last session.ready: a card of another one takes no tap (§6). */
+    private readySession;
+    private cardOrder;
+    private kept;
     private locale;
     /** The request for a session in flight, to abort when it is no longer wanted. */
     private fetching;
@@ -284,6 +294,11 @@ declare class ConversationStore {
     setLocale(locale: string | undefined): void;
     /** The app came to the foreground or went to the background (AppState, `visibilitychange`). */
     setForeground(foreground: boolean): void;
+    /** In the background (`closeInBackground`): the connection is closed; the engine keeps what was sent, to resend. */
+    private suspended;
+    private suspend;
+    /** Back in the foreground: a new connection to the same session, with a fresh secret when the backend gives one. */
+    private wake;
     /** The network as the app sees it; null when unknown. Back online reconnects a connection that gave up. */
     setOnline(online: boolean | null): void;
     /** Send a typed message; returns its `client_event_id`. Typed before a session exists, it is sent once one does. */
@@ -323,6 +338,13 @@ declare class ConversationStore {
     private reconnectIfDown;
     private statusChanged;
     private event;
+    /**
+     * A resumed session's transcript replaced the messages, and a chat transcript carries text only: the engine drops
+     * the cards it drew, and draws the pending ones again at the end. Each card on screen is anchored just after the
+     * message it followed (by key; the transcript keeps the live keys), so a pending proposal stays where it was, and a
+     * card the transcript dropped stays drawn there; taking no tap when it belongs to an earlier session.
+     */
+    private anchorCards;
     /**
      * Recomputes now (getSnapshot and getStreaming are always current) and notifies from the scheduler, at most once
      * per frame, both channels in the same flush: a streamed reply that completes becomes its message in one frame.

package/dist/conversation/index.js

@@ -156,10 +156,13 @@ function buildTimeline(input, previous) {
         busy: input.busy.has(card.id),
         ...input.decisionErrors?.has(card.id) ? { decisionError: true } : {}
       },
-      order: card.seq
+      order: input.cardOrder?.get(card.id) ?? card.seq
     });
   }
   for (const { item, order } of input.system) live.push({ item, order });
+  const held = new Set(state.cards.map((c) => c.id));
+  for (const { item, order } of input.kept ?? [])
+    if (!held.has(item.key)) live.push({ item, order });
   for (const [id, sent] of input.sent) {
     const pending = pendingState(id, input);
     if (pending === null) continue;
@@ -269,6 +272,10 @@ var ConversationStore = class {
   historyState = "none";
   /** A resumed session.ready carried a transcript: the server's history replaced what the device kept. */
   transcriptSeen = false;
+  /** The session of the last session.ready: a card of another one takes no tap (§6). */
+  readySession = null;
+  cardOrder = /* @__PURE__ */ new Map();
+  kept = [];
   locale;
   /** The request for a session in flight, to abort when it is no longer wanted. */
   fetching = null;
@@ -350,9 +357,49 @@ var ConversationStore = class {
   /** The app came to the foreground or went to the background (AppState, `visibilitychange`). */
   setForeground(foreground) {
     this.foreground = foreground;
+    if (this.options.closeInBackground && !this.disposed) {
+      if (!foreground) {
+        this.suspend();
+        return;
+      }
+      if (this.suspended) {
+        void this.wake();
+        return;
+      }
+    }
     this.session?.setForeground(foreground);
     if (foreground) this.reconnectIfDown();
   }
+  /** In the background (`closeInBackground`): the connection is closed; the engine keeps what was sent, to resend. */
+  suspended = false;
+  suspend() {
+    const session = this.session;
+    if (!session || this.suspended || session.status === "ended") return;
+    this.suspended = true;
+    for (const off of this.unsubscribe) off();
+    this.unsubscribe = [];
+    session.close();
+    this.update();
+  }
+  /** Back in the foreground: a new connection to the same session, with a fresh secret when the backend gives one. */
+  async wake() {
+    const info = this.info;
+    this.suspended = false;
+    if (!info) return;
+    let next = info;
+    if (this.options.refreshSecret) {
+      try {
+        next = {
+          ...info,
+          client_secret: await this.options.refreshSecret(info.id)
+        };
+      } catch (error) {
+        this.options.onError?.(error);
+      }
+    }
+    if (this.disposed || this.suspended) return;
+    this.open(next);
+  }
   /** The network as the app sees it; null when unknown. Back online reconnects a connection that gave up. */
   setOnline(online) {
     this.online = online;
@@ -374,6 +421,12 @@ var ConversationStore = class {
       this.update();
       return id;
     }
+    if (this.suspended) {
+      this.early.set(id, text);
+      void this.wake();
+      this.update();
+      return id;
+    }
     if (this.nextFrom(this.engine.state()) === "continue_here") {
       this.early.set(id, text);
       void this.resumeWith("continue_here");
@@ -575,10 +628,16 @@ var ConversationStore = class {
       ];
     };
     switch (frame.type) {
-      case "session.ready":
-        if (frame.resumed === true && Array.isArray(frame.transcript))
+      case "session.ready": {
+        const session = frame.session?.id;
+        const moved = typeof session === "string" && session !== this.readySession;
+        if (typeof session === "string") this.readySession = session;
+        if (frame.resumed === true && Array.isArray(frame.transcript)) {
           this.transcriptSeen = true;
+          this.anchorCards(moved);
+        }
         return;
+      }
       // `at` is required (v1-draft.15); the same takeover announced again after a reconnect has the same `at`, so it
       // draws one row. A frame without one still gets a row of its own.
       case "takeover.started":
@@ -624,6 +683,38 @@ var ConversationStore = class {
         return;
     }
   }
+  /**
+   * A resumed session's transcript replaced the messages, and a chat transcript carries text only: the engine drops
+   * the cards it drew, and draws the pending ones again at the end. Each card on screen is anchored just after the
+   * message it followed (by key; the transcript keeps the live keys), so a pending proposal stays where it was, and a
+   * card the transcript dropped stays drawn there; taking no tap when it belongs to an earlier session.
+   */
+  anchorCards(sessionChanged) {
+    const state = this.engine.state();
+    const seqOf = new Map(state.messages.map((m) => [m.key, m.seq]));
+    const first = Math.min(...state.messages.map((m) => m.seq), 0);
+    const held = new Set(state.cards.map((c) => c.id));
+    const order = /* @__PURE__ */ new Map();
+    const kept = [];
+    let anchor = first - 1;
+    let step = 0;
+    for (const item of this.view.items) {
+      if (item.type === "message" && seqOf.has(item.key)) {
+        anchor = seqOf.get(item.key);
+        step = 0;
+      } else if (item.type === "card") {
+        const at = anchor + 0.5 + ++step / 1e3;
+        order.set(item.key, at);
+        if (!held.has(item.key))
+          kept.push({
+            item: sessionChanged ? { ...item, busy: false, restored: true } : item,
+            order: at
+          });
+      }
+    }
+    this.cardOrder = order;
+    this.kept = kept;
+  }
   // ------------------------------------------------------------ the view
   /**
    * Recomputes now (getSnapshot and getStreaming are always current) and notifies from the scheduler, at most once
@@ -680,6 +771,8 @@ var ConversationStore = class {
         busy: this.busy,
         decisionErrors: this.decisionErrors,
         transcriptSeen: this.transcriptSeen,
+        cardOrder: this.cardOrder,
+        kept: this.kept,
         system: this.system
       },
       prev?.items ?? NO_ITEMS
@@ -709,6 +802,7 @@ var ConversationStore = class {
   }
   status() {
     if (this.disposed) return "closed";
+    if (this.suspended) return "idle";
     const session = this.session;
     if (!session) {
       if (this.failed) return "unavailable";