@tangle-network/ui 11.51.11 → 11.51.12

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+## 11.51.12
+
+### Patch Changes
+
+- e5f85bd: Preserve sequence zero when a named native stream reconnects; omit the cursor before any event arrives.
+
 ## 11.51.11
 
 - Keep tool-row actions and navigation reachable after a hover preview. HoverCard uses its anchor for placement, preserves keyboard inspection, and dismisses previews when a nested control commits an action. Touch actions do not become hover intent.

package/dist/hooks/use-event-stream.d.ts

@@ -12,4 +12,4 @@ export interface EventStreamHandlers {
   onLiveChange?: (live: boolean) => void;
 }
 /** Producer-owned named events; host transports keep their authenticated reconnect lifecycle. */
-export declare function useEventStream(url: string | undefined, handlers: EventStreamHandlers): void;
+export declare function useEventStream(url: string | (() => string) | undefined, handlers: EventStreamHandlers): void;

package/dist/hooks/use-event-stream.js

@@ -8,7 +8,7 @@ function openNativeStream(url, handlers) {
 	const open = () => {
 		handlers.onConnecting?.(attempt);
 		const target = new URL(typeof url === "function" ? url() : url, globalThis.location?.href), after = handlers.after?.();
-		if (after !== void 0 && after > 0) target.searchParams.set("after", String(after));
+		if (after !== void 0 && after >= 0) target.searchParams.set("after", String(after));
 		let connection;
 		const live = (value) => {
 			if (!stopped && (!connection || source === connection)) handlers.onLiveChange?.(value);
@@ -56,7 +56,7 @@ function useEventStream(url, handlers) {
 		const connection = openNativeStream(url, {
 			opener: handlers.opener,
 			events: Object.fromEntries(Object.keys(handlers.events).map((name) => [name, (event) => latest.current.events[name]?.(event)])),
-			after: () => latest.current.after?.() ?? 0,
+			after: () => latest.current.after?.() ?? -1,
 			onStart: () => latest.current.onStart?.(),
 			onLiveChange: (live) => latest.current.onLiveChange?.(live),
 			terminalEvent: "end"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/ui",
-  "version": "11.51.11",
+  "version": "11.51.12",
   "description": "Generic React UI components for Tangle products — primitives, chat, run, files, editor, markdown.",
   "type": "module",
   "license": "MIT",

package/src/hooks/use-event-stream.ts

@@ -25,7 +25,7 @@ export function openNativeStream(url: string | (() => string), handlers: NativeP
   const open = () => {
     handlers.onConnecting?.(attempt)
     const target = new URL(typeof url === 'function' ? url() : url, globalThis.location?.href), after = handlers.after?.()
-    if (after !== undefined && after > 0) target.searchParams.set('after', String(after))
+    if (after !== undefined && after >= 0) target.searchParams.set('after', String(after))
     let connection: EventStreamSource
     const live = (value: boolean) => { if (!stopped && (!connection || source === connection)) handlers.onLiveChange?.(value) }
     connection = handlers.opener ? handlers.opener(target.toString(), live) : new EventSource(target.toString())
@@ -52,7 +52,7 @@ export function openNativeStream(url: string | (() => string), handlers: NativeP
 }
 
 /** Producer-owned named events; host transports keep their authenticated reconnect lifecycle. */
-export function useEventStream(url: string | undefined, handlers: EventStreamHandlers): void {
+export function useEventStream(url: string | (() => string) | undefined, handlers: EventStreamHandlers): void {
   const latest = useRef(handlers)
   latest.current = handlers
   const names = Object.keys(handlers.events).sort().join(',')
@@ -61,7 +61,7 @@ export function useEventStream(url: string | undefined, handlers: EventStreamHan
     const current: EventStreamHandlers = {
       opener: handlers.opener,
       events: Object.fromEntries(Object.keys(handlers.events).map(name => [name, (event: MessageEvent<string>) => latest.current.events[name]?.(event)])),
-      after: () => latest.current.after?.() ?? 0,
+      after: () => latest.current.after?.() ?? -1,
       onStart: () => latest.current.onStart?.(),
       onLiveChange: live => latest.current.onLiveChange?.(live),
     }