@omercnet/paseo-shared-browser 1.2.1 → 1.2.2-next.237.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (170) hide show
  1. package/README.md +312 -25
  2. package/REMOTE_BROWSER_RESEARCH.md +395 -0
  3. package/STREAMING_DESIGN.md +191 -0
  4. package/client/browser-auto-capture-density.test.ts +102 -0
  5. package/client/browser-auto-capture-density.ts +30 -0
  6. package/client/browser-canvas-input.test.ts +198 -0
  7. package/client/browser-canvas-input.ts +202 -0
  8. package/client/browser-canvas-keyboard-web.test.ts +113 -0
  9. package/client/browser-canvas-keyboard-web.ts +230 -0
  10. package/client/browser-canvas-keyboard.test.ts +123 -0
  11. package/client/browser-canvas-keyboard.ts +126 -0
  12. package/client/browser-canvas-layout.test.ts +109 -0
  13. package/client/browser-canvas-layout.ts +51 -0
  14. package/client/browser-canvas-viewport-web.test.ts +77 -0
  15. package/client/browser-canvas-viewport-web.ts +63 -0
  16. package/client/browser-canvas-viewport.tsx +152 -0
  17. package/client/browser-capture-cadence.test.ts +9 -0
  18. package/client/browser-capture-cadence.ts +6 -0
  19. package/client/browser-capture-density-controls.tsx +75 -0
  20. package/client/browser-chrome.tsx +234 -0
  21. package/client/browser-client-presence.ts +184 -0
  22. package/client/browser-compose-controls.test.tsx +275 -0
  23. package/client/browser-compose-controls.tsx +174 -0
  24. package/client/browser-control-button.tsx +109 -0
  25. package/client/browser-control-dialog.tsx +71 -0
  26. package/client/browser-control-request.test.ts +27 -0
  27. package/client/browser-control-request.ts +57 -0
  28. package/client/browser-control-tooltip-web.ts +10 -0
  29. package/client/browser-dialog-body.tsx +22 -0
  30. package/client/browser-emulation-mode.test.ts +75 -0
  31. package/client/browser-emulation-mode.ts +98 -0
  32. package/client/browser-fill-viewport.test.ts +45 -0
  33. package/client/browser-fill-viewport.ts +28 -0
  34. package/client/browser-frame-buffer.test.ts +157 -0
  35. package/client/browser-frame-buffer.ts +148 -0
  36. package/client/browser-frame-image.tsx +62 -0
  37. package/client/browser-image-load.test.ts +23 -0
  38. package/client/browser-image-load.ts +26 -0
  39. package/client/browser-input-queue.test.ts +1201 -0
  40. package/client/browser-input-queue.ts +505 -0
  41. package/client/browser-menu-placement.test.ts +90 -0
  42. package/client/browser-menu-placement.ts +78 -0
  43. package/client/browser-panel-styles.ts +384 -0
  44. package/client/browser-quality-controls.test.ts +26 -0
  45. package/client/browser-quality-controls.tsx +139 -0
  46. package/client/browser-resolution-picker.tsx +189 -0
  47. package/client/browser-tabs.tsx +117 -0
  48. package/client/browser-toolbar-menu-web.test.ts +185 -0
  49. package/client/browser-toolbar-menu-web.ts +159 -0
  50. package/client/browser-toolbar-menu.tsx +255 -0
  51. package/client/browser-toolbar-submenu.tsx +93 -0
  52. package/client/browser-video-bytes.test.ts +44 -0
  53. package/client/browser-video-decoder.test.ts +473 -0
  54. package/client/browser-video-decoder.ts +311 -0
  55. package/client/browser-video-surface.tsx +21 -0
  56. package/client/browser-video-visibility.test.ts +45 -0
  57. package/client/browser-viewer-recovery.test.ts +111 -0
  58. package/client/browser-viewer-recovery.ts +78 -0
  59. package/client/browser.tsx +1642 -1569
  60. package/client/favorite-star.tsx +23 -0
  61. package/client/frame-lifecycle.ts +62 -59
  62. package/client/use-browser-auto-capture-density.test.ts +104 -0
  63. package/client/use-browser-auto-capture-density.ts +43 -0
  64. package/client/use-browser-canvas-input.ts +370 -0
  65. package/client/use-browser-capture-density.ts +87 -0
  66. package/client/use-browser-emulation-mode.ts +56 -0
  67. package/client/use-browser-fill-viewport.test.ts +108 -0
  68. package/client/use-browser-fill-viewport.ts +62 -0
  69. package/client/use-browser-frame-buffer.ts +66 -0
  70. package/client/use-browser-image-capture.ts +139 -0
  71. package/client/use-browser-scoped-mutation.test.ts +118 -0
  72. package/client/use-browser-scoped-mutation.ts +59 -0
  73. package/client/use-browser-video.test.ts +991 -0
  74. package/client/use-browser-video.ts +474 -0
  75. package/client/use-browser-viewer-recovery.ts +26 -0
  76. package/client/use-resolution-favorites.ts +90 -0
  77. package/client/web.test.ts +125 -0
  78. package/client/web.ts +405 -0
  79. package/index.client.tsx +0 -10
  80. package/index.server.ts +32 -0
  81. package/npm-shrinkwrap.json +1834 -0
  82. package/package.json +13 -8
  83. package/paseo-plugin.json +3 -1
  84. package/scripts/prepare-dependencies.mjs +1 -1
  85. package/scripts/prepare-runtime.mjs +1 -1
  86. package/server/agent-browser-runtime.ts +1598 -314
  87. package/server/browser-cursor.test.ts +64 -0
  88. package/server/browser-cursor.ts +69 -0
  89. package/server/browser-frame-context.ts +22 -0
  90. package/server/browser-frame-epoch.test.ts +95 -0
  91. package/server/browser-frame-rejection.ts +17 -0
  92. package/server/browser-gesture.ts +120 -0
  93. package/server/browser-operation-diagnostics.test.ts +79 -0
  94. package/server/browser-operation-diagnostics.ts +103 -0
  95. package/server/browser-policy.ts +1313 -151
  96. package/server/browser-video-input-authority.test.ts +208 -0
  97. package/server/browser-video-policy.test.ts +564 -0
  98. package/server/browser-video-socket.test.ts +368 -0
  99. package/server/browser.ts +151 -16
  100. package/server/capture-transport-policy.test.ts +105 -0
  101. package/server/capture-transport-policy.ts +154 -0
  102. package/server/capture-transport-runtime.test.ts +213 -0
  103. package/server/daemon-launch-chain.test.ts +70 -0
  104. package/server/daemon-shutdown.test.ts +289 -0
  105. package/server/discrete-input-freshness.test.ts +364 -0
  106. package/server/discrete-input-native-lifetime.test.ts +150 -0
  107. package/server/display-loss-recovery.test.ts +294 -0
  108. package/server/emulation-restoration.test.ts +262 -0
  109. package/server/input-cleanup.ts +23 -0
  110. package/server/input-generation.test.ts +31 -0
  111. package/server/input-generation.ts +36 -0
  112. package/server/jpeg-capture-demand.test.ts +76 -0
  113. package/server/jpeg-capture-demand.ts +98 -0
  114. package/server/jpeg-frame.ts +29 -0
  115. package/server/keyboard-input.test.ts +61 -0
  116. package/server/keyboard-input.ts +104 -0
  117. package/server/live-input-policy.test.ts +958 -0
  118. package/server/live-input-runtime.test.ts +732 -0
  119. package/server/live-input-supervisor.test.ts +147 -0
  120. package/server/mcp-entry.ts +44 -2
  121. package/server/native-video-backpressure.test.ts +228 -0
  122. package/server/native-video-buffer.test.ts +141 -0
  123. package/server/native-video-buffer.ts +114 -0
  124. package/server/native-video-capture.test.ts +599 -0
  125. package/server/native-video-capture.ts +497 -0
  126. package/server/native-video-extension-source.test.ts +201 -0
  127. package/server/native-video-extension-source.ts +364 -0
  128. package/server/native-video-extension.test.ts +41 -0
  129. package/server/native-video-extension.ts +83 -0
  130. package/server/native-video-packet.ts +9 -0
  131. package/server/native-video-settings.test.ts +245 -0
  132. package/server/navigation-budget.ts +8 -0
  133. package/server/navigation-commit.ts +125 -0
  134. package/server/navigation-policy.test.ts +153 -0
  135. package/server/process-identity.ts +58 -0
  136. package/server/reattach-held-input.test.ts +143 -0
  137. package/server/runtime-frame-reuse.test.ts +295 -0
  138. package/server/runtime-jpeg-demand.test.ts +200 -0
  139. package/server/runtime-jpeg-shutdown.test.ts +210 -0
  140. package/server/runtime-jpeg-source-order.test.ts +201 -0
  141. package/server/runtime-launch-environment.test.ts +111 -0
  142. package/server/runtime-navigation.test.ts +327 -0
  143. package/server/runtime-owner-display.test.ts +152 -0
  144. package/server/runtime-owner.ts +305 -31
  145. package/server/runtime-page-state.test.ts +249 -0
  146. package/server/runtime-protocol.ts +31 -1
  147. package/server/runtime-target-retention.test.ts +181 -0
  148. package/server/runtime-video-opt-in.test.ts +82 -0
  149. package/server/runtime-video.test.ts +444 -0
  150. package/server/screencast-source-time.ts +46 -0
  151. package/server/stale-wheel-admission.test.ts +136 -0
  152. package/server/supervisor-client.ts +28 -4
  153. package/server/supervisor-heartbeat.test.ts +80 -0
  154. package/server/supervisor.ts +553 -55
  155. package/server/video-source-recovery.test.ts +20 -0
  156. package/server/video-source-recovery.ts +64 -0
  157. package/server/viewer-capture-lifetime.ts +51 -0
  158. package/server/virtual-display.test.ts +184 -0
  159. package/server/virtual-display.ts +236 -0
  160. package/shared/browser-display-preferences.ts +46 -0
  161. package/shared/browser-video.ts +80 -0
  162. package/shared/browser.ts +286 -65
  163. package/shared/capture-density.ts +16 -0
  164. package/shared/capture-settings.ts +17 -0
  165. package/shared/device-presets.ts +90 -0
  166. package/shared/resolution-menu.test.ts +120 -0
  167. package/shared/resolution-menu.ts +72 -0
  168. package/shared/video-settings.test.ts +38 -0
  169. package/shared/video-settings.ts +34 -0
  170. package/shared/viewport-limits.ts +5 -0
