@weftui/core 0.28.0 → 0.30.0

package/dist/index.d.ts

@@ -1,16 +1,16 @@
-import { D as Subscribable, E as Source, O as index_d_exports, T as NoPropValue, a as SVGElements, r as Renderable, s as HTMLElements, t as ElementDescriptor } from "./index-Bsh2WLtx.js";
+import { D as Subscribable, E as Source, O as index_d_exports, T as NoPropValue, a as SVGElements, r as Renderable, s as HTMLElements, t as ElementDescriptor } from "./index-CX9uEejU.js";
 import { Cause, Context, Effect, Filter, Option, Stream } from "effect";
 import { Rpc } from "effect/unstable/rpc";
 //#region src/combinator/types.d.ts
 /**
  * Widens a single prop value type so that Stream/Effect/Subscribable variants
- * accept any E and R — not just `never`. Static values (string, number, etc.)
+ * accept any E and R, not just `never`. Static values (string, number, etc.)
  * are left unchanged. TypeScript distributes this over union types.
  */
 type OpenPropSource<T> = T extends Stream.Stream<infer A, any, any> ? Stream.Stream<A, any, any> : T extends Effect.Effect<infer A, any, any> ? Effect.Effect<A, any, any> : T extends Subscribable<infer A, any, any> ? Subscribable<A, any, any> : T;
 /**
  * A node in the combinator tree.
- * IS an Effect — `yield*`, `Effect.gen`, and `pipe` all work natively. Resolves
+ * IS an Effect: `yield*`, `Effect.gen`, and `pipe` all work natively. Resolves
  * to an {@link ElementDescriptor}.
  *
  * Declared as an interface (rather than a bare alias) so it can merge with the
@@ -32,17 +32,17 @@ declare namespace Node {
   /** Extract the requirement channel `R` from a {@link Node} (a static node ⇒ `never`). */
   type Context<N> = [N] extends [Effect.Effect<any, any, infer R>] ? R : never;
 }
-/** Extract E from a props object — Stream/Effect/Subscribable prop values and Effect-returning event handlers contribute their E channel. */
+/** Extract E from a props object: Stream/Effect/Subscribable prop values and Effect-returning event handlers contribute their E channel. */
 type PropsE<P> = { [K in keyof P]: P[K] extends Stream.Stream<any, infer E, any> ? E : P[K] extends Effect.Effect<any, infer E, any> ? E : P[K] extends Subscribable<any, infer E, any> ? E : P[K] extends ((...args: any[]) => infer Ret) ? Ret extends Effect.Effect<any, infer E, any> ? E : never : never; }[keyof P];
-/** Extract R from a props object — Stream/Effect/Subscribable prop values and Effect-returning event handlers contribute their R channel. */
+/** Extract R from a props object: Stream/Effect/Subscribable prop values and Effect-returning event handlers contribute their R channel. */
 type PropsR<P> = { [K in keyof P]: P[K] extends Stream.Stream<any, any, infer R> ? R : P[K] extends Effect.Effect<any, any, infer R> ? R : P[K] extends Subscribable<any, any, infer R> ? R : P[K] extends ((...args: any[]) => infer Ret) ? Ret extends Effect.Effect<any, any, infer R> ? R : never : never; }[keyof P];
-/** Extract E from a children array — Node (Effect) and Stream children contribute their E. */
+/** Extract E from a children array: Node (Effect) and Stream children contribute their E. */
 type ChildrenE<T extends readonly Renderable[]> = [T[number]] extends [never] ? never : { [K in keyof T]: T[K] extends Effect.Effect<any, infer E, any> ? E : T[K] extends Stream.Stream<any, infer E, any> ? E : never; }[number];
-/** Extract R from a children array — Node (Effect) and Stream children contribute their R. */
+/** Extract R from a children array: Node (Effect) and Stream children contribute their R. */
 type ChildrenR<T extends readonly Renderable[]> = [T[number]] extends [never] ? never : { [K in keyof T]: T[K] extends Effect.Effect<any, any, infer R> ? R : T[K] extends Stream.Stream<any, any, infer R> ? R : never; }[number];
 /**
  * Strip `children` from HTML prop types and widen all Source prop types to
- * allow any E/R — so callers can pass `Stream<T, E, R>` with real requirements.
+ * allow any E/R, so callers can pass `Stream<T, E, R>` with real requirements.
  */
 type CombinatorialProps<P> = { [K in keyof Omit<P, "children">]: OpenPropSource<Omit<P, "children">[K]>; };
 declare namespace boundary_impl_d_exports {
@@ -76,8 +76,8 @@ type CatchTagsE<C extends readonly Renderable[], Tags extends string> = Exclude<
  * variant wraps a subtree and shows a fallback in response to an event.
  *
  * - **Failure boundaries** (`catch`, `catchCause`, `catchTag`,
- *   `catchTags`, `catchFilter`, `catchIf`) intercept rendering-path errors —
- *   construction-time errors and post-mount stream failures — mirroring
+ *   `catchTags`, `catchFilter`, `catchIf`) intercept rendering-path errors
+ *   (construction-time errors and post-mount stream failures), mirroring
  *   Effect's `catch*` combinators.
  * - **Suspense boundary** (`suspend`) shows a fallback while async children are
  *   pending, then swaps to the resolved children once all have settled.
