@astrale-os/shell-react 0.1.0 → 0.2.1

package/src/auth/act-as.context.tsx

@@ -11,9 +11,9 @@ import type { ReactElement, ReactNode } from 'react'
  */
 import { createContext, useContext, useEffect, useMemo, useState } from 'react'
 
-import type { SelfNode } from '../session/session.context'
+import type { SelfNode } from '../session/session.context.js'
 
-import { ShellContext } from '../session/session.context'
+import { ShellContext } from '../session/session.context.js'
 
 /** A bound session view — the kernel surface `session.as(cred)` yields. */
 export type SessionView = BoundClientSessionView<FnMap>

package/src/auth/auth.hook.ts

@@ -11,10 +11,10 @@ import type { AuthApi } from '@astrale-os/kernel-client/auth'
  */
 import { useMemo } from 'react'
 
-import type { SessionView } from './act-as.context'
+import type { SessionView } from './act-as.context.js'
 
-import { useIdentityBinding } from './act-as.context'
-import { ledgerFor } from './can.hook'
+import { useIdentityBinding } from './act-as.context.js'
+import { ledgerFor } from './can.hook.js'
 
 export function useAuth(): AuthApi {
   const { kernel } = useIdentityBinding()

package/src/auth/can.hook.ts

@@ -12,10 +12,10 @@ import { rawOf } from '@astrale-os/kernel-client/graph'
  */
 import { useCallback, useMemo, useSyncExternalStore } from 'react'
 
-import type { NodeValue, SessionView } from './act-as.context'
+import type { NodeValue, SessionView } from './act-as.context.js'
 
-import { isIdleInput } from '../graph/memory/read/idle'
-import { useIdentityBinding } from './act-as.context'
+import { isIdleInput } from '../graph/memory/read/idle.js'
+import { useIdentityBinding } from './act-as.context.js'
 
 const NOOP_UNSUB = (): void => undefined
 

package/src/auth/index.ts

@@ -1,6 +1,6 @@
 // auth — API §4 (useSelf, useCan, useAuth, ActAs). See SHELL_REACT_API.md.
-export { ActAs } from './act-as.context'
-export type { ActAsProps } from './act-as.context'
-export { useAuth } from './auth.hook'
-export { useCan } from './can.hook'
-export { useSelf } from './self.hook'
+export { ActAs } from './act-as.context.js'
+export type { ActAsProps } from './act-as.context.js'
+export { useAuth } from './auth.hook.js'
+export { useCan } from './can.hook.js'
+export { useSelf } from './self.hook.js'

package/src/auth/self.hook.ts

@@ -1,4 +1,4 @@
-import type { NodeValue } from './act-as.context'
+import type { NodeValue } from './act-as.context.js'
 
 /**
  * useSelf (API §4) — the caller's identity node, resolved at boot and read
@@ -7,7 +7,7 @@ import type { NodeValue } from './act-as.context'
  * live memory shape once the graph plane subscribes the self node — no signature
  * change.
  */
-import { useIdentityBinding } from './act-as.context'
+import { useIdentityBinding } from './act-as.context.js'
 
 export function useSelf(): NodeValue {
   return useIdentityBinding().self

package/src/auth/session-kernel.ts

@@ -7,10 +7,10 @@
  */
 import { useContext } from 'react'
 
-import type { SessionView } from './act-as.context'
+import type { SessionView } from './act-as.context.js'
 
-import { ShellContext } from '../session/session.context'
-import { IdentityContext } from './act-as.context'
+import { ShellContext } from '../session/session.context.js'
+import { IdentityContext } from './act-as.context.js'
 
 /** The EFFECTIVE dispatch kernel for this subtree. Throws outside a provider. */
 export function useSessionKernel(): SessionView {

package/src/graph/async.ts

@@ -6,7 +6,7 @@
  */
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
 
-import type { ReadState } from './memory/read/envelope'
+import type { ReadState } from './memory/read/envelope.js'
 
 export interface AsyncResource<T> extends ReadState {
   readonly data: T

package/src/graph/call/call.hook.ts

@@ -6,10 +6,10 @@
  */
 import type { CallFns, FnMap } from '@astrale-os/kernel-client'
 
-import type { Action } from '../action'
+import type { Action } from '../action.js'
 
-import { useSessionKernel } from '../../auth/session-kernel'
-import { useAction } from '../action'
+import { useSessionKernel } from '../../auth/session-kernel.js'
+import { useAction } from '../action.js'
 
 export interface CallOptions {
   /** Per-call timeout (ms), forwarded to the kernel dispatch. */

package/src/graph/call/stream.hook.ts

@@ -8,7 +8,7 @@ import type { FnMap, StreamFns } from '@astrale-os/kernel-client'
  */
 import { useCallback, useEffect, useReducer, useRef } from 'react'
 
-import { useSessionKernel } from '../../auth/session-kernel'
+import { useSessionKernel } from '../../auth/session-kernel.js'
 
 export interface StreamOptions<T> {
   /** Notified per chunk as it arrives (in addition to `chunks` accumulation). */

package/src/graph/index.ts

@@ -1,20 +1,20 @@
 // graph — the graph plane (API §5 + §7). Merged read hooks, writes, dispatch.
-export { useNode } from './query/node.hook'
-export type { NodeResult } from './query/node.hook'
-export { useChildren } from './query/children.hook'
-export type { ChildrenOptions, ChildrenResult } from './query/children.hook'
-export { useQuery } from './query/query.hook'
-export type { QueryResult } from './query/query.hook'
-export { useGraph } from './query/graph.hook'
-export { useMutate } from './mutate/mutate.hook'
-export type { UseMutateOptions } from './mutate/mutate.hook'
-export { useMove } from './mutate/move.hook'
-export type { MoveAction } from './mutate/move.hook'
-export { useCall } from './call/call.hook'
-export type { CallOptions } from './call/call.hook'
-export { useStream } from './call/stream.hook'
-export type { StreamHandle, StreamOptions } from './call/stream.hook'
-export type { Action } from './action'
-export type { ReadState, ReadOptions, Windowed, Node } from './memory/read/envelope'
-export type { GraphMemory } from './graph.context'
+export { useNode } from './query/node.hook.js'
+export type { NodeResult } from './query/node.hook.js'
+export { useChildren } from './query/children.hook.js'
+export type { ChildrenOptions, ChildrenResult } from './query/children.hook.js'
+export { useQuery } from './query/query.hook.js'
+export type { QueryResult } from './query/query.hook.js'
+export { useGraph } from './query/graph.hook.js'
+export { useMutate } from './mutate/mutate.hook.js'
+export type { UseMutateOptions } from './mutate/mutate.hook.js'
+export { useMove } from './mutate/move.hook.js'
+export type { MoveAction } from './mutate/move.hook.js'
+export { useCall } from './call/call.hook.js'
+export type { CallOptions } from './call/call.hook.js'
+export { useStream } from './call/stream.hook.js'
+export type { StreamHandle, StreamOptions } from './call/stream.hook.js'
+export type { Action } from './action.js'
+export type { ReadState, ReadOptions, Windowed, Node } from './memory/read/envelope.js'
+export type { GraphMemory } from './graph.context.js'
 export type { ShapeInput } from '@astrale-os/kernel-client/store'

package/src/graph/memory/read/idle.ts

@@ -3,7 +3,7 @@
  * inert: `isIdleInput` is the one gate every read branches on, and
  * `idleReadState` is the settled, not-live, seq-0 envelope it returns.
  */
-import type { ReadState } from './envelope'
+import type { ReadState } from './envelope.js'
 
 /**
  * The chaining rule: every read hook accepts `null | undefined` for its subject

package/src/graph/memory/read/read.ts

@@ -14,11 +14,11 @@ import { canonicalizeAST, shapeInputToAST, stableStringify } from '@astrale-os/k
  */
 import { useCallback, useRef, useSyncExternalStore } from 'react'
 
-import type { CoreReadOptions, RawRead } from './envelope'
+import type { CoreReadOptions, RawRead } from './envelope.js'
 
-import { useMemory } from '../scope'
-import { EMPTY_PENDING, IDLE_READ, withPending } from './envelope'
-import { isIdleInput } from './idle'
+import { useMemory } from '../scope.js'
+import { EMPTY_PENDING, IDLE_READ, withPending } from './envelope.js'
+import { isIdleInput } from './idle.js'
 
 const NOOP_UNSUB = (): void => {}
 const IDLE_TOKEN = ' idle'

package/src/graph/memory/scope.ts

@@ -9,9 +9,9 @@ import type { GraphMemory } from '@astrale-os/kernel-client/store'
  */
 import { useContext, useMemo } from 'react'
 
-import { IdentityContext } from '../../auth/act-as.context'
-import { ShellContext } from '../../session/session.context'
-import { baseMemoryFor } from './base'
+import { IdentityContext } from '../../auth/act-as.context.js'
+import { ShellContext } from '../../session/session.context.js'
+import { baseMemoryFor } from './base.js'
 
 /**
  * The memory for this subtree. Throws outside a `<ShellProvider>`. Above any

package/src/graph/mutate/move.hook.ts

@@ -11,12 +11,12 @@ import { rawOf } from '@astrale-os/kernel-client/graph'
  */
 import { useCallback } from 'react'
 
-import type { Action } from '../action'
-import type { Node } from '../memory/read/envelope'
+import type { Action } from '../action.js'
+import type { Node } from '../memory/read/envelope.js'
 
-import { useSessionKernel } from '../../auth/session-kernel'
-import { useAction } from '../action'
-import { useMemory } from '../memory/scope'
+import { useSessionKernel } from '../../auth/session-kernel.js'
+import { useAction } from '../action.js'
+import { useMemory } from '../memory/scope.js'
 
 export type MoveAction = Action<[node: Node | NodeRefInput, to: PathLike], void>
 

package/src/graph/mutate/mutate.hook.ts

@@ -9,10 +9,10 @@ import type { GraphMemory } from '@astrale-os/kernel-client/store'
  */
 import { useCallback, useRef } from 'react'
 
-import type { Action } from '../action'
+import type { Action } from '../action.js'
 
-import { useAction } from '../action'
-import { useMemory } from '../memory/scope'
+import { useAction } from '../action.js'
+import { useMemory } from '../memory/scope.js'
 
 export interface UseMutateOptions<A extends unknown[], R> {
   /**

package/src/graph/query/children.hook.ts

@@ -17,11 +17,11 @@ import { rawOf } from '@astrale-os/kernel-client/graph'
  */
 import { useMemo } from 'react'
 
-import type { TypedChildrenResult } from '../../schema/types'
-import type { ReadState, Node, ReadOptions, Windowed } from '../memory/read/envelope'
+import type { TypedChildrenResult } from '../../schema/types.js'
+import type { ReadState, Node, ReadOptions, Windowed } from '../memory/read/envelope.js'
 
-import { useChildren as useChildrenTyped } from '../../schema/bind-read'
-import { useRead } from '../memory/read/read'
+import { useChildren as useChildrenTyped } from '../../schema/bind-read.js'
+import { useRead } from '../memory/read/read.js'
 
 export interface ChildrenOptions extends ReadOptions {
   /** Restrict to these classes (dual-path descent filter). */

package/src/graph/query/graph.hook.ts

@@ -5,7 +5,7 @@
  */
 import type { GraphMemory } from '@astrale-os/kernel-client/store'
 
-import { useMemory } from '../memory/scope'
+import { useMemory } from '../memory/scope.js'
 
 /** The memory for this subtree — the raw floor plus optimistic-auto shorthands (§5). */
 export function useGraph(): GraphMemory {

package/src/graph/query/neighbors.hook.ts

@@ -8,11 +8,11 @@ import type { Schema } from '@astrale-os/kernel-dsl'
  */
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
 
-import type { EndpointResult } from '../../schema/types'
-import type { ReadState, ReadOptions } from '../memory/read/envelope'
+import type { EndpointResult } from '../../schema/types.js'
+import type { ReadState, ReadOptions } from '../memory/read/envelope.js'
 
-import { schemaOf, tagSchema } from '../../schema/tag'
-import { isIdleInput } from '../memory/read/idle'
+import { schemaOf, tagSchema } from '../../schema/tag.js'
+import { isIdleInput } from '../memory/read/idle.js'
 
 export function useOut<S extends Schema, E extends EdgeNames<S>>(
   node: AnyBoundNode<S> | null | undefined,

package/src/graph/query/node.hook.ts

@@ -11,11 +11,11 @@ import type { Schema } from '@astrale-os/kernel-dsl'
  */
 import { useMemo } from 'react'
 
-import type { TypedNodeResult } from '../../schema/types'
-import type { ReadState, Node, ReadOptions } from '../memory/read/envelope'
+import type { TypedNodeResult } from '../../schema/types.js'
+import type { ReadState, Node, ReadOptions } from '../memory/read/envelope.js'
 
-import { useNode as useNodeTyped } from '../../schema/bind-read'
-import { useRead } from '../memory/read/read'
+import { useNode as useNodeTyped } from '../../schema/bind-read.js'
+import { useRead } from '../memory/read/read.js'
 
 export interface NodeResult extends ReadState {
   /** The node, or `null` when missing ≡ masked (never throws NOT_FOUND). */

package/src/graph/query/query.hook.ts

@@ -7,9 +7,9 @@ import type { GatherBuilder, QueryASTInput, QuerySource } from '@astrale-os/kern
  */
 import { useMemo } from 'react'
 
-import type { ReadState, Node, ReadOptions, Windowed } from '../memory/read/envelope'
+import type { ReadState, Node, ReadOptions, Windowed } from '../memory/read/envelope.js'
 
-import { useRead } from '../memory/read/read'
+import { useRead } from '../memory/read/read.js'
 
 export interface QueryResult extends ReadState, Windowed {
   readonly nodes: readonly Node[]

package/src/index.ts

@@ -9,14 +9,14 @@
  */
 
 // ─── session (§2 provider + §3) ──────────────────────────────────────────────
-export { ShellProvider } from './session'
-export type { ShellError, ShellProviderProps } from './session'
-export { useConnection, useKernelClient, useKernelInstance, useShell } from './session'
-export type { KernelInstance } from './session'
+export { ShellProvider } from './session/index.js'
+export type { ShellError, ShellProviderProps } from './session/index.js'
+export { useConnection, useKernelClient, useKernelInstance, useShell } from './session/index.js'
+export type { KernelInstance } from './session/index.js'
 
 // ─── auth (§4) ───────────────────────────────────────────────────────────────
-export { ActAs, useAuth, useCan, useSelf } from './auth'
-export type { ActAsProps } from './auth'
+export { ActAs, useAuth, useCan, useSelf } from './auth/index.js'
+export type { ActAsProps } from './auth/index.js'
 
 // ─── graph — the untyped floor + writes + dispatch (§5, §7) ──────────────────
 // `useNode`/`useChildren` are single symbols merging the untyped floor + typed
@@ -30,7 +30,7 @@ export {
   useNode,
   useQuery,
   useStream,
-} from './graph'
+} from './graph/index.js'
 export type {
   ChildrenOptions,
   ChildrenResult,
@@ -41,13 +41,13 @@ export type {
   QueryResult,
   ShapeInput,
   UseMutateOptions,
-} from './graph'
-export type { CallOptions, StreamHandle, StreamOptions } from './graph'
+} from './graph/index.js'
+export type { CallOptions, StreamHandle, StreamOptions } from './graph/index.js'
 
 // ─── schema — the typed substrate (§6) ───────────────────────────────────────
-export { useDomain, useFunction, useIn, useKernel, useMethod, useOut } from './schema'
-export type { FunctionOptions } from './schema'
-export type { MethodOptions } from './schema'
+export { useDomain, useFunction, useIn, useKernel, useMethod, useOut } from './schema/index.js'
+export type { FunctionOptions } from './schema/index.js'
+export type { MethodOptions } from './schema/index.js'
 export type {
   AutoMethodAction,
   BoundMethodAction,
@@ -62,7 +62,7 @@ export type {
   TargetedMethodAction,
   TypedChildrenResult,
   TypedNodeResult,
-} from './schema'
+} from './schema/index.js'
 
 // ─── navigation (§8) ─────────────────────────────────────────────────────────
 export {
@@ -74,7 +74,7 @@ export {
   useLocation,
   useNavScope,
   useNavigate,
-} from './navigation'
+} from './navigation/index.js'
 export type {
   LinkProps,
   MissingPolicy,
@@ -86,11 +86,11 @@ export type {
   NavTarget,
   Navigate,
   SerializedLocation,
-} from './navigation'
+} from './navigation/index.js'
 
 // ─── selection (§9) ──────────────────────────────────────────────────────────
-export { SelectionScope, useSelection } from './selection'
-export type { Selection, SelectionScopeProps } from './selection'
+export { SelectionScope, useSelection } from './selection/index.js'
+export type { Selection, SelectionScopeProps } from './selection/index.js'
 
 // ─── window (§10) ────────────────────────────────────────────────────────────
 export {
@@ -102,7 +102,7 @@ export {
   useWindows,
   ViewHost,
   ViewStage,
-} from './window'
+} from './window/index.js'
 export type {
   CloseGuard,
   CloseVerdict,
@@ -114,11 +114,11 @@ export type {
   WindowListEntry,
   WindowState,
   WindowView,
-} from './window'
+} from './window/index.js'
 
 // ─── intents (§11) ───────────────────────────────────────────────────────────
-export { useIntent, useSendIntent } from './intents'
-export type { IntentCtx, IntentPayload, IntentReply, SendIntent } from './intents'
+export { useIntent, useSendIntent } from './intents/index.js'
+export type { IntentCtx, IntentPayload, IntentReply, SendIntent } from './intents/index.js'
 
 // ─── application — the OS plane (§12) ────────────────────────────────────────
 export {
@@ -131,7 +131,7 @@ export {
   useSpace,
   useSpaces,
   useUser,
-} from './application'
+} from './application/index.js'
 export type {
   AppHostFallbackState,
   AppHostProps,
@@ -141,15 +141,15 @@ export type {
   RolesResult,
   SpaceResult,
   SpacesResult,
-} from './application'
+} from './application/index.js'
 // OS node/session types (from the shell package, single import surface).
 export type { ApplicationNode, AppSession, RoleNode, SpaceNode, UserNode } from '@astrale-os/shell'
 
 // ─── shared envelopes (§1) ───────────────────────────────────────────────────
-export type { Action, ReadState, ReadOptions, Windowed } from './graph'
+export type { Action, ReadState, ReadOptions, Windowed } from './graph/index.js'
 
 // ─── error taxonomy (§1.4) — guards + classes, re-exported from kernel-client ─
-export * from './graph/guards.error'
+export * from './graph/guards.error.js'
 
 // ─── re-exported kernel-client types (one import surface, §0 preamble) ───────
 export {

package/src/intents/index.ts

@@ -1,6 +1,6 @@
 // intents — API §11 (useIntent, useSendIntent). See SHELL_REACT_API.md.
-export { useIntent } from './listen-intent.hook'
-export type { IntentCtx } from './listen-intent.hook'
-export { useSendIntent } from './send-intent.hook'
-export type { SendIntent } from './send-intent.hook'
-export type { IntentPayload, IntentReply } from './envelope'
+export { useIntent } from './listen-intent.hook.js'
+export type { IntentCtx } from './listen-intent.hook.js'
+export { useSendIntent } from './send-intent.hook.js'
+export type { SendIntent } from './send-intent.hook.js'
+export type { IntentPayload, IntentReply } from './envelope.js'

package/src/intents/listen-intent.hook.ts

@@ -10,11 +10,11 @@ import type { IntentMessage, IntentRegistry } from '@astrale-os/shell'
  */
 import { useEffect, useRef } from 'react'
 
-import type { IntentPayload, IntentReply } from './envelope'
+import type { IntentPayload, IntentReply } from './envelope.js'
 
-import { useShell } from '../session/shell.hook'
-import { NOOP } from './envelope'
-import { sendReply } from './reply'
+import { useShell } from '../session/shell.hook.js'
+import { NOOP } from './envelope.js'
+import { sendReply } from './reply.js'
 
 /** Delivery context passed alongside an inbound intent's payload. */
 export interface IntentCtx<K extends keyof IntentRegistry> {

package/src/intents/reply.ts

@@ -5,7 +5,7 @@
  */
 import type { Shell } from '@astrale-os/shell'
 
-import { INTENT_REPLY, PARENT_SENDER, intentMessage } from './envelope'
+import { INTENT_REPLY, PARENT_SENDER, intentMessage } from './envelope.js'
 
 /** Deliver a reply to whichever channel the request arrived on. Best-effort. */
 export function sendReply(

package/src/intents/send-intent.hook.ts

@@ -9,10 +9,10 @@ import type { IntentMessage, IntentRegistry, Shell } from '@astrale-os/shell'
  */
 import { useCallback, useEffect, useRef } from 'react'
 
-import type { IntentPayload, IntentReply } from './envelope'
+import type { IntentPayload, IntentReply } from './envelope.js'
 
-import { useShell } from '../session/shell.hook'
-import { INTENT_REPLY, NOOP, intentMessage } from './envelope'
+import { useShell } from '../session/shell.hook.js'
+import { INTENT_REPLY, NOOP, intentMessage } from './envelope.js'
 
 /** The typed sender returned by {@link useSendIntent}. */
 export interface SendIntent {

package/src/navigation/adapters/adapter.ts

@@ -3,7 +3,7 @@
  * location through. `href` is the URL-form probe `<Link>` needs: present → an
  * `<a href>` (cmd/ctrl-click falls through); absent → `role="link"`.
  */
-import type { SerializedLocation } from '../history'
+import type { SerializedLocation } from '../history.js'
 
 export interface NavAdapter {
   read(): SerializedLocation | null

package/src/navigation/adapters/memory.adapter.ts

@@ -2,8 +2,8 @@
  * memoryAdapter (API §8.1) — the default scope backing: holds one location in a
  * closure (per-pane state, no URL form → Link renders `role="link"`).
  */
-import type { SerializedLocation } from '../history'
-import type { NavAdapter } from './adapter'
+import type { SerializedLocation } from '../history.js'
+import type { NavAdapter } from './adapter.js'
 
 /** In-memory adapter — the default scope backing (per-pane state, no URL). */
 export function memoryAdapter(initial?: SerializedLocation): NavAdapter {

package/src/navigation/adapters/url.adapter.ts

@@ -3,8 +3,8 @@
  * query string (URL form → `<a href>`), owning the nav query keys (`param`,
  * `view`, the location's `params`).
  */
-import type { SerializedLocation } from '../history'
-import type { NavAdapter } from './adapter'
+import type { SerializedLocation } from '../history.js'
+import type { NavAdapter } from './adapter.js'
 
 const VIEW_KEY = 'view'
 

package/src/navigation/hooks/ancestors.hook.ts

@@ -8,14 +8,14 @@ import type { LiveResult, ShapeInput } from '@astrale-os/kernel-client/store'
  */
 import { useMemo } from 'react'
 
-import type { ReadState } from '../../graph/memory/read/envelope'
-import type { Node } from '../location'
+import type { ReadState } from '../../graph/memory/read/envelope.js'
+import type { Node } from '../location.js'
 
-import { idleReadState } from '../../graph/memory/read/idle'
-import { useMemory } from '../../graph/memory/scope'
-import { chainPaths, pathHint, pathOf } from '../location'
-import { useHistoryVersion, useOptionalNavCtx, useMemoryShape } from '../scope.context'
-import { serializeTarget } from '../snapshot'
+import { idleReadState } from '../../graph/memory/read/idle.js'
+import { useMemory } from '../../graph/memory/scope.js'
+import { chainPaths, pathHint, pathOf } from '../location.js'
+import { useHistoryVersion, useOptionalNavCtx, useMemoryShape } from '../scope.context.js'
+import { serializeTarget } from '../snapshot.js'
 
 /**
  * The root-first ancestor chain (inclusive of the node itself), live: a move

package/src/navigation/hooks/location.hook.ts

@@ -4,10 +4,10 @@
  */
 import { useMemo } from 'react'
 
-import type { NavLocation } from '../location'
+import type { NavLocation } from '../location.js'
 
-import { buildLocation, useSettled } from '../location'
-import { useHistoryVersion, useNavCtx, useMemoryShape } from '../scope.context'
+import { buildLocation, useSettled } from '../location.js'
+import { useHistoryVersion, useNavCtx, useMemoryShape } from '../scope.context.js'
 
 /** The nearest scope's live location. Throws outside any {@link NavScope}. */
 export function useLocation(): NavLocation {

package/src/navigation/hooks/navigate.hook.ts

@@ -5,9 +5,9 @@
  */
 import { useMemo } from 'react'
 
-import type { MutableNavigate, NavCtx, Navigate } from '../scope.context'
+import type { MutableNavigate, NavCtx, Navigate } from '../scope.context.js'
 
-import { useHistoryVersion, useNavCtx } from '../scope.context'
+import { useHistoryVersion, useNavCtx } from '../scope.context.js'
 
 /** The nearest scope's imperative navigation surface. Throws outside a scope. */
 export function useNavigate(): Navigate {

package/src/navigation/hooks/scope.hook.ts

@@ -5,13 +5,13 @@
  */
 import { useCallback, useMemo } from 'react'
 
-import type { NavSnapshot } from '../history'
-import type { NavLocation } from '../location'
-import type { Navigate } from '../scope.context'
+import type { NavSnapshot } from '../history.js'
+import type { NavLocation } from '../location.js'
+import type { Navigate } from '../scope.context.js'
 
-import { buildLocation, useSettled } from '../location'
-import { useNavCtx, useMemoryShape } from '../scope.context'
-import { useNavigateHandle } from './navigate.hook'
+import { buildLocation, useSettled } from '../location.js'
+import { useNavCtx, useMemoryShape } from '../scope.context.js'
+import { useNavigateHandle } from './navigate.hook.js'
 
 /** The nearest scope, for chrome/persistence (API §8.2). */
 export interface NavScopeHandle {