@@ -0,0 +1,208 @@
1
+ import { expect, it } from "vitest";
2
+ import { SessionManager } from "./browser-policy";
3
+
4
+ it.each([-1, 0, 40])(
5
+ "keeps late pre-wheel pixels display-only with source skew %sms",
6
+ async (sourceSkew) => {
7
+ let ids = 0;
8
+ let now = Date.parse("2026-10-03T12:00:00Z");
9
+ let monotonicNow = 1_000;
10
+ let blocked: Promise<void> | null = null;
11
+ const arrived = Promise.withResolvers<void>();
12
+ const release = Promise.withResolvers<void>();
13
+ const calls: string[] = [];
14
+ let pendingRead: ReturnType<SessionManager["readVideo"]> | null = null;
15
+ const packet = {
16
+ streamId: "v".repeat(32),
17
+ captureGeneration: 1,
18
+ sequence: 1,
19
+ timestampUs: 1000,
20
+ type: "key",
21
+ codec: "vp8",
22
+ width: 1280,
23
+ height: 800,
24
+ capturedAt: new Date(now + sourceSkew).toISOString(),
25
+ capturedAtMonotonicMs: monotonicNow + sourceSkew,
26
+ dataBase64: "AA==",
27
+ };
28
+ const manager = new SessionManager({
29
+ now: () => now,
30
+ monotonicNow: () => monotonicNow,
31
+ validateWorkspace: async () => true,
32
+ issueToken: () => String(++ids).padStart(32, "0"),
33
+ client: {
34
+ connect: async () => ({ epoch: 1 }),
35
+ ensureWorkspace: async (workspaceId) => ({
36
+ workspaceId,
37
+ runtimeId: "r".repeat(32),
38
+ createdAt: now,
39
+ }),
40
+ archiveWorkspace: async () => {},
41
+ closeWorkspace: async () => {},
42
+ disconnect() {},
43
+ requestWorkspace: async (_workspace, operation) => {
44
+ calls.push(operation);
45
+ if (operation === "identity") return { userAgent: "Fixture" };
46
+ if (operation === "state")
47
+ return {
48
+ url: "https://fixture.invalid/",
49
+ title: "Fixture",
50
+ inputGeneration: "1:1",
51
+ canGoBack: false,
52
+ canGoForward: false,
53
+ };
54
+ if (operation === "video.read") {
55
+ if (blocked) {
56
+ arrived.resolve();
57
+ await blocked;
58
+ }
59
+ return {
60
+ status: "ready",
61
+ streamId: packet.streamId,
62
+ inputGeneration: "1:1",
63
+ packets: [packet],
64
+ };
65
+ }
66
+ return null;
67
+ },
68
+ },
69
+ });
70
+ try {
71
+ await manager.connect();
72
+ const { viewerToken } = await manager.attach("owned", "Fixture");
73
+ const { controlToken } = await manager.acquireControl(viewerToken);
74
+ const videoInput = {
75
+ viewerToken,
76
+ quality: "high" as const,
77
+ streamId: null,
78
+ afterSequence: 0,
79
+ waitMs: 0,
80
+ requestKeyFrame: true,
81
+ };
82
+ const first = await manager.readVideo(videoInput);
83
+ const frame = first.packets[0]!.frame;
84
+ const expected = {
85
+ sessionId: first.state.sessionId,
86
+ runtimeId: first.state.runtimeId!,
87
+ bridgeEpoch: first.state.bridgeEpoch!,
88
+ navigationGeneration: first.state.navigationGeneration,
89
+ viewportGeneration: first.state.viewportGeneration,
90
+ };
91
+ const target = {
92
+ frameId: frame.frameId,
93
+ navigationGeneration: frame.navigationGeneration,
94
+ viewportGeneration: frame.viewportGeneration,
95
+ };
96
+ const begin = await manager.beginGesture({
97
+ viewerToken,
98
+ controlToken,
99
+ pointerKind: "mouse",
100
+ expected,
101
+ target,
102
+ });
103
+ if (!("gestureId" in begin)) throw new Error("Fixture begin was not admitted");
104
+ blocked = release.promise;
105
+ pendingRead = manager.readVideo(videoInput);
106
+ await arrived.promise;
107
+ // Equal and tolerated future timestamps must not bypass input revocation.
108
+ await manager.updateGesture({
109
+ viewerToken,
110
+ controlToken,
111
+ expected,
112
+ gestureId: begin.gestureId,
113
+ sequence: 1,
114
+ event: {
115
+ kind: "scroll",
116
+ point: { x: 20, y: 20, width: 1280, height: 800 },
117
+ deltaX: 0,
118
+ deltaY: 40,
119
+ },
120
+ });
121
+ await manager.endGesture({
122
+ viewerToken,
123
+ controlToken,
124
+ expected,
125
+ gestureId: begin.gestureId,
126
+ sequence: 2,
127
+ cancel: false,
128
+ });
129
+ const reopened = await manager.beginGesture({
130
+ viewerToken,
131
+ controlToken,
132
+ pointerKind: "mouse",
133
+ expected,
134
+ target,
135
+ });
136
+ // The scroll spent this receipt; reopening on it is a known non-admission.
137
+ expect(reopened).toHaveProperty("admission", "stale-frame");
138
+ const strictInput = () =>
139
+ manager.sendInput({
140
+ viewerToken,
141
+ controlToken,
142
+ expected,
143
+ target,
144
+ event: {
145
+ kind: "click" as const,
146
+ point: { x: 20, y: 20, width: 1280, height: 800 },
147
+ button: "left" as const,
148
+ clickCount: 1 as const,
149
+ },
150
+ });
151
+ await expect(strictInput()).rejects.toThrow("frame is stale");
152
+ release.resolve();
153
+ const late = await pendingRead;
154
+ pendingRead = null;
155
+ expect(late.packets[0]!.frame.frameId).toBe(frame.frameId);
156
+ // Late pixels still paint, but cannot re-authorize discrete agent input.
157
+ await expect(strictInput()).rejects.toThrow("frame is stale");
158
+ expect(calls).not.toContain("mouse.down");
159
+
160
+ // A different receipt from the same old source is not the admitted basis.
161
+ packet.sequence += 1;
162
+ packet.timestampUs += 1;
163
+ const otherLate = await manager.readVideo(videoInput);
164
+ const otherLateFrame = otherLate.packets[0]!.frame;
165
+ expect(otherLateFrame.frameId).not.toBe(frame.frameId);
166
+ const refused = await manager.beginGesture({
167
+ viewerToken,
168
+ controlToken,
169
+ pointerKind: "mouse",
170
+ expected,
171
+ target: {
172
+ frameId: otherLateFrame.frameId,
173
+ navigationGeneration: otherLateFrame.navigationGeneration,
174
+ viewportGeneration: otherLateFrame.viewportGeneration,
175
+ },
176
+ });
177
+ expect(refused).toHaveProperty("admission", "stale-frame");
178
+ expect(calls.filter((value) => value === "input.begin")).toHaveLength(1);
179
+ // A later genuine source frame admits input without resetting the video codec.
180
+ now += 100;
181
+ monotonicNow += 100;
182
+ packet.capturedAtMonotonicMs = monotonicNow;
183
+ packet.sequence += 1;
184
+ packet.timestampUs += 100000;
185
+ packet.capturedAt = new Date(now).toISOString();
186
+ const fresh = await manager.readVideo(videoInput);
187
+ const freshFrame = fresh.packets[0]!.frame;
188
+ const accepted = await manager.beginGesture({
189
+ viewerToken,
190
+ controlToken,
191
+ pointerKind: "mouse",
192
+ expected,
193
+ target: {
194
+ frameId: freshFrame.frameId,
195
+ navigationGeneration: freshFrame.navigationGeneration,
196
+ viewportGeneration: freshFrame.viewportGeneration,
197
+ },
198
+ });
199
+ expect(accepted).toHaveProperty("gestureId");
200
+ expect(calls.filter((value) => value === "input.begin")).toHaveLength(2);
201
+ expect(calls).not.toContain("video.invalidate");
202
+ } finally {
203
+ release.resolve();
204
+ await pendingRead?.catch(() => undefined);
205
+ await manager.disconnect();
206
+ }
207
+ },
208
+ );