@@ -90,7 +90,7 @@ type CatchTagsE<C extends readonly Renderable[], Tags extends string> = Exclude<
  * ```ts
  * import { Boundary, h } from "@weftui/core";
  *
- * // Failure boundary wrapping a suspense boundary — the common pairing:
+ * // Failure boundary wrapping a suspense boundary, the common pairing:
  * Boundary.catch({ fallback: (e) => h.div({}, e.message) }, [
  *   Boundary.suspend({ fallback: h.div({}, "Loading…") }, [AsyncCard()]),
  * ])
@@ -109,7 +109,7 @@ interface FailureProps {
   readonly match: (cause: Cause.Cause<unknown>) => Node<unknown, unknown> | null;
 }
 /**
- * Props for the {@link suspend} boundary — used by renderers to access
+ * Props for the {@link suspend} boundary, read by renderers to access
  * `fallback` and `children` from the node descriptor.
  */
 interface SuspenseProps {
@@ -185,7 +185,7 @@ declare function catchTags<C extends readonly Renderable[], Handlers extends { r
  */
 declare function catchFilter<C extends readonly Renderable[], EB, X, FE = never, FR = never>(filter: Filter.Filter<ChildrenE<C>, EB, X>, fallback: (matched: EB) => Node<FE, FR>, children: C): Node<X | FE, ChildrenR<C> | FR>;
 /**
- * Conditionally catch — a predicate gates the fallback. If the predicate
+ * Conditionally catch: a predicate gates the fallback. If the predicate
  * returns `false`, the error is re-raised. The children's `E` is preserved
  * in the output since the boundary may not handle any given error.
  */
@@ -196,19 +196,10 @@ declare function catchIf<C extends readonly Renderable[], FE = never, FR = never
 /**
  * Creates a suspense boundary node.
  *
- * Shows `fallback` while async children are pending (have not yet emitted
- * their first value), then atomically swaps to the resolved children once
- * **all** pending children have settled.
- *
- * The renderer (`@weftui/dom`) identifies the boundary via its
- * {@link SUSPENSE_BOUNDARY} type tag.
- *
- * @example
- * ```ts
- * import { Boundary, h } from "@weftui/core";
- *
- * Boundary.suspend({ fallback: h.div({}, "Loading…") }, [AsyncCard(), AsyncSidebar()])
- * ```
+ * Shows `fallback` while async children are pending (have not yet emitted their
+ * first value), then atomically swaps to the resolved children once **all**
+ * pending children have settled. The renderer (`@weftui/dom`) identifies the
+ * boundary via its {@link SUSPENSE_BOUNDARY} type tag.
  */
 declare function suspend<C extends readonly Renderable[]>(props: SuspenseProps, children: C): Node<ChildrenE<C>, ChildrenR<C>>;
 /**
@@ -220,7 +211,7 @@ declare function suspend<C extends readonly Renderable[]>(props: SuspenseProps,
  *
  * On the **server** and on the **first client paint after hydrate** `value`
  * emits the SSR `data` first (await-first), so SSR HTML and the adopted DOM are
- * byte-identical — no fallback flash.
+ * byte-identical, with no fallback flash.
  *
  * @typeParam A - The loaded data shape.
  */
@@ -240,7 +231,7 @@ interface Resource<A> {
   readonly pending: Subscribable<boolean>;
   /**
    * `Some` with the last refetch error, else `None`. A failed refetch leaves
-   * the previous `value` intact (stale-on-error) — it does **not** unmount the
+   * the previous `value` intact (stale-on-error). It does **not** unmount the
    * subtree or raise into an enclosing failure `Boundary`.
    */
   readonly error: Subscribable<Option.Option<unknown>>;
@@ -262,7 +253,7 @@ interface RpcOptions {
  *
  * The boundary is a thin consumer of one `Rpc` from the application's merged
  * `RpcGroup`. Its data source is the ambient {@link AppRpcClient}: there is no
- * co-located `load`, no `provide`, no per-boundary `id`/registry — the rpc
+ * co-located `load`, no `provide`, no per-boundary `id`/registry. The rpc
  * **tag** is the stable identity and the rpc **payload schema** is the typed
  * input. The handler lives in the server-only rpc Layer, so nothing here needs a
  * bundler prune.
@@ -272,7 +263,7 @@ interface RpcOptions {
  *   the rpc's `successSchema` inline as a `<script type="application/json">`
  *   payload, and renders `render(seededResource)` to HTML in place.
  * - **Hydrate**: reads the inline payload at the cursor, decodes via
- *   `successSchema`, seeds the {@link Resource}, and adopts the DOM — replaying
+ *   `successSchema`, seeds the {@link Resource}, and adopts the DOM, replaying
  *   the server result, never re-calling the rpc.
  * - **Refetch**: `Resource.refetch` calls `AppRpcClient.call(tag, payload())`
  *   over the network and patches the subtree in place (stale-on-error).
@@ -281,7 +272,7 @@ interface RpcOptions {
  *   `render(resource)` once it resolves.
  *
  * `payload` is a thunk so a fresh payload is produced per call (SSR, refetch,
- * mount) — its return type is the rpc's decoded payload. The renderer identifies
+ * mount). Its return type is the rpc's decoded payload. The renderer identifies
  * the boundary via its {@link SERVER_BOUNDARY} type tag.
  *
  * @example
@@ -308,9 +299,9 @@ declare function rpc<R extends Rpc.Any, C extends Node<any, any>>(rpc: R, payloa
 /**
  * Ambient, package-neutral seam for resolving a {@link Boundary.rpc} boundary's
  * data through the application's merged `RpcGroup`. The DOM renderer
- * (`@weftui/dom`) must resolve a boundary — on the server (SSR), during a
- * client refetch, and on a client-first SPA mount — **without** importing
- * `effect/unstable/rpc` or `@weftui/router`. So the rpc caller is injected as a
+ * (`@weftui/dom`) must resolve a boundary **without** importing
+ * `effect/unstable/rpc` or `@weftui/router`, on the server (SSR), during a
+ * client refetch, and on a client-first SPA mount. So the rpc caller is injected as a
  * service: `@weftui/router` provides it (a network `RpcClient` on the browser,
  * an in-process client over the handler layer on the server), and the renderer
  * reads it from ambient context, treating `Option.none` (no router/rpc present)
@@ -334,8 +325,8 @@ interface AppRpcClient {
 }
 declare const AppRpcClientTag_base: Context.ServiceClass<AppRpcClientTag, "@weftui/core/AppRpcClient", AppRpcClient>;
 /**
- * Context tag for the {@link AppRpcClient} seam. Provided by `@weftui/router`
- * — a network client (`RouterLive`, POST `/_eui/rpc`) on the client, an
+ * Context tag for the {@link AppRpcClient} seam. Provided by `@weftui/router`:
+ * a network client (`RouterLive`, POST `/_eui/rpc`) on the client, an
  * in-process client over the handler layer (`RouterServer`) on the server. Absent
  * in a router-less mount, where a {@link Boundary.rpc} resolves to a descriptive
  * "needs router/rpc" error.
@@ -345,7 +336,7 @@ declare class AppRpcClientTag extends AppRpcClientTag_base {}
 //#region src/server/brand.d.ts
 /**
  * Type-level marker stamped onto the identifier of a {@link ServerTag}. It never
- * exists at runtime — only its `typeof` is referenced by {@link ServerOnly} — so
+ * exists at runtime (only its `typeof` is referenced by {@link ServerOnly}), so
  * the brand is purely a compile-time discriminator for {@link AssertNoServerOnly}.
  */
 declare const ServerOnlyTypeId: unique symbol;
@@ -398,10 +389,9 @@ type AssertNoServerOnly<R> = [Extract<R, ServerOnly>] extends [never] ? R : Serv
  */
 declare function isStream(value: unknown): value is Stream.Stream<unknown, any, any>;
 /**
- * Normalizes a static value, `Effect`, or `Stream` into a `Stream` — the
- * weft equivalent of Vue's `unref`. Static values become a single-element
- * stream, Effects become a one-shot stream, and existing Streams pass through
- * unchanged.
+ * Normalizes a static value, `Effect`, or `Stream` into a `Stream`, the weft
+ * equivalent of Vue's `unref`. Static values become a single-element stream,
+ * Effects become a one-shot stream, and existing Streams pass through unchanged.
  */
 declare function toStream<A>(value: A | Effect.Effect<A> | Stream.Stream<A>): Stream.Stream<A>;
 //#endregion
@@ -409,16 +399,15 @@ declare function toStream<A>(value: A | Effect.Effect<A> | Stream.Stream<A>): St
 /** Augmentable interface for user-defined custom element tags and props. */
 interface CustomElements {}
 /**
- * Callable type for an element builder (one per tag — `h.div`, `h.span`, …).
- *
- * Four call shapes are supported; each preserves the caller's prop and child
- * `E`/`R` channels on the returned {@link Node}:
+ * Callable type for an element builder (one per tag: `h.div`, `h.span`, …).
+ * Every call shape preserves the caller's prop and child `E`/`R` channels on the
+ * returned {@link Node}:
  *
- * - `el(props, children)` — props plus an array of children.
- * - `el(props, child)` — props plus a single `string | number` child.
- * - `el(props)` — props only, no children.
- * - `el(children)` — children only, no props.
- * - `el()` — no arguments; yields a `Node<never, never>`.
+ * - `el(props, children)`: props plus an array of children.
+ * - `el(props, child)`: props plus a single `string | number` child.
+ * - `el(props)`: props only, no children.
+ * - `el(children)`: children only, no props.
+ * - `el()`: no arguments, yielding a `Node<never, never>`.
  */
 interface ElementFn<Props> {
   <P extends Props, const C extends readonly Renderable[]>(props: P, children: C): Node<PropsE<P> | ChildrenE<C>, PropsR<P> | ChildrenR<C>>;
@@ -433,14 +422,9 @@ type DataAttributes = {
 };
 type H = {
   /**
-   * Builds a fragment node containing the given children — children are rendered
-   * inline, with no wrapping element. Equivalent to `<>…</>` in JSX. `E`/`R`
-   * from the children accumulate on the returned {@link Node}.
-   *
-   * @example
-   * ```ts
-   * h.fragment([h.span({}, "left"), h.span({}, "right")]);
-   * ```
+   * Builds a fragment node whose children render inline, with no wrapping
+   * element. Equivalent to `<>…</>` in JSX. `E`/`R` from the children accumulate
+   * on the returned {@link Node}.
    */
   fragment<const C extends readonly Renderable[]>(children: C): Node<ChildrenE<C>, ChildrenR<C>>;
 } & { [K in keyof HTMLElements]: ElementFn<CombinatorialProps<HTMLElements[K] & DataAttributes>>; } & { [K in keyof SVGElements]: ElementFn<CombinatorialProps<SVGElements[K] & DataAttributes>>; } & { [K in keyof CustomElements]: ElementFn<CustomElements[K] & DataAttributes>; };
@@ -450,8 +434,8 @@ declare const h: H;
 /**
  * Builds a static-markup {@link Node} for a known {@link ElementDescriptor}.
  *
- * The result is a normal `Effect.succeed(descriptor)` — fully `yield*`-able
- * inside `Component.gen` and indistinguishable to Effect — but additionally
+ * The result is a normal `Effect.succeed(descriptor)` (fully `yield*`-able
+ * inside `Component.gen` and indistinguishable to Effect), but additionally
  * carries the descriptor on a non-enumerable property. Renderers detect this via
  * {@link getElementDescriptor} and render the descriptor directly, with no
  * `runSync` probe (the reason `h.*`, `h.fragment`, and `Boundary.*` never need to
@@ -463,8 +447,8 @@ declare function elementNode<E = never, R = never>(descriptor: ElementDescriptor
  * built with {@link elementNode}, or `undefined` if `node` is anything else
  * (a primitive, an iterable, a `Stream`, or a reactive `Effect`).
  *
- * Renderers call this to take the static fast path — rendering the descriptor
- * directly — before falling back to running genuinely reactive Effects.
+ * Renderers call this to take the static fast path (rendering the descriptor
+ * directly) before falling back to running genuinely reactive Effects.
  */
 declare function getElementDescriptor(node: unknown): ElementDescriptor | undefined;
 //#endregion
@@ -479,7 +463,7 @@ declare const FRAGMENT: unique symbol;
  * `FRAGMENT` and the `Boundary` symbols are detected.
  */
 declare const LIST: unique symbol;
-/** Element type carried by a list source — the element type of the emitted `Iterable`. */
+/** Element type carried by a list source: the element type of the emitted `Iterable`. */
 type ItemOf<S> = Source.Success<S> extends Iterable<infer T> ? T : never;
 /**
  * Keyed-list combinator namespace. The opt-in alternative to wholesale child
@@ -507,30 +491,20 @@ declare namespace List {
     readonly by?: (item: ItemOf<S>, index: number) => K;
   }
   /**
-   * Declares a keyed reactive list region.
-   *
-   * `render` runs **once per key**; a persisted key keeps its DOM nodes and its
-   * running subscription fibers across re-emits (it is never re-invoked). The
-   * returned node's `E`/`R` are the union of the source channels and the
-   * channels of the node `render` returns.
-   *
-   * @example
-   * ```ts
-   * List.each(
-   *   { of: peopleStream, by: (p) => p.id },
-   *   (person) => h.li({}, person.name),
-   * );
-   * ```
+   * Declares a keyed reactive list region. `render` runs **once per key**; a
+   * persisted key keeps its DOM nodes and its running subscription fibers across
+   * re-emits (it is never re-invoked). The returned node's `E`/`R` are the union
+   * of the source channels and the channels of the node `render` returns.
    */
   function each<S extends Source.Source<Iterable<any>, any, any>, CE = never, CR = never, K = ItemOf<S>>(options: Options<S, K>, render: (item: ItemOf<S>, index: number) => Node<CE, CR>): Node<Source.Error<S> | CE, Source.Context<S> | CR>;
   /**
-   * Extract the error channel `E` from a list {@link Node} — re-exported from
+   * Extract the error channel `E` from a list {@link Node}, re-exported from
    * {@link Node.Error}, the canonical accessor (a `Node`'s success channel is
    * fixed to `ElementDescriptor`, so only `Error`/`Context` are exposed here).
    */
   type Error<N> = Node.Error<N>;
   /**
-   * Extract the requirement channel `R` from a list {@link Node} — re-exported
+   * Extract the requirement channel `R` from a list {@link Node}, re-exported
    * from {@link Node.Context}, the canonical accessor.
    */
   type Context<N> = Node.Context<N>;
@@ -540,45 +514,39 @@ declare namespace List {
 /**
  * Factories for building custom components whose returned `Node`s carry the
  * caller's prop `E`/`R` channels and the component's own internal `E`/`R`.
- *
- * Two flavours are provided:
- *
- * - `Component.gen` — body is a generator (use `yield*` like `Effect.gen`).
- * - `Component.make` — body is a plain function returning any `Effect`.
- *
- * Both accept an optional second `children` argument which may be either an
- * array of {@link Renderable} or a function `(input) => readonly Renderable[]` (the
- * render-prop / function-children pattern).
+ * `Component.gen` takes a generator body (use `yield*` like `Effect.gen`);
+ * `Component.make` takes a plain function returning any `Effect`. Both accept an
+ * optional second `children` argument: an array of {@link Renderable}, or a
+ * function `(input) => readonly Renderable[]` (the render-prop pattern).
  */
 declare namespace Component {
   /**
    * Shape of the optional `children` argument to a {@link Component}.
    *
-   * - `readonly Renderable[]` — a flat list of children, the common case.
-   * - `(input: Input) => readonly Renderable[]` — function-children: the component
+   * - `readonly Renderable[]`: a flat list of children, the common case.
+   * - `(input: Input) => readonly Renderable[]`: function-children. The component
    *   supplies `input` (some scoped value) and the caller returns the children
    *   array. Useful for render-prop / slot patterns.
    */
   type Children<Input = never> = readonly Renderable[] | ((input: Input) => readonly Renderable[]);
   /**
-   * Extract the error channel `E` from the {@link Node} a component produces —
+   * Extract the error channel `E` from the {@link Node} a component produces,
    * re-exported from {@link Node.Error}, the canonical accessor. Apply to a
    * component's return type, e.g. `Component.Error<ReturnType<typeof MyComponent>>`.
    */
   type Error<N> = Node.Error<N>;
   /**
    * Extract the requirement channel `R` from the {@link Node} a component
-   * produces — re-exported from {@link Node.Context}, the canonical accessor.
+   * produces, re-exported from {@link Node.Context}, the canonical accessor.
    */
   type Context<N> = Node.Context<N>;
   /**
    * The callable shape returned by {@link gen} and {@link make}. Generic over
    * the caller's specific `GenP`/`GenC` so reactive prop values and reactive
    * children contribute their `E`/`R` to the resulting `Node` at the call site.
-   *
    * For function-children, `ChildrenE`/`ChildrenR` are extracted from the
-   * function's `ReturnType` — the array the caller would produce — not from
-   * the function itself.
+   * function's `ReturnType` (the array the caller would produce), not from the
+   * function itself.
    */
   type Component<P, C extends Children, E, R> = <GenP extends P, GenC extends C>(props: GenP, children?: GenC) => Node<PropsE<GenP> | ChildrenE<GenC extends ((...args: any[]) => any) ? ReturnType<GenC> : GenC> | E, PropsR<GenP> | ChildrenR<GenC extends ((...args: any[]) => any) ? ReturnType<GenC> : GenC> | R>;
   /**
@@ -612,30 +580,11 @@ declare namespace Component {
   function gen<Eff extends Effect.Effect<any, any, any>, BaseProps = Record<string, never>, C extends Children = readonly Renderable[]>(f: (props: BaseProps, children: C) => Generator<Eff, ElementDescriptor, never>): Component.Component<BaseProps, C, Eff extends Effect.Effect<any, infer E, any> ? E : never, Eff extends Effect.Effect<any, any, infer R> ? R : never>;
   /**
    * Defines a component whose body is a plain function returning any `Effect`
-   * (typically a {@link Node}). Use when the implementation is a one-liner or
-   * a pipe composition — no generator overhead.
-   *
-   * Same `E`/`R` propagation semantics as {@link gen}: internal `E`/`R` come
-   * from the returned effect, caller props and children contribute at the
-   * call site, and function-children are supported via the optional second
-   * argument.
-   *
-   * @example
-   * ```ts
-   * const Avatar = Component.make((props: { src: string }) =>
-   *   h.img({ src: props.src, alt: "" }),
-   * );
-   * ```
-   *
-   * @example With function-children
-   * ```ts
-   * const List = Component.make(
-   *   (
-   *     props: { items: readonly string[] },
-   *     children: (item: string) => readonly Renderable[],
-   *   ) => h.ul({}, props.items.flatMap(children)),
-   * );
-   * ```
+   * (typically a {@link Node}). Use when the implementation is a one-liner or a
+   * pipe composition, with no generator overhead. Same `E`/`R` propagation
+   * semantics as {@link gen}: internal `E`/`R` come from the returned effect,
+   * caller props and children contribute at the call site, and function-children
+   * are supported via the optional second argument.
    */
   function make<Eff extends Effect.Effect<any, any, any>, BaseProps = Record<string, never>, C extends Children = readonly Renderable[]>(f: (props: BaseProps, children: C) => Eff): Component<BaseProps, C, Eff extends Effect.Effect<any, infer E, any> ? E : never, Eff extends Effect.Effect<any, any, infer R> ? R : never>;
 }

package/dist/index.js

@@ -1 +1 @@
-import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{Cause as t,Context as n,Data as r,Deferred as i,Effect as a,Filter as o,Option as s,Predicate as c,Result as l,Stream as u,SubscriptionRef as d,identity as f,pipe as p}from"effect";const m=Symbol.for(`@weftui/core/ElementDescriptor`);function h(e){let t=a.succeed(e);return Object.defineProperty(t,m,{value:e,enumerable:!1}),t}function g(e){return a.isEffect(e)&&m in e?e[m]:void 0}var _=e({FAILURE_BOUNDARY:()=>v,SERVER_BOUNDARY:()=>b,SUSPENSE_BOUNDARY:()=>y,catch:()=>S,catchCause:()=>C,catchFilter:()=>E,catchIf:()=>D,catchTag:()=>w,catchTags:()=>T,rpc:()=>k,suspend:()=>O});const v=Symbol.for(`weft/FAILURE_BOUNDARY`),y=Symbol.for(`weft/SUSPENSE_BOUNDARY`),b=Symbol.for(`weft/SERVER_BOUNDARY`);function x(e,t){return h({type:v,props:{match:e,children:t}})}function S(e,n){return x(n=>{let r=t.findErrorOption(n);return s.isSome(r)?e.fallback(r.value):null},n)}function C(e,t){return x(t=>e.fallback(t),t)}function w(e,n){return x(n=>{let r=t.findErrorOption(n);if(s.isNone(r))return null;let i=r.value;return i._tag===e.tag?e.fallback(i):null},n)}function T(e,n){return x(n=>{let r=t.findErrorOption(n);if(s.isNone(r))return null;let i=r.value,a=i._tag;if(a===void 0)return null;let o=e[a];return o?o(i):null},n)}function E(e,n,r){return x(r=>{let i=t.findErrorOption(r);if(s.isNone(i))return null;let a=e(i.value);return l.isSuccess(a)?n(a.success):null},r)}function D(e,n){return x(n=>{let r=t.findErrorOption(n);if(s.isNone(r))return null;let i=r.value;return e.predicate(i)?e.fallback(i):null},n)}function O(e,t){return h({type:y,props:{...e,children:t}})}function k(e,t,n,r){let i=e;return h({type:b,props:{tag:i._tag,payloadSchema:i.payloadSchema,successSchema:i.successSchema,errorSchema:i.errorSchema,payload:t,render:n,fallback:r?.fallback}})}var A=class extends n.Service()(`@weftui/core/AppRpcClient`){};const j=e=>()=>n.Service()(e);function M(e){return typeof e==`object`&&!!e&&u.TypeId in e}function N(e){return M(e)?e:a.isEffect(e)?u.fromEffect(e):u.make(e)}var P=e({TypeId:()=>F,changes:()=>R,get:()=>L,isSubscribable:()=>z,make:()=>I});const F=`~@weftui/core/Subscribable`,I=e=>({[F]:F,get:e.get,changes:e.changes}),L=e=>e.get,R=e=>e.changes,z=e=>c.hasProperty(e,F);var B=class extends r.TaggedError(`NoPropValue`){};let V;(function(e){function n(e,n){return z(e)?a.succeed(e):M(e)?a.gen(function*(){let r=yield*d.make(s.none()),c=yield*i.make(),l=yield*i.make(),m=p(u.runForEach(e,e=>p(d.set(r,s.some(e)),a.andThen(i.succeed(c,e)),a.asVoid)),a.ensuring(p(d.get(r),a.flatMap(e=>s.isNone(e)?a.asVoid(i.fail(c,new B({key:n}))):a.void))),a.onError(e=>t.hasInterruptsOnly(e)?a.void:a.asVoid(i.failCause(l,e))));yield*a.forkScoped(m);let h=p(d.get(r),a.flatMap(e=>s.isSome(e)?a.succeed(e.value):i.await(c))),g=p(d.changes(r),u.filterMap(o.fromPredicateOption(f)),u.interruptWhen(i.await(l)));return I({get:h,changes:g})}):a.isEffect(e)?a.gen(function*(){let t=yield*a.cached(e),n=u.fromEffect(t);return I({get:t,changes:n})}):a.succeed(I({get:a.succeed(e),changes:u.make(e)}))}e.toSubscribable=n})(V||={});const H=Symbol(`@weftui/core/fragment`);function U(e){return((t,n)=>{let r={},i;return Array.isArray(t)||typeof t==`string`||typeof t==`number`?i=t:t!==void 0&&(r=t,n!==void 0&&(i=n)),h({type:e,props:i===void 0?r:{...r,children:i}})})}function W(e=new Map){return new Proxy({fragment(e){return h({type:H,props:{children:e}})}},{get(t,n){return n in t?t[n]:e.get(n)??e.set(n,U(n)).get(n)}})}const G=W(new Map),K=Symbol(`@weftui/core/list`);let q;(function(e){function t(e,t){return h({type:K,props:{of:e.of,by:e.by,render:t}})}e.each=t})(q||={});let J;(function(e){function t(e){return(t,n=[])=>a.gen(function*(){return yield*e(t,n)})}e.gen=t;function n(e){return e}e.make=n})(J||={});export{A as AppRpcClientTag,_ as Boundary,J as Component,v as FAILURE_BOUNDARY,H as FRAGMENT,K as LIST,q as List,B as NoPropValue,b as SERVER_BOUNDARY,y as SUSPENSE_BOUNDARY,j as ServerTag,V as Source,P as Subscribable,h as elementNode,g as getElementDescriptor,G as h,M as isStream,N as toStream};
+import{t as e}from"./rolldown-runtime-DK3Fl9T5.js";import{Cause as t,Context as n,Data as r,Deferred as i,Effect as a,Filter as o,Option as s,Predicate as c,Result as l,Stream as u,SubscriptionRef as d,identity as f,pipe as p}from"effect";const m=Symbol.for(`@weftui/core/ElementDescriptor`);function h(e){let t=a.succeed(e);return Object.defineProperty(t,m,{value:e,enumerable:!1}),t}function g(e){return a.isEffect(e)&&m in e?e[m]:void 0}var _=e({FAILURE_BOUNDARY:()=>v,SERVER_BOUNDARY:()=>b,SUSPENSE_BOUNDARY:()=>y,catch:()=>S,catchCause:()=>C,catchFilter:()=>E,catchIf:()=>D,catchTag:()=>w,catchTags:()=>T,rpc:()=>k,suspend:()=>O});const v=Symbol.for(`weft/FAILURE_BOUNDARY`),y=Symbol.for(`weft/SUSPENSE_BOUNDARY`),b=Symbol.for(`weft/SERVER_BOUNDARY`);function x(e,t){return h({type:v,props:{match:e,children:t}})}function S(e,n){return x(n=>{let r=t.findErrorOption(n);return s.isSome(r)?e.fallback(r.value):null},n)}function C(e,t){return x(t=>e.fallback(t),t)}function w(e,n){return x(n=>{let r=t.findErrorOption(n);if(s.isNone(r))return null;let i=r.value;return i._tag===e.tag?e.fallback(i):null},n)}function T(e,n){return x(n=>{let r=t.findErrorOption(n);if(s.isNone(r))return null;let i=r.value,a=i._tag;if(a===void 0)return null;let o=e[a];return o?o(i):null},n)}function E(e,n,r){return x(r=>{let i=t.findErrorOption(r);if(s.isNone(i))return null;let a=e(i.value);return l.isSuccess(a)?n(a.success):null},r)}function D(e,n){return x(n=>{let r=t.findErrorOption(n);if(s.isNone(r))return null;let i=r.value;return e.predicate(i)?e.fallback(i):null},n)}function O(e,t){return h({type:y,props:{...e,children:t}})}function k(e,t,n,r){let i=e;return h({type:b,props:{tag:i._tag,payloadSchema:i.payloadSchema,successSchema:i.successSchema,errorSchema:i.errorSchema,payload:t,render:n,fallback:r?.fallback}})}var A=class extends n.Service()(`@weftui/core/AppRpcClient`){};const j=e=>()=>n.Service()(e);function M(e){return typeof e==`object`&&!!e&&u.TypeId in e}function N(e){return M(e)?e:a.isEffect(e)?u.fromEffect(e):u.make(e)}var P=e({TypeId:()=>F,changes:()=>z,get:()=>R,isSubscribable:()=>B,make:()=>L});const F=`~@weftui/core/Subscribable`,I=e=>e,L=e=>({[F]:F,get:e.get,changes:e.changes}),R=e=>I(e).get,z=e=>I(e).changes,B=e=>c.hasProperty(e,F);var V=class extends r.TaggedError(`NoPropValue`){};let H;(function(e){function n(e,n){return B(e)?a.succeed(e):M(e)?a.gen(function*(){let r=yield*d.make(s.none()),c=yield*i.make(),l=yield*i.make(),m=p(u.runForEach(e,e=>p(d.set(r,s.some(e)),a.andThen(i.succeed(c,e)),a.asVoid)),a.ensuring(p(d.get(r),a.flatMap(e=>s.isNone(e)?a.asVoid(i.fail(c,new V({key:n}))):a.void))),a.onError(e=>t.hasInterruptsOnly(e)?a.void:a.asVoid(i.failCause(l,e))));yield*a.forkScoped(m);let h=p(d.get(r),a.flatMap(e=>s.isSome(e)?a.succeed(e.value):i.await(c))),g=p(d.changes(r),u.filterMap(o.fromPredicateOption(f)),u.interruptWhen(i.await(l)));return L({get:h,changes:g})}):a.isEffect(e)?a.gen(function*(){let t=yield*a.cached(e),n=u.fromEffect(t);return L({get:t,changes:n})}):a.succeed(L({get:a.succeed(e),changes:u.make(e)}))}e.toSubscribable=n})(H||={});const U=Symbol(`@weftui/core/fragment`);function W(e){return((t,n)=>{let r={},i;return Array.isArray(t)||typeof t==`string`||typeof t==`number`?i=t:t!==void 0&&(r=t,n!==void 0&&(i=n)),h({type:e,props:i===void 0?r:{...r,children:i}})})}function G(e=new Map){return new Proxy({fragment(e){return h({type:U,props:{children:e}})}},{get(t,n){return n in t?t[n]:e.get(n)??e.set(n,W(n)).get(n)}})}const K=G(new Map),q=Symbol(`@weftui/core/list`);let J;(function(e){function t(e,t){return h({type:q,props:{of:e.of,by:e.by,render:t}})}e.each=t})(J||={});let Y;(function(e){function t(e){return(t,n=[])=>a.gen(function*(){return yield*e(t,n)})}e.gen=t;function n(e){return e}e.make=n})(Y||={});export{A as AppRpcClientTag,_ as Boundary,Y as Component,v as FAILURE_BOUNDARY,U as FRAGMENT,q as LIST,J as List,V as NoPropValue,b as SERVER_BOUNDARY,y as SUSPENSE_BOUNDARY,j as ServerTag,H as Source,P as Subscribable,h as elementNode,g as getElementDescriptor,K as h,M as isStream,N as toStream};

package/dist/types/index.d.ts

@@ -1,2 +1,2 @@
-import { C as StyleAttributeValue, S as HTMLAttributeSource, _ as HTMLFormMethod, a as SVGElements, b as HTMLReferrerPolicy, c as HTMLRole, d as EventHandlerFn, f as HTMLAutocapitalize, g as HTMLFormEncType, h as HTMLDir, i as SVGAttributes, l as DOMAttributes, m as HTMLCrossorigin, n as ElementType, o as HTMLAttributes, p as HTMLAutocomplete, r as Renderable, s as HTMLElements, t as ElementDescriptor, u as EventHandler, v as HTMLIframeSandbox, w as StyleProperties, x as AriaAttributes, y as HTMLLinkAs } from "../index-Bsh2WLtx.js";
+import { C as StyleAttributeValue, S as HTMLAttributeSource, _ as HTMLFormMethod, a as SVGElements, b as HTMLReferrerPolicy, c as HTMLRole, d as EventHandlerFn, f as HTMLAutocapitalize, g as HTMLFormEncType, h as HTMLDir, i as SVGAttributes, l as DOMAttributes, m as HTMLCrossorigin, n as ElementType, o as HTMLAttributes, p as HTMLAutocomplete, r as Renderable, s as HTMLElements, t as ElementDescriptor, u as EventHandler, v as HTMLIframeSandbox, w as StyleProperties, x as AriaAttributes, y as HTMLLinkAs } from "../index-CX9uEejU.js";
 export { AriaAttributes, DOMAttributes, ElementDescriptor, ElementType, EventHandler, EventHandlerFn, HTMLAttributeSource, HTMLAttributes, HTMLAutocapitalize, HTMLAutocomplete, HTMLCrossorigin, HTMLDir, HTMLElements, HTMLFormEncType, HTMLFormMethod, HTMLIframeSandbox, HTMLLinkAs, HTMLReferrerPolicy, HTMLRole, Renderable, SVGAttributes, SVGElements, StyleAttributeValue, StyleProperties };

package/docs/explanation/boundaries-and-suspense.md

@@ -2,18 +2,20 @@
 title: Boundaries and Suspense
 order: 4
 section: explanation
-description: How Weft models failure, async, and server data as boundary nodes in the same tree — failure-catch variants, Boundary.suspend, and Boundary.rpc, and how their E/R channels behave.
+description: How Weft models failure, async, and server data as boundary nodes in the same tree. Covers failure-catch variants, Boundary.suspend, and Boundary.rpc, and how their E/R channels behave.
 ---
 
 # Boundaries and Suspense
 
-A **boundary** is a node that intercepts something flowing through the tree — an error, a pending async child, or a server-resolved value — and decides what the DOM shows in its place. Because a boundary is itself a `Node<E, R>` ([nodes are Effects](https://weftui.dev/docs/explanation/rendering-model)), it composes exactly like any other element: you nest it, and its children's channels flow through it under a transformation the boundary defines.
+A **boundary** is a node that intercepts something flowing through the tree: an error, a pending async child, or a server-resolved value. It decides what the DOM shows in its place.
+
+A boundary is itself a `Node<E, R>` ([nodes are Effects](https://weftui.dev/docs/explanation/rendering-model)), so it composes exactly like any other element. You nest it, and its children's channels flow through it under a transformation the boundary defines.
 
 The `Boundary` namespace has three kinds. This page is the conceptual map; the [core reference](https://weftui.dev/docs/reference/core#boundary-namespace) has the full signatures.
 
 ## Failure boundaries
 
-A component's `E` channel accumulates up the tree. A **failure boundary** is where you _discharge_ some of that `E`: it wraps children and, if one of them fails, renders a fallback instead of letting the failure propagate to the mount.
+A component's `E` channel accumulates up the tree. A **failure boundary** is where you _discharge_ some of that `E`. It wraps children and, if one of them fails, renders a fallback instead of letting the failure propagate to the mount.
 
 ```typescript
 import { Boundary, h } from "@weftui/core";
@@ -32,19 +34,25 @@ There are six failure-catch variants, mirroring Effect's own error operators so
 | `catchTag` / `catchTags`  | one / several tagged errors by `_tag`      |
 | `catchFilter` / `catchIf` | a selected subset, by `Filter` / predicate |
 
-The channel algebra is the whole reason they exist: `catchTag("Foo", …)` removes `Foo` from the children's `E` and adds whatever the fallback needs — so the type of the boundary node reflects exactly which failures are still live and which were handled. An unhandled failure re-raises to the **nearest enclosing** boundary; if none catches it at **mount time**, mounting fails. Boundaries nest, so an inner `catchTag` can handle a specific case while an outer `catch` sweeps the rest.
+The channel algebra is the whole reason they exist. `catchTag("Foo", …)` removes `Foo` from the children's `E` and adds whatever the fallback needs. The type of the boundary node therefore reflects exactly which failures are still live and which were handled.
+
+An unhandled failure re-raises to the **nearest enclosing** boundary; if none catches it at **mount time**, mounting fails. Boundaries nest, so an inner `catchTag` can handle a specific case while an outer `catch` sweeps the rest.
 
 ### Post-mount failures with no enclosing boundary
 
-The routing above describes what happens while a node is being built. Once mounted, a reactive region — an attribute, child, or list stream, or a hydrated equivalent — keeps running for the lifetime of its scope, and it can still fail later: a `Stream` backing a `Boundary.rpc` resource might raise `RouterNotFound` after a client-side navigation, for instance. If a `BoundaryContext` encloses the region, the failure routes to it exactly as above, and the boundary's fallback swaps in.
+The routing above describes what happens while a node is being built. Once mounted, a reactive region (an attribute, child, or list stream, or a hydrated equivalent) keeps running for the lifetime of its scope. It can still fail later: a `Stream` backing a `Boundary.rpc` resource might raise `RouterNotFound` after a client-side navigation. If a `BoundaryContext` encloses the region, the failure routes to it exactly as above, and the boundary's fallback swaps in.
+
+If no boundary encloses it, there is nothing to swap to. Weft does not synthesize one. The region's DOM keeps its last rendered content, and a watcher fiber (forked into the same scope alongside the subscription itself) observes its exit directly.
 
-If no boundary encloses it, there is nothing to swap to. Weft does not synthesize one: the region's DOM keeps its last rendered content, and a watcher fiber — forked into the same scope alongside the subscription itself — observes its exit directly. When that exit is a failure whose cause is not interruption-only, Weft reports it explicitly via `Effect.logError(exit.cause)`, annotated with `weft.region` to identify the failing region by kind and identity (e.g. `attribute:class`, `child:stream-3`, `list:stream-2`, `hydrate:stream-1 (/products/42)`). This fires for typed failures and defects alike, in both dev and prod, exactly once per failing region, at the `"Error"` level. Interruption — the ordinary case of unmount tearing down the region's scope — is never reported; only genuine failures are.
+When that exit is a failure whose cause is not interruption-only, Weft reports it explicitly via `Effect.logError(exit.cause)`. The log is annotated with `weft.region` to identify the failing region by kind and identity (e.g. `attribute:class`, `child:stream-3`, `list:stream-2`, `hydrate:stream-1 (/products/42)`). This fires for typed failures and defects alike, in both dev and prod, exactly once per failing region, at the `"Error"` level. Interruption (the ordinary case of unmount tearing down the region's scope) is never reported; only genuine failures are.
 
-This is deliberate: rather than leaving the failure to whatever the Effect runtime would otherwise do with an unobserved fiber exit, Weft observes and logs it itself, so visibility is controlled by the same knobs any Effect program uses — `References.MinimumLogLevel` (provided via `Effect.provideService`) to filter it, or a custom `Logger` to route it elsewhere. A stream that can fail and has no enclosing boundary is a stream whose failures you've chosen not to route into the UI — the log is what tells you that decision has consequences at runtime.
+This is deliberate. Rather than leave the failure to whatever the Effect runtime would do with an unobserved fiber exit, Weft observes and logs it itself. Visibility is therefore controlled by the same knobs any Effect program uses: `References.MinimumLogLevel` (provided via `Effect.provideService`) to filter it, or a custom `Logger` to route it elsewhere.
+
+A stream that can fail and has no enclosing boundary is a stream whose failures you've chosen not to route into the UI. The log is what tells you that decision has consequences at runtime.
 
 ## Suspense boundaries
 
-`Boundary.suspend` wraps async children and shows a `fallback` until **all** of them have emitted their first value, then swaps atomically — either everything is visible or nothing is. This prevents partial flicker when sibling async regions resolve at different times.
+`Boundary.suspend` wraps async children and shows a `fallback` until **all** of them have emitted their first value. Then it swaps atomically: either everything is visible or nothing is. This prevents partial flicker when sibling async regions resolve at different times.
 
 ```typescript
 import { Boundary, h } from "@weftui/core";
@@ -55,37 +63,48 @@ Boundary.suspend({ fallback: h.div({ class: "spinner" }, "Loading…") }, [
 ]);
 ```
 
-A suspense boundary is transparent to the type channels: its node is `Node<ChildrenE, ChildrenR>` — the children's `E`/`R` pass straight through, exactly as they would for a plain `h.*` parent. It changes _timing_ (when the children become visible), not _types_.
+A suspense boundary is transparent to the type channels: its node is `Node<ChildrenE, ChildrenR>`. The children's `E`/`R` pass straight through, exactly as they would for a plain `h.*` parent. It changes _timing_ (when the children become visible), not _types_.
 
-On the server, `renderToStreamHydratable` emits the fallback inline and appends patch scripts as children resolve; on the client, `hydrate` sees through the boundary and adopts the already-resolved DOM directly.
+On the server, `renderToStreamHydratable` emits the fallback inline and appends patch scripts as children resolve. On the client, `hydrate` sees through the boundary and adopts the already-resolved DOM directly.
 
-> **Note.** There is no `Suspense` export — the API is `Boundary.suspend(props, children)`. Reach for it for async that loads **on the client**; for data that must resolve on the **server** and hydrate without a second request, use `Boundary.rpc` (below).
+> **Note.** There is no `Suspense` export; the API is `Boundary.suspend(props, children)`. Reach for it for async that loads **on the client**. For data that must resolve on the **server** and hydrate without a second request, use `Boundary.rpc` (below).
 
 ## The rpc boundary
 
-`Boundary.rpc` is the server-data boundary: it resolves one `Rpc` on the server, serializes the result into the HTML, replays it on the client during `hydrate` (no second request, no flash), and then keeps the region live for `refetch`. Conceptually it is the same idea as the other boundaries — a node that decides what renders in a subtree — but the thing it intercepts is a **round-trip to a server handler**, and instead of a children array it takes a `render` function that receives a reactive [`Resource`](https://weftui.dev/docs/reference/core#resourcea).
+`Boundary.rpc` is the server-data boundary. It:
+
+- resolves one `Rpc` on the server
+- serializes the result into the HTML
+- replays it on the client during `hydrate` (no second request, no flash)
+- keeps the region live for `refetch`
+
+Conceptually it is the same idea as the other boundaries: a node that decides what renders in a subtree. But the thing it intercepts is a **round-trip to a server handler**. Instead of a children array, it takes a `render` function that receives a reactive [`Resource`](https://weftui.dev/docs/reference/core#resourcea).
 
 ```typescript
-import { Boundary, h } from "@weftui/core";
+import { Boundary, h, Subscribable } from "@weftui/core";
 import { Stream } from "effect";
 
 Boundary.rpc(
   GetStock,
   () => ({ id: productId }),
-  (resource) => h.span([Stream.map(resource.value.changes, (s) => String(s.units))]),
+  (resource) => h.span([Stream.map(Subscribable.changes(resource.value), (s) => String(s.units))]),
   { fallback: h.p("loading…") },
 );
 ```
 
-Unlike the failure and suspense boundaries, `Boundary.rpc` is not self-contained: it resolves through the ambient [`AppRpcClientTag`](https://weftui.dev/docs/reference/core#apprpcclienttag) seam that `@weftui/router` provides on both sides. Its channel behavior is also distinct — the rpc's typed `error` schema joins the node's `E` (replayable through an enclosing failure boundary), while `render`'s `R` passes through untouched. The full model — the contract/handler split, the four lifecycles, typed-failure replay — is a **how-to**, not repeated here: [Load Data with RPC](https://weftui.dev/docs/how-to/load-data-with-rpc).
+Unlike the failure and suspense boundaries, `Boundary.rpc` is not self-contained. It resolves through the ambient [`AppRpcClientTag`](https://weftui.dev/docs/reference/core#apprpcclienttag) seam that `@weftui/router` provides on both sides.
+
+Its channel behavior is also distinct. The rpc's typed `error` schema joins the node's `E` (replayable through an enclosing failure boundary), while `render`'s `R` passes through untouched. The full model (the contract/handler split, the four lifecycles, typed-failure replay) is a **how-to**, not repeated here: [Load Data with RPC](https://weftui.dev/docs/how-to/load-data-with-rpc).
 
 ## One tree, three interceptors
 
-The unifying idea: failure, async pending state, and server data are not three separate subsystems bolted onto the renderer. They are three **boundary nodes** in the one tree, each intercepting a different thing flowing through it, each with channel behavior you can read off its type. That is why they nest freely — a `Boundary.catchTag` can wrap a `Boundary.rpc` to catch its typed failure, and a `Boundary.suspend` can wrap async siblings that themselves contain rpc boundaries.
+The unifying idea: failure, async pending state, and server data are not three separate subsystems bolted onto the renderer. They are three **boundary nodes** in the one tree, each intercepting a different thing flowing through it. Each has channel behavior you can read off its type.
+
+That is why they nest freely. A `Boundary.catchTag` can wrap a `Boundary.rpc` to catch its typed failure. A `Boundary.suspend` can wrap async siblings that themselves contain rpc boundaries.
 
 ## See also
 
-- [The Rendering Model](https://weftui.dev/docs/explanation/rendering-model) — why a boundary is just a node in a static tree
-- [`Boundary` API reference](https://weftui.dev/docs/reference/core#boundary-namespace) — every variant's signature and channel algebra
-- [Load Data with RPC](https://weftui.dev/docs/how-to/load-data-with-rpc) — the full `Boundary.rpc` walkthrough and its four lifecycles
-- [Render on the Server](https://weftui.dev/docs/how-to/render-on-the-server) — how suspense and rpc boundaries stream and hydrate
+- [The Rendering Model](https://weftui.dev/docs/explanation/rendering-model): why a boundary is just a node in a static tree
+- [`Boundary` API reference](https://weftui.dev/docs/reference/core#boundary-namespace): every variant's signature and channel algebra
+- [Load Data with RPC](https://weftui.dev/docs/how-to/load-data-with-rpc): the full `Boundary.rpc` walkthrough and its four lifecycles
+- [Render on the Server](https://weftui.dev/docs/how-to/render-on-the-server): how suspense and rpc boundaries stream and hydrate

package/docs/explanation/combinator-api.md

@@ -7,7 +7,9 @@ description: How h, h.fragment, and Component.gen / Component.make work; why Nod
 
 # The Combinator API
 
-Weft builds UI trees by calling builder functions. Because component return types stay as generic `Effect.Effect<ElementDescriptor, E, R>`, the error channel (`E`) and requirements channel (`R`) propagate through the entire tree — visible to the type checker, satisfiable at the mount boundary. JSX collapses every component's return type to an opaque `JSX.Element`, erasing both channels; the combinator API exists specifically to keep them intact.
+Weft builds UI trees by calling builder functions. Because component return types stay as generic `Effect.Effect<ElementDescriptor, E, R>`, the error channel (`E`) and requirements channel (`R`) propagate through the entire tree: visible to the type checker, satisfiable at the mount boundary.
+
+JSX collapses every component's return type to an opaque `JSX.Element`, erasing both channels. The combinator API exists specifically to keep them intact.
 
 ## Nodes are Effects
 
@@ -23,13 +25,13 @@ Nodes are first-class Effects. Everything in the Effect ecosystem works on them
 import { h } from "@weftui/core";
 import { Effect } from "effect";
 
-// yield* in Effect.gen — R propagates into the generator's context
+// yield* in Effect.gen: R propagates into the generator's context
 const node = yield * h.div({ class: "container" }, "Hello");
 
-// pipe — chain Effect operators directly
+// pipe: chain Effect operators directly
 const provided = pipe(h.div(userStream), Effect.provide(UserServiceLive));
 
-// Effect.flatMap — sequence node creation with async logic
+// Effect.flatMap: sequence node creation with async logic
 const card = pipe(
   fetchCard(id),
   Effect.flatMap((data) => h.div({ class: "card" }, data.title)),
@@ -78,7 +80,7 @@ Reactive prop values (any `Stream`, `Effect`, or `Subscribable`) contribute thei
 ```typescript
 declare const colorStream: Stream.Stream<string, never, ThemeService>;
 
-// Node<never, ThemeService> — R comes from the stream prop
+// Node<never, ThemeService>: R comes from the stream prop
 const box = h.div({ style: { color: colorStream } }, "Hello");
 ```
 
@@ -130,7 +132,7 @@ declare const labelStream: Stream.Stream<string, never, I18nService>;
 const btn = Button({ label: labelStream });
 ```
 
-Components also accept an optional `children` argument, either as `readonly Renderable[]` or as a `(input) => readonly Renderable[]` function (render-prop pattern). `E`/`R` from children — including the array returned by a function-children call — accumulate on the resulting node.
+Components also accept an optional `children` argument, either as `readonly Renderable[]` or as a `(input) => readonly Renderable[]` function (render-prop pattern). `E`/`R` from children, including the array returned by a function-children call, accumulate on the resulting node.
 
 Without `Component`, a plain function's return type is fixed at definition time and does not reflect the caller's reactive prop types.
 
@@ -149,16 +151,16 @@ Boundary.suspend({ fallback: h.div({ class: "spinner" }, "Loading...") }, [
 ]);
 ```
 
-The fallback is replaced atomically — either all children are visible or none are. This prevents partial flicker when multiple async siblings resolve at different times. The boundary's node type is `Node<ChildrenE, ChildrenR>`: the children's `E`/`R` channels accumulate onto it, exactly as they would for a plain `h.*` parent.
+The fallback is replaced atomically: either all children are visible or none are. This prevents partial flicker when multiple async siblings resolve at different times. The boundary's node type is `Node<ChildrenE, ChildrenR>`: the children's `E`/`R` channels accumulate onto it, exactly as they would for a plain `h.*` parent.
 
 On the server, `renderToStreamHydratable` emits the fallback inline and appends patch scripts as children resolve. On the client, `hydrate` sees through `Boundary.suspend` boundaries and adopts the already-resolved DOM directly.
 
-`Boundary.suspend` is one of the boundary combinators — see the [core reference](https://weftui.dev/docs/reference/core#boundarysuspend) for the full `Boundary.*` surface, including the failure-catch variants and `Boundary.rpc`.
+`Boundary.suspend` is one of the boundary combinators. See the [core reference](https://weftui.dev/docs/reference/core#boundarysuspend) for the full `Boundary.*` surface, including the failure-catch variants and `Boundary.rpc`.
 
 ## See also
 
-- [The Rendering Model](https://weftui.dev/docs/explanation/rendering-model) — why a `Node` is an `Effect` and how the tree renders
-- [Reactive Primitives](https://weftui.dev/docs/explanation/reactive-primitives) — the `Source` vocabulary that reactive props and children accept
-- [Boundaries and Suspense](https://weftui.dev/docs/explanation/boundaries-and-suspense) — the boundary combinators as tree nodes
-- [Author Components](https://weftui.dev/docs/how-to/author-components) — `Component.gen` / `Component.make` in practice
+- [The Rendering Model](https://weftui.dev/docs/explanation/rendering-model): why a `Node` is an `Effect` and how the tree renders
+- [Reactive Primitives](https://weftui.dev/docs/explanation/reactive-primitives): the `Source` vocabulary that reactive props and children accept
+- [Boundaries and Suspense](https://weftui.dev/docs/explanation/boundaries-and-suspense): the boundary combinators as tree nodes
+- [Author Components](https://weftui.dev/docs/how-to/author-components): `Component.gen` / `Component.make` in practice
 - [`@weftui/core` reference](https://weftui.dev/docs/reference/core)