stream-chat-react 14.11.1 → 15.0.0-rc.1

package/dist/es/plugins/SlotLayout/ChatViewNavigationContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatViewNavigationContext.mjs","names":[],"sources":["../../../../src/plugins/SlotLayout/ChatViewNavigationContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo } from 'react';\n\nimport { useStateStore } from '../../store';\nimport {\n  createChatViewSlotBinding,\n  getChatViewEntityBinding,\n  useChatViewContext,\n} from './ChatView';\nimport {\n  isPersistentSlotKind,\n  resolveSlotKindView,\n  useSlotRegistry,\n} from './slotRegistry';\n\nimport type { PropsWithChildren } from 'react';\nimport type {\n  LocalMessage,\n  Channel as StreamChannel,\n  StreamChat,\n  Thread as StreamThread,\n} from 'stream-chat';\nimport { Thread as StreamThreadClass } from 'stream-chat';\nimport type {\n  ChatView,\n  ChatViewEntityBinding,\n  ResolveViewActionTargetSlotArgs,\n} from './ChatView';\nimport { getLayoutViewState, useLayoutViewState } from './hooks/useLayoutViewState';\nimport type {\n  ChatViewLayoutState,\n  ChatViewLayoutViewState,\n  LayoutSlotBinding,\n  OpenResult,\n  SlotName,\n} from './layoutController/layoutControllerTypes';\n\ntype ViewSlotRuntime = {\n  activeViewState: ChatViewLayoutViewState;\n  availableSlots: SlotName[];\n  orderedSlots: SlotName[];\n  slotBindings: Record<SlotName, LayoutSlotBinding | undefined>;\n  slotLayers: Record<SlotName, LayoutSlotBinding[] | undefined>;\n};\n\n// D6 — the resolver is kind-driven and persistent-aware (via the registry), not\n// keyed on a fixed set of actions or a hardcoded list-kind set. Precedence:\n// reuse a same-kind slot -> first free non-persistent -> first free -> first\n// non-persistent. Persistent (list) slots are never an implicit target and there\n// is deliberately no \"last slot\" fallback, so when only persistent slots remain\n// the resolver returns undefined and `openInLayout` rejects rather than\n// destroying a list.\nconst resolveDefaultTargetSlot = ({\n  additive,\n  isPersistentSlot,\n  kind,\n  requestedSlot,\n  runtime,\n}: {\n  additive?: boolean;\n  isPersistentSlot: (slot: SlotName) => boolean;\n  kind: ChatViewEntityBinding['kind'];\n  requestedSlot?: SlotName;\n  runtime: ViewSlotRuntime;\n}): SlotName | undefined => {\n  if (requestedSlot && runtime.availableSlots.includes(requestedSlot)) {\n    return requestedSlot;\n  }\n\n  const readSlotKind = (slot: SlotName) =>\n    getChatViewEntityBinding(runtime.slotBindings[slot])?.kind;\n  // A slot is \"free\" only when it has neither a base binding NOR a covering layer stack — binding\n  // into the base beneath a layer would render invisibly, so a layered slot counts as occupied.\n  const isFree = (slot: SlotName) =>\n    !runtime.slotBindings[slot] && !runtime.slotLayers[slot]?.length;\n  const sameKind = runtime.availableSlots.find((slot) => readSlotKind(slot) === kind);\n  const firstFreeNonPersistent = runtime.availableSlots.find(\n    (slot) => isFree(slot) && !isPersistentSlot(slot),\n  );\n  const firstFree = runtime.availableSlots.find((slot) => isFree(slot));\n  // When every slot is occupied, evict the LAST non-persistent slot rather than the first.\n  // Slots run primary -> secondary, so the first slot holds the anchor content (e.g. the main\n  // channel); a newly-opened panel — a reply thread opened while a 2nd channel occupies the\n  // secondary slot, say — should replace the most-recent secondary panel, never make the\n  // primary disappear.\n  const lastNonPersistent = [...runtime.availableSlots]\n    .reverse()\n    .find((slot) => !isPersistentSlot(slot));\n\n  // `additive` opens *beside* existing content (ctrl/⌘-click): skip the same-kind slot, which\n  // would replace the current primary, and prefer a free/secondary slot instead. In a\n  // single-slot layout it falls through to that slot, so it degrades to a normal open.\n  if (additive) {\n    return firstFreeNonPersistent ?? firstFree ?? lastNonPersistent;\n  }\n\n  return sameKind ?? firstFreeNonPersistent ?? firstFree ?? lastNonPersistent;\n};\n\nexport type OpenThreadTarget =\n  | StreamThread\n  | { channel: StreamChannel; message: LocalMessage };\n\n/**\n * Binding builder for the `thread` kind (D6). The `{ channel, message }` ->\n * `Thread` construction (with dedupe against `client.threads`) lives here so\n * callers can drive the generic `open` with a ready binding instead of a\n * thread-specific navigation method.\n */\nexport const createThreadEntityBinding = (\n  client: StreamChat,\n  target: { channel: StreamChannel; message: LocalMessage },\n): ChatViewEntityBinding => {\n  const existingThread = client.threads.threadsById[target.message.id];\n  const thread =\n    existingThread ??\n    new StreamThreadClass({\n      channel: target.channel,\n      client,\n      parentMessage: target.message,\n    });\n  return { key: thread.id ?? undefined, kind: 'thread', source: thread };\n};\n\n/** Options for {@link ChatViewNavigation.open}. */\nexport type ChatViewOpenOptions = {\n  /**\n   * Open *beside* existing content instead of replacing it.\n   *\n   * By default `open` reuses the slot that already holds the binding's `kind` (so selecting a\n   * channel replaces the current channel). With `additive: true` the resolver skips that\n   * same-kind slot and instead targets the first free non-persistent slot — falling back to the\n   * last non-persistent slot when every slot is occupied. The effect is that the entity opens in\n   * a *secondary* slot next to the current one (e.g. ctrl/⌘-click a channel to open a 2nd channel\n   * side-by-side, or a search result beside the open channel).\n   *\n   * In a single-slot layout there is no secondary slot to open into, so it falls back to that\n   * one slot and behaves like a normal open. Ignored when an explicit `slot` is provided.\n   *\n   * @default false\n   */\n  additive?: boolean;\n  /**\n   * Open non-destructively: push the binding as a **layer** on top of the resolved target slot's\n   * current content instead of replacing it, and skip dependent-slot invalidation (nothing is\n   * being replaced). `close`/`popLayer` on that slot later restores what was underneath, at its\n   * exact state. Compose with `additive` to target the *secondary* slot — e.g.\n   * `open(channel, { additive: true, layer: true })` stacks a channel over an open reply thread\n   * without closing it. Orthogonal to slot resolution: `layer` chooses stack-vs-replace, while\n   * `slot`/`additive` choose *which* slot.\n   *\n   * @default false\n   */\n  layer?: boolean;\n  /**\n   * Bind into this specific slot, when it exists in the target view's layout. Takes precedence\n   * over `additive` and over the default kind-based slot resolution. Ignored (falls back to the\n   * default resolution) when the named slot is not part of the active layout.\n   */\n  slot?: SlotName;\n};\n\nexport type ChatViewNavigation = {\n  /**\n   * Dismiss the top of `slot`. If the slot has layers (see {@link pushLayer}), pop the topmost\n   * layer, revealing what's beneath at its preserved state. Only when no layers remain does this\n   * release the base binding. No-op for empty or persistent slots.\n   */\n  close: (slot: SlotName) => void;\n  /**\n   * Close `slot` entirely: its base binding and every layer stacked on it. Where {@link close}\n   * steps back one layer, this dismisses the whole panel. No-op for empty or persistent slots.\n   */\n  release: (slot: SlotName) => void;\n  /** Hide `slot` without releasing its binding (subtree stays mounted). */\n  hide: (slot: SlotName) => void;\n  /**\n   * Push `binding` as a **layer** on top of `slot`'s current content. The content beneath stays\n   * mounted (state/scroll preserved) and hidden; the layer covers it. Use for transient overlays\n   * that should return to the underlying view — e.g. a member profile opened over a thread, where\n   * `close`/`popLayer` restores the thread exactly where it was. Ephemeral (not serialized).\n   */\n  pushLayer: (slot: SlotName, binding: ChatViewEntityBinding) => void;\n  /** Pop `slot`'s top layer, revealing the layer/base beneath. No-op when there are no layers. */\n  popLayer: (slot: SlotName) => void;\n  /**\n   * Resolve a target slot for `binding` and bind it there, switching to the binding kind's view\n   * first if needed (e.g. a `channel` binding activates the channels view).\n   *\n   * Slot resolution, in order:\n   * 1. `options.slot`, if that slot exists in the target view's layout;\n   * 2. otherwise, unless `options.additive` is set, the slot already holding this `kind`\n   *    (replacing its content);\n   * 3. the first free non-persistent slot;\n   * 4. the first free slot;\n   * 5. the last non-persistent slot (evicting a secondary panel — never the primary).\n   *\n   * See {@link ChatViewOpenOptions.additive} for opening *beside* current content instead of\n   * replacing.\n   *\n   * Returns an {@link OpenResult}; if no slot can be resolved the call is a rejected no-op — no\n   * view switch and no dependent-slot teardown, so a rejected open never leaves a partial state.\n   */\n  open: (binding: ChatViewEntityBinding, options?: ChatViewOpenOptions) => OpenResult;\n  /** Switch the active view (channels/threads); optionally focus a specific `slot`. */\n  openView: (view: ChatView, options?: { slot?: SlotName }) => void;\n  /** Reveal a previously hidden `slot`. */\n  unhide: (slot: SlotName) => void;\n};\n\nconst chatViewNavigationStateSelector = (state: ChatViewLayoutState) => ({\n  activeView: state.activeView,\n});\n\nconst ChatViewNavigationContext = createContext<ChatViewNavigation>({\n  close: () => undefined,\n  hide: () => undefined,\n  open: () => ({ reason: 'no-available-slot', status: 'rejected' }),\n  openView: () => undefined,\n  popLayer: () => undefined,\n  pushLayer: () => undefined,\n  release: () => undefined,\n  unhide: () => undefined,\n});\n\nexport const useChatViewNavigation = () => useContext(ChatViewNavigationContext);\n\n/** The slot (in the active view) currently holding a binding of `kind`, if any. */\nexport const useSlotForKind = (\n  kind: ChatViewEntityBinding['kind'],\n): SlotName | undefined => {\n  const { availableSlots, slotBindings } = useLayoutViewState();\n  return useMemo(\n    () =>\n      availableSlots.find(\n        (slot) => getChatViewEntityBinding(slotBindings[slot])?.kind === kind,\n      ),\n    [availableSlots, kind, slotBindings],\n  );\n};\n\n/** The slot (in the active view) whose binding carries entity `key`, if any. */\nexport const useSlotForKey = (key?: string): SlotName | undefined => {\n  const { availableSlots, slotBindings } = useLayoutViewState();\n  return useMemo(\n    () =>\n      key === undefined\n        ? undefined\n        : availableSlots.find(\n            (slot) => getChatViewEntityBinding(slotBindings[slot])?.key === key,\n          ),\n    [availableSlots, key, slotBindings],\n  );\n};\n\nexport const ChatViewNavigationProvider = ({ children }: PropsWithChildren) => {\n  const { layoutController, resolveActionTargetSlot } = useChatViewContext();\n  const registry = useSlotRegistry();\n  const { availableSlots, slotBindings, slotLayers } = useLayoutViewState();\n  const { activeView } =\n    useStateStore(layoutController.state, chatViewNavigationStateSelector) ??\n    chatViewNavigationStateSelector(layoutController.state.getLatestValue());\n\n  const value = useMemo<ChatViewNavigation>(() => {\n    const slotKind = (slot: SlotName) =>\n      getChatViewEntityBinding(slotBindings[slot])?.kind;\n\n    const buildRuntimeForView = (view: ChatView): ViewSlotRuntime => {\n      const state = layoutController.state.getLatestValue();\n      const viewState = getLayoutViewState(state, view);\n\n      return {\n        activeViewState: viewState,\n        availableSlots: viewState.availableSlots,\n        orderedSlots: viewState.slotNames?.length\n          ? viewState.slotNames\n          : viewState.availableSlots,\n        slotBindings: viewState.slotBindings,\n        slotLayers: viewState.slotLayers ?? {},\n      };\n    };\n\n    const makeIsPersistentSlot = (runtime: ViewSlotRuntime) => (slot: SlotName) =>\n      isPersistentSlotKind(\n        registry,\n        getChatViewEntityBinding(runtime.slotBindings[slot])?.kind,\n      );\n\n    const materializeTargetSlot = (runtime: ViewSlotRuntime, slot?: SlotName) => {\n      if (!slot) return undefined;\n      if (runtime.availableSlots.includes(slot)) return slot;\n      if (!runtime.orderedSlots.includes(slot)) return undefined;\n\n      const nextAvailableSlots = runtime.orderedSlots.filter(\n        (candidate) => runtime.availableSlots.includes(candidate) || candidate === slot,\n      );\n      layoutController.setAvailableSlots(nextAvailableSlots);\n      return slot;\n    };\n\n    const resolveTargetSlot = ({\n      additive,\n      kind,\n      requestedSlot,\n      runtime,\n      view,\n    }: {\n      additive?: boolean;\n      kind: ChatViewEntityBinding['kind'];\n      requestedSlot?: SlotName;\n      runtime: ViewSlotRuntime;\n      view: ChatView;\n    }) => {\n      // Preserve the public per-view resolver extension point (keyed on the\n      // channel/thread actions) for the kinds that have one. `additive` (open beside) skips it\n      // and uses the default resolver, which is where the \"prefer a free/secondary slot\" logic\n      // lives.\n      const action =\n        !additive && kind === 'channel'\n          ? 'openChannel'\n          : !additive && kind === 'thread'\n            ? 'openThread'\n            : undefined;\n      if (action) {\n        const args: ResolveViewActionTargetSlotArgs = {\n          action,\n          activeView: view,\n          availableSlots: runtime.availableSlots,\n          requestedSlot,\n          slotBindings: runtime.slotBindings,\n          slotNames: runtime.orderedSlots,\n        };\n        const customTargetSlot = resolveActionTargetSlot(view, args);\n        if (customTargetSlot) {\n          const materialized = materializeTargetSlot(runtime, customTargetSlot);\n          if (materialized) return materialized;\n        }\n      }\n\n      return materializeTargetSlot(\n        runtime,\n        resolveDefaultTargetSlot({\n          additive,\n          isPersistentSlot: makeIsPersistentSlot(runtime),\n          kind,\n          requestedSlot,\n          runtime,\n        }),\n      );\n    };\n\n    const openView: ChatViewNavigation['openView'] = (view, options) => {\n      layoutController.openView(view, { slot: options?.slot });\n    };\n\n    // Replacing a channel closes the reply threads opened from it. A thread slot is released, but\n    // content stacked over the thread (a channel opened beside it) stays, its top layer becoming\n    // the slot's base. A reply thread of `replacedChannel` stacked over another panel is popped,\n    // revealing that panel.\n    const closeReplyThreads = (replacedChannel?: StreamChannel) => {\n      availableSlots.forEach((slot) => {\n        const layers = slotLayers?.[slot] ?? [];\n        const top = layers[layers.length - 1];\n        const topEntity = getChatViewEntityBinding(top);\n        if (\n          replacedChannel &&\n          topEntity?.kind === 'thread' &&\n          topEntity.source.channel?.cid === replacedChannel.cid\n        ) {\n          layoutController.popLayer(slot);\n          return;\n        }\n        if (slotKind(slot) !== 'thread') return;\n        if (!top) {\n          layoutController.release(slot);\n          return;\n        }\n        layoutController.bind(slot, top);\n        layoutController.popLayer(slot);\n      });\n    };\n\n    const open: ChatViewNavigation['open'] = (binding, options) => {\n      // Resolve the target slot BEFORE any mutation: a rejected open is a no-op\n      // (no view switch, no dependent-slot teardown), never a destructive\n      // partial navigation.\n      const kindView = resolveSlotKindView(registry, binding.kind);\n      const targetView = kindView ?? activeView;\n      const runtime = buildRuntimeForView(targetView);\n      const targetSlot = resolveTargetSlot({\n        additive: options?.additive,\n        kind: binding.kind,\n        requestedSlot: options?.slot,\n        runtime,\n        view: targetView,\n      });\n\n      if (!targetSlot) {\n        return { reason: 'no-available-slot', status: 'rejected' };\n      }\n\n      // Kinds that declare a target view switch to it on open (e.g. channel ->\n      // channels); view-agnostic kinds (thread) open in the active view.\n      if (kindView) openView(targetView, options);\n\n      // Base policy — \"open in the secondary slot; if it's occupied, stack a layer\" for both\n      // channels (⌘/ctrl-click) and threads (reply-in-thread). Push a LAYER when:\n      //  - `options.layer` explicitly asks for it, OR\n      //  - the target is a SECONDARY slot (not the primary/anchor slot) that is already occupied\n      //    (a base binding or a covering layer) and this is NOT an in-place same-kind replace.\n      // The primary/anchor slot (first non-persistent slot) always base-binds — selecting a channel\n      // there replaces it, and single-slot layouts keep replacing rather than layering. A same-kind\n      // base (thread over thread in its own slot) is an intentional replace and stays a base bind -\n      // except a channel opened beside another one (`additive`), which stacks too, so that stepping\n      // back returns to the previous channel. Everything else landing on an occupied secondary\n      // slot stacks on top instead of evicting/hiding it — `close`/`popLayer` restores what's\n      // beneath.\n      const isPersistentSlot = makeIsPersistentSlot(runtime);\n      const anchorSlot = runtime.availableSlots.find((slot) => !isPersistentSlot(slot));\n      const targetBase = runtime.slotBindings[targetSlot];\n      const targetBaseKind = getChatViewEntityBinding(targetBase)?.kind;\n      const targetOccupied = !!targetBase || !!runtime.slotLayers[targetSlot]?.length;\n      const isSecondaryTarget = targetSlot !== anchorSlot;\n      // Opening beside what the target slot already shows on top changes nothing. Anything else -\n      // a channel lower in its stack, or open in another slot - is stacked on top, so it is shown.\n      const shownInTarget = getChatViewEntityBinding(\n        runtime.slotLayers[targetSlot]?.at(-1) ?? targetBase,\n      );\n      if (\n        options?.additive &&\n        isSecondaryTarget &&\n        binding.key !== undefined &&\n        shownInTarget?.key === binding.key\n      ) {\n        return { slot: targetSlot, status: 'opened' };\n      }\n      const stacksBesideSameKind = !!options?.additive && binding.kind === 'channel';\n      const sameKindBaseReplace =\n        !!targetBase && targetBaseKind === binding.kind && !stacksBesideSameKind;\n\n      if (\n        options?.layer ||\n        (isSecondaryTarget && targetOccupied && !sameKindBaseReplace)\n      ) {\n        layoutController.pushLayer(targetSlot, createChatViewSlotBinding(binding));\n        return { slot: targetSlot, status: 'layered' };\n      }\n\n      // Dependent-slot invalidation: replacing a channel closes threads bound to\n      // the previous channel. (Interim kind check; a later step may express this\n      // as registry policy.) Only on a real base replace — layered opens above skip it.\n      if (binding.kind === 'channel') {\n        const replaced = getChatViewEntityBinding(targetBase);\n        closeReplyThreads(replaced?.kind === 'channel' ? replaced.source : undefined);\n      }\n\n      return layoutController.openInLayout(createChatViewSlotBinding(binding), {\n        targetSlot,\n      });\n    };\n\n    const close: ChatViewNavigation['close'] = (slot) => {\n      if (!availableSlots.includes(slot)) return;\n      // Layers dismiss top-down: pop the topmost layer first and only release the base binding\n      // once no layers remain.\n      if (slotLayers?.[slot]?.length) {\n        layoutController.popLayer(slot);\n        return;\n      }\n      // Persistent kinds (nav-rail lists) are hide-only; close never releases them.\n      if (isPersistentSlotKind(registry, slotKind(slot))) return;\n      layoutController.release(slot);\n    };\n\n    const release: ChatViewNavigation['release'] = (slot) => {\n      if (!availableSlots.includes(slot)) return;\n      if (isPersistentSlotKind(registry, slotKind(slot))) return;\n      layoutController.release(slot);\n    };\n\n    const hide: ChatViewNavigation['hide'] = (slot) => {\n      if (availableSlots.includes(slot)) layoutController.hide(slot);\n    };\n\n    const pushLayer: ChatViewNavigation['pushLayer'] = (slot, binding) => {\n      if (!availableSlots.includes(slot)) return;\n      layoutController.pushLayer(slot, createChatViewSlotBinding(binding));\n    };\n\n    const popLayer: ChatViewNavigation['popLayer'] = (slot) => {\n      if (availableSlots.includes(slot)) layoutController.popLayer(slot);\n    };\n\n    const unhide: ChatViewNavigation['unhide'] = (slot) => {\n      if (availableSlots.includes(slot)) layoutController.unhide(slot);\n    };\n\n    return { close, hide, open, openView, popLayer, pushLayer, release, unhide };\n  }, [\n    activeView,\n    availableSlots,\n    layoutController,\n    registry,\n    resolveActionTargetSlot,\n    slotBindings,\n    slotLayers,\n  ]);\n\n  return (\n    <ChatViewNavigationContext.Provider value={value}>\n      {children}\n    </ChatViewNavigationContext.Provider>\n  );\n};\n"],"mappings":"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"}

package/dist/es/plugins/SlotLayout/ThreadListSlot.mjs

@@ -0,0 +1,42 @@
+import { useLayoutViewState } from "./hooks/useLayoutViewState.mjs";
+import { createChatViewSlotBinding, getChatViewEntityBinding } from "./slotBinding.mjs";
+import { Slot } from "./layout/Slot.mjs";
+import { useChatViewContext } from "./ChatView.mjs";
+import { useEffect } from "react";
+import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
+//#region src/plugins/SlotLayout/ThreadListSlot.tsx
+var LIST_BINDING_KEY = "thread-list";
+var LIST_ENTITY_KIND = "threadList";
+var ThreadListSlot = ({ children, fallback = null, slot }) => {
+	const { layoutController } = useChatViewContext();
+	const { availableSlots, slotBindings } = useLayoutViewState();
+	const requestedSlot = slot && availableSlots.includes(slot) ? slot : void 0;
+	const existingListSlot = availableSlots.find((candidate) => getChatViewEntityBinding(slotBindings[candidate])?.kind === LIST_ENTITY_KIND);
+	const firstFreeSlot = availableSlots.find((candidate) => !slotBindings[candidate]);
+	const listSlot = requestedSlot ?? existingListSlot ?? firstFreeSlot ?? availableSlots[0];
+	useEffect(() => {
+		if (!listSlot) return;
+		if (requestedSlot && existingListSlot && existingListSlot !== requestedSlot) layoutController.release(existingListSlot);
+		if (getChatViewEntityBinding(slotBindings[listSlot])?.kind === LIST_ENTITY_KIND) return;
+		layoutController.bind(listSlot, createChatViewSlotBinding({
+			key: LIST_BINDING_KEY,
+			kind: LIST_ENTITY_KIND,
+			source: {}
+		}));
+	}, [
+		existingListSlot,
+		layoutController,
+		listSlot,
+		requestedSlot,
+		slotBindings
+	]);
+	if (!listSlot) return /* @__PURE__ */ jsx(Fragment$1, { children: fallback });
+	return /* @__PURE__ */ jsx(Slot, {
+		slot: listSlot,
+		children: children ?? fallback
+	});
+};
+//#endregion
+export { ThreadListSlot };
+
+//# sourceMappingURL=ThreadListSlot.mjs.map

package/dist/es/plugins/SlotLayout/ThreadListSlot.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThreadListSlot.mjs","names":[],"sources":["../../../../src/plugins/SlotLayout/ThreadListSlot.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\n\nimport { createChatViewSlotBinding, getChatViewEntityBinding } from './slotBinding';\nimport { useChatViewContext } from './ChatView';\nimport { useLayoutViewState } from './hooks/useLayoutViewState';\nimport { Slot } from './layout/Slot';\n\nimport type { PropsWithChildren, ReactNode } from 'react';\nimport type { SlotName } from './layoutController/layoutControllerTypes';\n\nexport type ThreadListSlotProps = PropsWithChildren<{\n  fallback?: ReactNode;\n  slot?: SlotName;\n}>;\n\nconst LIST_BINDING_KEY = 'thread-list';\nconst LIST_ENTITY_KIND = 'threadList';\n\nexport const ThreadListSlot = ({\n  children,\n  fallback = null,\n  slot,\n}: ThreadListSlotProps) => {\n  const { layoutController } = useChatViewContext();\n  const { availableSlots, slotBindings } = useLayoutViewState();\n\n  const requestedSlot = slot && availableSlots.includes(slot) ? slot : undefined;\n  const existingListSlot = availableSlots.find(\n    (candidate) =>\n      getChatViewEntityBinding(slotBindings[candidate])?.kind === LIST_ENTITY_KIND,\n  );\n  const firstFreeSlot = availableSlots.find((candidate) => !slotBindings[candidate]);\n  const listSlot =\n    requestedSlot ?? existingListSlot ?? firstFreeSlot ?? availableSlots[0];\n\n  useEffect(() => {\n    if (!listSlot) return;\n\n    if (requestedSlot && existingListSlot && existingListSlot !== requestedSlot) {\n      layoutController.release(existingListSlot);\n    }\n\n    const existingEntity = getChatViewEntityBinding(slotBindings[listSlot]);\n    if (existingEntity?.kind === LIST_ENTITY_KIND) {\n      return;\n    }\n\n    layoutController.bind(\n      listSlot,\n      createChatViewSlotBinding({\n        key: LIST_BINDING_KEY,\n        kind: LIST_ENTITY_KIND,\n        source: {},\n      }),\n    );\n  }, [existingListSlot, layoutController, listSlot, requestedSlot, slotBindings]);\n\n  if (!listSlot) return <>{fallback}</>;\n\n  return <Slot slot={listSlot}>{children ?? fallback}</Slot>;\n};\n"],"mappings":";;;;;;;AAeA,IAAM,mBAAmB;AACzB,IAAM,mBAAmB;AAEzB,IAAa,kBAAkB,EAC7B,UACA,WAAW,MACX,WACyB;CACzB,MAAM,EAAE,qBAAqB,mBAAmB;CAChD,MAAM,EAAE,gBAAgB,iBAAiB,mBAAmB;CAE5D,MAAM,gBAAgB,QAAQ,eAAe,SAAS,IAAI,IAAI,OAAO,KAAA;CACrE,MAAM,mBAAmB,eAAe,MACrC,cACC,yBAAyB,aAAa,UAAU,CAAC,EAAE,SAAS,gBAChE;CACA,MAAM,gBAAgB,eAAe,MAAM,cAAc,CAAC,aAAa,UAAU;CACjF,MAAM,WACJ,iBAAiB,oBAAoB,iBAAiB,eAAe;CAEvE,gBAAgB;EACd,IAAI,CAAC,UAAU;EAEf,IAAI,iBAAiB,oBAAoB,qBAAqB,eAC5D,iBAAiB,QAAQ,gBAAgB;EAI3C,IADuB,yBAAyB,aAAa,SACzD,CAAA,EAAgB,SAAS,kBAC3B;EAGF,iBAAiB,KACf,UACA,0BAA0B;GACxB,KAAK;GACL,MAAM;GACN,QAAQ,CAAC;EACX,CAAC,CACH;CACF,GAAG;EAAC;EAAkB;EAAkB;EAAU;EAAe;CAAY,CAAC;CAE9E,IAAI,CAAC,UAAU,OAAO,oBAAA,YAAA,EAAA,UAAG,SAAW,CAAA;CAEpC,OAAO,oBAAC,MAAD;EAAM,MAAM;YAAW,YAAY;CAAe,CAAA;AAC3D"}

package/dist/es/plugins/SlotLayout/ThreadSlot.mjs

@@ -0,0 +1,34 @@
+import { WorkspacePanelProvider } from "../../context/WorkspaceNavigationContext.mjs";
+import { Thread } from "../../components/Thread/Thread.mjs";
+import { useSlotThread } from "./hooks/useSlotEntity.mjs";
+import { useChatViewContext } from "./ChatView.mjs";
+import { useEffect } from "react";
+import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
+//#region src/plugins/SlotLayout/ThreadSlot.tsx
+var ThreadSlot = ({ children, fallback = null, hideIfEmpty = true, slot, ...threadProps }) => {
+	const { layoutController } = useChatViewContext();
+	const thread = useSlotThread({ slot });
+	useEffect(() => {
+		if (!slot || !hideIfEmpty) return;
+		if (thread) layoutController.unhide(slot);
+		else layoutController.hide(slot);
+	}, [
+		hideIfEmpty,
+		layoutController,
+		slot,
+		thread
+	]);
+	if (!thread) return /* @__PURE__ */ jsx(Fragment$1, { children: fallback });
+	return /* @__PURE__ */ jsx(WorkspacePanelProvider, {
+		panel: slot,
+		children: /* @__PURE__ */ jsx(Thread, {
+			...threadProps,
+			thread,
+			children
+		})
+	});
+};
+//#endregion
+export { ThreadSlot };
+
+//# sourceMappingURL=ThreadSlot.mjs.map

package/dist/es/plugins/SlotLayout/ThreadSlot.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThreadSlot.mjs","names":[],"sources":["../../../../src/plugins/SlotLayout/ThreadSlot.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\n\nimport { useChatViewContext } from './ChatView';\nimport { useSlotThread } from './hooks';\nimport { Thread, type ThreadProps } from '../../components/Thread';\nimport { WorkspacePanelProvider } from '../../context/WorkspaceNavigationContext';\n\nimport type { PropsWithChildren, ReactNode } from 'react';\nimport type { SlotName } from './layoutController/layoutControllerTypes';\n\nexport type ThreadSlotProps = PropsWithChildren<\n  Omit<ThreadProps, 'thread'> & {\n    fallback?: ReactNode;\n    hideIfEmpty?: boolean;\n    slot?: SlotName;\n  }\n>;\n\nexport const ThreadSlot = ({\n  children,\n  fallback = null,\n  hideIfEmpty = true,\n  slot,\n  ...threadProps\n}: ThreadSlotProps) => {\n  const { layoutController } = useChatViewContext();\n  const thread = useSlotThread({ slot });\n\n  useEffect(() => {\n    if (!slot || !hideIfEmpty) return;\n    if (thread) layoutController.unhide(slot);\n    else layoutController.hide(slot);\n  }, [hideIfEmpty, layoutController, slot, thread]);\n\n  if (!thread) return <>{fallback}</>;\n\n  return (\n    <WorkspacePanelProvider panel={slot}>\n      <Thread {...threadProps} thread={thread}>\n        {children}\n      </Thread>\n    </WorkspacePanelProvider>\n  );\n};\n"],"mappings":";;;;;;;AAkBA,IAAa,cAAc,EACzB,UACA,WAAW,MACX,cAAc,MACd,MACA,GAAG,kBACkB;CACrB,MAAM,EAAE,qBAAqB,mBAAmB;CAChD,MAAM,SAAS,cAAc,EAAE,KAAK,CAAC;CAErC,gBAAgB;EACd,IAAI,CAAC,QAAQ,CAAC,aAAa;EAC3B,IAAI,QAAQ,iBAAiB,OAAO,IAAI;OACnC,iBAAiB,KAAK,IAAI;CACjC,GAAG;EAAC;EAAa;EAAkB;EAAM;CAAM,CAAC;CAEhD,IAAI,CAAC,QAAQ,OAAO,oBAAA,YAAA,EAAA,UAAG,SAAW,CAAA;CAElC,OACE,oBAAC,wBAAD;EAAwB,OAAO;YAC7B,oBAAC,QAAD;GAAQ,GAAI;GAAqB;GAC9B;EACK,CAAA;CACc,CAAA;AAE5B"}

package/dist/es/plugins/SlotLayout/hooks/useLayoutViewState.mjs

@@ -0,0 +1,26 @@
+import { useStateStore } from "../../../store/hooks/useStateStore.mjs";
+import { useChatViewContext } from "../ChatView.mjs";
+import { useMemo } from "react";
+//#region src/plugins/SlotLayout/hooks/useLayoutViewState.ts
+var getLayoutViewState = (state, view = state.activeView) => {
+	const layout = state.layouts?.[view];
+	return {
+		availableSlots: [...layout?.availableSlots ?? []],
+		hiddenSlots: { ...layout?.hiddenSlots ?? {} },
+		slotBindings: { ...layout?.slotBindings ?? {} },
+		slotForwardHistory: { ...layout?.slotForwardHistory ?? {} },
+		slotHistory: { ...layout?.slotHistory ?? {} },
+		slotLayers: { ...layout?.slotLayers ?? {} },
+		slotMeta: { ...layout?.slotMeta ?? {} },
+		slotNames: layout?.slotNames ? [...layout.slotNames] : void 0
+	};
+};
+var useLayoutViewState = (view) => {
+	const { layoutController } = useChatViewContext();
+	const selector = useMemo(() => (state) => getLayoutViewState(state, view ?? state.activeView), [view]);
+	return useStateStore(layoutController.state, selector) ?? selector(layoutController.state.getLatestValue());
+};
+//#endregion
+export { getLayoutViewState, useLayoutViewState };
+
+//# sourceMappingURL=useLayoutViewState.mjs.map

package/dist/es/plugins/SlotLayout/hooks/useLayoutViewState.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLayoutViewState.mjs","names":[],"sources":["../../../../../src/plugins/SlotLayout/hooks/useLayoutViewState.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { useStateStore } from '../../../store';\nimport type { ChatView } from '../ChatView';\nimport { useChatViewContext } from '../ChatView';\nimport type {\n  ChatViewLayoutState,\n  ChatViewLayoutViewState,\n} from '../layoutController/layoutControllerTypes';\n\nexport const getLayoutViewState = (\n  state: ChatViewLayoutState,\n  view = state.activeView,\n): ChatViewLayoutViewState => {\n  const layout = state.layouts?.[view];\n  return {\n    availableSlots: [...(layout?.availableSlots ?? [])],\n    hiddenSlots: { ...(layout?.hiddenSlots ?? {}) },\n    slotBindings: { ...(layout?.slotBindings ?? {}) },\n    slotForwardHistory: { ...(layout?.slotForwardHistory ?? {}) },\n    slotHistory: { ...(layout?.slotHistory ?? {}) },\n    slotLayers: { ...(layout?.slotLayers ?? {}) },\n    slotMeta: { ...(layout?.slotMeta ?? {}) },\n    slotNames: layout?.slotNames ? [...layout.slotNames] : undefined,\n  };\n};\nexport const useLayoutViewState = (view?: ChatView) => {\n  const { layoutController } = useChatViewContext();\n  const selector = useMemo(\n    () => (state: Parameters<typeof getLayoutViewState>[0]) =>\n      getLayoutViewState(state, view ?? state.activeView),\n    [view],\n  );\n\n  return (\n    useStateStore(layoutController.state, selector) ??\n    selector(layoutController.state.getLatestValue())\n  );\n};\n"],"mappings":";;;;AAUA,IAAa,sBACX,OACA,OAAO,MAAM,eACe;CAC5B,MAAM,SAAS,MAAM,UAAU;CAC/B,OAAO;EACL,gBAAgB,CAAC,GAAI,QAAQ,kBAAkB,CAAC,CAAE;EAClD,aAAa,EAAE,GAAI,QAAQ,eAAe,CAAC,EAAG;EAC9C,cAAc,EAAE,GAAI,QAAQ,gBAAgB,CAAC,EAAG;EAChD,oBAAoB,EAAE,GAAI,QAAQ,sBAAsB,CAAC,EAAG;EAC5D,aAAa,EAAE,GAAI,QAAQ,eAAe,CAAC,EAAG;EAC9C,YAAY,EAAE,GAAI,QAAQ,cAAc,CAAC,EAAG;EAC5C,UAAU,EAAE,GAAI,QAAQ,YAAY,CAAC,EAAG;EACxC,WAAW,QAAQ,YAAY,CAAC,GAAG,OAAO,SAAS,IAAI,KAAA;CACzD;AACF;AACA,IAAa,sBAAsB,SAAoB;CACrD,MAAM,EAAE,qBAAqB,mBAAmB;CAChD,MAAM,WAAW,eACR,UACL,mBAAmB,OAAO,QAAQ,MAAM,UAAU,GACpD,CAAC,IAAI,CACP;CAEA,OACE,cAAc,iBAAiB,OAAO,QAAQ,KAC9C,SAAS,iBAAiB,MAAM,eAAe,CAAC;AAEpD"}

package/dist/es/plugins/SlotLayout/hooks/useSlotEntity.mjs

@@ -0,0 +1,167 @@
+import { useLayoutViewState } from "./useLayoutViewState.mjs";
+import { getChatViewEntityBinding } from "../slotBinding.mjs";
+//#region src/plugins/SlotLayout/hooks/useSlotEntity.ts
+var resolveCandidateSlots = (slot, availableSlots) => {
+	if (slot) return [slot];
+	return availableSlots;
+};
+var isEntityOfKind = (entity, kind) => entity?.kind === kind;
+/**
+* Resolves the `source` of the first matching ChatView entity binding.
+*
+* Behavior:
+* 1. Read active-view slot topology/bindings via `useLayoutViewState()`.
+* 2. Build candidate slots:
+*    - `[slot]` when explicit `slot` is provided
+*    - `availableSlots` order when `slot` is omitted
+* 3. Return `entity.source` for the first binding whose `kind` matches.
+* 4. Return `undefined` when no match exists.
+*
+* Why this exists:
+* - Keeps slot-to-entity lookup consistent and centralized for ChatView-aware
+*   components (e.g. `ChannelSlot`, `ThreadSlot`).
+* - Preserves type safety by narrowing returned `source` based on `kind`.
+*
+* @example
+* ```tsx
+* const channel = useSlotEntity({ kind: 'channel' });
+* // channel is Stream Channel | undefined
+* ```
+*
+* @example
+* ```tsx
+* const thread = useSlotEntity({ kind: 'thread', slot: 'main-thread' });
+* // thread is Thread | undefined from that slot only
+* ```
+*
+* @example
+* ```tsx
+* const list = useSlotEntity({ kind: 'channelList', slot: 'list' });
+* // list is { view?: ChatView } | undefined
+* ```
+*/
+var useSlotEntity = ({ kind, slot, view }) => {
+	const { availableSlots, slotBindings } = useLayoutViewState(view);
+	const candidateSlots = resolveCandidateSlots(slot, availableSlots);
+	for (const candidateSlot of candidateSlots) {
+		const entity = getChatViewEntityBinding(slotBindings[candidateSlot]);
+		if (isEntityOfKind(entity, kind)) return entity.source;
+	}
+};
+/**
+* Like {@link useSlotEntity}, but resolves the source of the **topmost layer** on a slot (the last
+* entry of `slotLayers[slot]`) rather than its base binding — when that layer's `kind` matches.
+*
+* Layers stack above the base binding and cover it while it stays mounted (see
+* `ChatViewNavigation.pushLayer`). Read the base with `useSlotEntity`/`useSlotChannel`/… and the
+* overlay on top with this hook, then render the overlay covering the base.
+*
+* @example
+* ```tsx
+* const profile = useSlotTopLayerEntity({ kind: 'userProfile', slot: 'main-thread' });
+* // profile is { userId } | undefined — present while a userProfile layer covers the slot
+* ```
+*/
+var useSlotTopLayerEntity = ({ kind, slot, view }) => {
+	const { availableSlots, slotLayers } = useLayoutViewState(view);
+	for (const candidateSlot of resolveCandidateSlots(slot, availableSlots)) {
+		const layers = slotLayers?.[candidateSlot];
+		const topBinding = layers?.[layers.length - 1];
+		const entity = getChatViewEntityBinding(topBinding);
+		if (isEntityOfKind(entity, kind)) return entity.source;
+	}
+};
+/**
+* Resolves **every** matching ChatView entity binding as `{ slot, source }` pairs
+* (in active-view `availableSlots` order, or only `slot` when provided).
+*
+* Prefer this over `useSlotEntity` when several slots can hold the same kind (e.g.
+* two channels side by side) — it never collapses the set to "the first match".
+*
+* @example
+* ```tsx
+* const channels = useSlotEntities({ kind: 'channel' });
+* // channels is Array<{ slot: SlotName; source: Channel }>
+* ```
+*/
+var useSlotEntities = ({ kind, slot, view }) => {
+	const { availableSlots, slotBindings } = useLayoutViewState(view);
+	return resolveCandidateSlots(slot, availableSlots).reduce((matches, candidateSlot) => {
+		const entity = getChatViewEntityBinding(slotBindings[candidateSlot]);
+		if (isEntityOfKind(entity, kind)) matches.push({
+			slot: candidateSlot,
+			source: entity.source
+		});
+		return matches;
+	}, []);
+};
+/**
+* Convenience wrapper for `useSlotEntity({ kind: 'channel' })` — the channel in a
+* single slot. Pass `slot` to be precise; omitting it returns the first channel slot
+* (only meaningful for a single-channel workspace). For multiple channels, use
+* `useSlotChannels`.
+*
+* @example
+* ```tsx
+* const channel = useSlotChannel({ slot: 'main' });
+* ```
+*/
+var useSlotChannel = (options) => useSlotEntity({
+	kind: "channel",
+	slot: options?.slot,
+	view: options?.view
+});
+/**
+* Every slot currently holding a channel, as `{ channel, slot }` pairs. Robust for
+* side-by-side channels — the caller renders one panel per entry (and, for a
+* single-channel workspace, gets an array of length ≤ 1).
+*
+* @example
+* ```tsx
+* useSlotChannels().map(({ channel, slot }) => <ChannelPanel key={slot} channel={channel} />)
+* ```
+*/
+var useSlotChannels = (options) => useSlotEntities({
+	kind: "channel",
+	slot: options?.slot,
+	view: options?.view
+}).map(({ slot, source }) => ({
+	channel: source,
+	slot
+}));
+/**
+* Convenience wrapper for `useSlotEntity({ kind: 'thread' })`.
+*
+* @example
+* ```tsx
+* const thread = useSlotThread();
+* ```
+*/
+var useSlotThread = (options) => useSlotEntity({
+	kind: "thread",
+	slot: options?.slot,
+	view: options?.view
+});
+/**
+* Every slot currently holding a thread, as `{ thread, slot }` pairs — the thread
+* analog of `useSlotChannels`. The caller renders one thread panel per entry.
+*
+* @example
+* ```tsx
+* useSlotThreads().map(({ thread, slot }) => (
+*   <Thread key={slot} thread={thread}><ThreadHeader /><MessageList /></Thread>
+* ))
+* ```
+*/
+var useSlotThreads = (options) => useSlotEntities({
+	kind: "thread",
+	slot: options?.slot,
+	view: options?.view
+}).map(({ slot, source }) => ({
+	slot,
+	thread: source
+}));
+//#endregion
+export { useSlotChannel, useSlotChannels, useSlotEntities, useSlotEntity, useSlotThread, useSlotThreads, useSlotTopLayerEntity };
+
+//# sourceMappingURL=useSlotEntity.mjs.map

package/dist/es/plugins/SlotLayout/hooks/useSlotEntity.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSlotEntity.mjs","names":[],"sources":["../../../../../src/plugins/SlotLayout/hooks/useSlotEntity.ts"],"sourcesContent":["import { getChatViewEntityBinding } from '../ChatView';\nimport { useLayoutViewState } from './useLayoutViewState';\n\nimport type { ChatView, ChatViewEntityBinding } from '../ChatView';\nimport type { SlotName } from '../layoutController/layoutControllerTypes';\n\ntype SlotEntityKind = ChatViewEntityBinding['kind'];\n\ntype SlotEntitySourceMap = {\n  [TKind in SlotEntityKind]: Extract<ChatViewEntityBinding, { kind: TKind }>['source'];\n};\n\ntype SlotEntitySourceByKind<TKind extends SlotEntityKind> = SlotEntitySourceMap[TKind];\n\ntype UseSlotEntityOptions<TKind extends SlotEntityKind> = {\n  /**\n   * Entity kind to resolve from ChatView slot bindings.\n   */\n  kind: TKind;\n  /**\n   * Optional explicit slot to inspect.\n   *\n   * - when provided: only that slot is checked\n   * - when omitted: slots are checked in active view order (`availableSlots`)\n   */\n  slot?: SlotName;\n  /**\n   * Optional explicit view to read slots from.\n   *\n   * - when omitted: the **active** view's slots are read\n   * - when provided: that view's slots are read regardless of which view is active\n   *   (its layout state is retained across view switches). Useful for cross-view\n   *   concerns like URL sync that must not clear when another view is focused.\n   */\n  view?: ChatView;\n};\n\nconst resolveCandidateSlots = (\n  slot: SlotName | undefined,\n  availableSlots: SlotName[],\n) => {\n  if (slot) return [slot];\n  return availableSlots;\n};\n\nconst isEntityOfKind = <TKind extends SlotEntityKind>(\n  entity: ChatViewEntityBinding | undefined,\n  kind: TKind,\n): entity is Extract<ChatViewEntityBinding, { kind: TKind }> => entity?.kind === kind;\n\n/**\n * Resolves the `source` of the first matching ChatView entity binding.\n *\n * Behavior:\n * 1. Read active-view slot topology/bindings via `useLayoutViewState()`.\n * 2. Build candidate slots:\n *    - `[slot]` when explicit `slot` is provided\n *    - `availableSlots` order when `slot` is omitted\n * 3. Return `entity.source` for the first binding whose `kind` matches.\n * 4. Return `undefined` when no match exists.\n *\n * Why this exists:\n * - Keeps slot-to-entity lookup consistent and centralized for ChatView-aware\n *   components (e.g. `ChannelSlot`, `ThreadSlot`).\n * - Preserves type safety by narrowing returned `source` based on `kind`.\n *\n * @example\n * ```tsx\n * const channel = useSlotEntity({ kind: 'channel' });\n * // channel is Stream Channel | undefined\n * ```\n *\n * @example\n * ```tsx\n * const thread = useSlotEntity({ kind: 'thread', slot: 'main-thread' });\n * // thread is Thread | undefined from that slot only\n * ```\n *\n * @example\n * ```tsx\n * const list = useSlotEntity({ kind: 'channelList', slot: 'list' });\n * // list is { view?: ChatView } | undefined\n * ```\n */\nexport const useSlotEntity = <TKind extends SlotEntityKind>({\n  kind,\n  slot,\n  view,\n}: UseSlotEntityOptions<TKind>): SlotEntitySourceByKind<TKind> | undefined => {\n  const { availableSlots, slotBindings } = useLayoutViewState(view);\n\n  const candidateSlots = resolveCandidateSlots(slot, availableSlots);\n  for (const candidateSlot of candidateSlots) {\n    const entity = getChatViewEntityBinding(slotBindings[candidateSlot]);\n    if (isEntityOfKind(entity, kind)) {\n      // Safe due to discriminant check on `kind` above.\n      return entity.source as SlotEntitySourceByKind<TKind>;\n    }\n  }\n\n  return undefined;\n};\n\n/**\n * Like {@link useSlotEntity}, but resolves the source of the **topmost layer** on a slot (the last\n * entry of `slotLayers[slot]`) rather than its base binding — when that layer's `kind` matches.\n *\n * Layers stack above the base binding and cover it while it stays mounted (see\n * `ChatViewNavigation.pushLayer`). Read the base with `useSlotEntity`/`useSlotChannel`/… and the\n * overlay on top with this hook, then render the overlay covering the base.\n *\n * @example\n * ```tsx\n * const profile = useSlotTopLayerEntity({ kind: 'userProfile', slot: 'main-thread' });\n * // profile is { userId } | undefined — present while a userProfile layer covers the slot\n * ```\n */\nexport const useSlotTopLayerEntity = <TKind extends SlotEntityKind>({\n  kind,\n  slot,\n  view,\n}: UseSlotEntityOptions<TKind>): SlotEntitySourceByKind<TKind> | undefined => {\n  const { availableSlots, slotLayers } = useLayoutViewState(view);\n\n  for (const candidateSlot of resolveCandidateSlots(slot, availableSlots)) {\n    const layers = slotLayers?.[candidateSlot];\n    const topBinding = layers?.[layers.length - 1];\n    const entity = getChatViewEntityBinding(topBinding);\n    if (isEntityOfKind(entity, kind)) {\n      // Safe due to discriminant check on `kind` above.\n      return entity.source as SlotEntitySourceByKind<TKind>;\n    }\n  }\n\n  return undefined;\n};\n\n/**\n * Resolves **every** matching ChatView entity binding as `{ slot, source }` pairs\n * (in active-view `availableSlots` order, or only `slot` when provided).\n *\n * Prefer this over `useSlotEntity` when several slots can hold the same kind (e.g.\n * two channels side by side) — it never collapses the set to \"the first match\".\n *\n * @example\n * ```tsx\n * const channels = useSlotEntities({ kind: 'channel' });\n * // channels is Array<{ slot: SlotName; source: Channel }>\n * ```\n */\nexport const useSlotEntities = <TKind extends SlotEntityKind>({\n  kind,\n  slot,\n  view,\n}: UseSlotEntityOptions<TKind>): Array<{\n  slot: SlotName;\n  source: SlotEntitySourceByKind<TKind>;\n}> => {\n  const { availableSlots, slotBindings } = useLayoutViewState(view);\n\n  return resolveCandidateSlots(slot, availableSlots).reduce<\n    Array<{ slot: SlotName; source: SlotEntitySourceByKind<TKind> }>\n  >((matches, candidateSlot) => {\n    const entity = getChatViewEntityBinding(slotBindings[candidateSlot]);\n    if (isEntityOfKind(entity, kind)) {\n      // Safe due to discriminant check on `kind` above.\n      matches.push({\n        slot: candidateSlot,\n        source: entity.source as SlotEntitySourceByKind<TKind>,\n      });\n    }\n    return matches;\n  }, []);\n};\n\n/**\n * Convenience wrapper for `useSlotEntity({ kind: 'channel' })` — the channel in a\n * single slot. Pass `slot` to be precise; omitting it returns the first channel slot\n * (only meaningful for a single-channel workspace). For multiple channels, use\n * `useSlotChannels`.\n *\n * @example\n * ```tsx\n * const channel = useSlotChannel({ slot: 'main' });\n * ```\n */\nexport const useSlotChannel = (options?: { slot?: SlotName; view?: ChatView }) =>\n  useSlotEntity({ kind: 'channel', slot: options?.slot, view: options?.view });\n\n/**\n * Every slot currently holding a channel, as `{ channel, slot }` pairs. Robust for\n * side-by-side channels — the caller renders one panel per entry (and, for a\n * single-channel workspace, gets an array of length ≤ 1).\n *\n * @example\n * ```tsx\n * useSlotChannels().map(({ channel, slot }) => <ChannelPanel key={slot} channel={channel} />)\n * ```\n */\nexport const useSlotChannels = (options?: { slot?: SlotName; view?: ChatView }) =>\n  useSlotEntities({ kind: 'channel', slot: options?.slot, view: options?.view }).map(\n    ({ slot, source }) => ({\n      channel: source,\n      slot,\n    }),\n  );\n\n/**\n * Convenience wrapper for `useSlotEntity({ kind: 'thread' })`.\n *\n * @example\n * ```tsx\n * const thread = useSlotThread();\n * ```\n */\nexport const useSlotThread = (options?: { slot?: SlotName; view?: ChatView }) =>\n  useSlotEntity({ kind: 'thread', slot: options?.slot, view: options?.view });\n\n/**\n * Every slot currently holding a thread, as `{ thread, slot }` pairs — the thread\n * analog of `useSlotChannels`. The caller renders one thread panel per entry.\n *\n * @example\n * ```tsx\n * useSlotThreads().map(({ thread, slot }) => (\n *   <Thread key={slot} thread={thread}><ThreadHeader /><MessageList /></Thread>\n * ))\n * ```\n */\nexport const useSlotThreads = (options?: { slot?: SlotName; view?: ChatView }) =>\n  useSlotEntities({ kind: 'thread', slot: options?.slot, view: options?.view }).map(\n    ({ slot, source }) => ({\n      slot,\n      thread: source,\n    }),\n  );\n"],"mappings":";;;AAqCA,IAAM,yBACJ,MACA,mBACG;CACH,IAAI,MAAM,OAAO,CAAC,IAAI;CACtB,OAAO;AACT;AAEA,IAAM,kBACJ,QACA,SAC8D,QAAQ,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCjF,IAAa,iBAA+C,EAC1D,MACA,MACA,WAC4E;CAC5E,MAAM,EAAE,gBAAgB,iBAAiB,mBAAmB,IAAI;CAEhE,MAAM,iBAAiB,sBAAsB,MAAM,cAAc;CACjE,KAAK,MAAM,iBAAiB,gBAAgB;EAC1C,MAAM,SAAS,yBAAyB,aAAa,cAAc;EACnE,IAAI,eAAe,QAAQ,IAAI,GAE7B,OAAO,OAAO;CAElB;AAGF;;;;;;;;;;;;;;;AAgBA,IAAa,yBAAuD,EAClE,MACA,MACA,WAC4E;CAC5E,MAAM,EAAE,gBAAgB,eAAe,mBAAmB,IAAI;CAE9D,KAAK,MAAM,iBAAiB,sBAAsB,MAAM,cAAc,GAAG;EACvE,MAAM,SAAS,aAAa;EAC5B,MAAM,aAAa,SAAS,OAAO,SAAS;EAC5C,MAAM,SAAS,yBAAyB,UAAU;EAClD,IAAI,eAAe,QAAQ,IAAI,GAE7B,OAAO,OAAO;CAElB;AAGF;;;;;;;;;;;;;;AAeA,IAAa,mBAAiD,EAC5D,MACA,MACA,WAII;CACJ,MAAM,EAAE,gBAAgB,iBAAiB,mBAAmB,IAAI;CAEhE,OAAO,sBAAsB,MAAM,cAAc,CAAC,CAAC,QAEhD,SAAS,kBAAkB;EAC5B,MAAM,SAAS,yBAAyB,aAAa,cAAc;EACnE,IAAI,eAAe,QAAQ,IAAI,GAE7B,QAAQ,KAAK;GACX,MAAM;GACN,QAAQ,OAAO;EACjB,CAAC;EAEH,OAAO;CACT,GAAG,CAAC,CAAC;AACP;;;;;;;;;;;;AAaA,IAAa,kBAAkB,YAC7B,cAAc;CAAE,MAAM;CAAW,MAAM,SAAS;CAAM,MAAM,SAAS;AAAK,CAAC;;;;;;;;;;;AAY7E,IAAa,mBAAmB,YAC9B,gBAAgB;CAAE,MAAM;CAAW,MAAM,SAAS;CAAM,MAAM,SAAS;AAAK,CAAC,CAAC,CAAC,KAC5E,EAAE,MAAM,cAAc;CACrB,SAAS;CACT;AACF,EACF;;;;;;;;;AAUF,IAAa,iBAAiB,YAC5B,cAAc;CAAE,MAAM;CAAU,MAAM,SAAS;CAAM,MAAM,SAAS;AAAK,CAAC;;;;;;;;;;;;AAa5E,IAAa,kBAAkB,YAC7B,gBAAgB;CAAE,MAAM;CAAU,MAAM,SAAS;CAAM,MAAM,SAAS;AAAK,CAAC,CAAC,CAAC,KAC3E,EAAE,MAAM,cAAc;CACrB;CACA,QAAQ;AACV,EACF"}

package/dist/es/plugins/SlotLayout/layout/Slot.mjs

@@ -0,0 +1,46 @@
+import { WorkspacePanelProvider } from "../../../context/WorkspaceNavigationContext.mjs";
+import { renderSlotFromRegistry, useSlotRegistry } from "../slotRegistry.mjs";
+import { useLayoutViewState } from "../hooks/useLayoutViewState.mjs";
+import { getChatViewEntityBinding } from "../slotBinding.mjs";
+import "react";
+import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+//#region src/plugins/SlotLayout/layout/Slot.tsx
+var Slot = ({ children, className, slot }) => {
+	const { hiddenSlots, slotBindings, slotLayers } = useLayoutViewState();
+	const registry = useSlotRegistry();
+	const hidden = !!hiddenSlots?.[slot];
+	const layers = slotLayers?.[slot] ?? [];
+	const baseContent = children ?? renderSlotFromRegistry(getChatViewEntityBinding(slotBindings[slot]), slot, registry);
+	return /* @__PURE__ */ jsx("section", {
+		"aria-hidden": hidden || void 0,
+		className: clsx("str-chat__chat-view__slot", { "str-chat__chat-view__slot--hidden": hidden }, className),
+		"data-slot": slot,
+		children: /* @__PURE__ */ jsx(WorkspacePanelProvider, {
+			panel: slot,
+			children: layers.length === 0 ? baseContent : /* @__PURE__ */ jsx(Fragment$1, { children: [{
+				key: "base",
+				node: baseContent
+			}, ...layers.map((layer) => {
+				const entity = getChatViewEntityBinding(layer);
+				return {
+					key: layer.key ?? `layer:${entity?.kind ?? "unknown"}`,
+					node: renderSlotFromRegistry(entity, slot, registry)
+				};
+			})].map(({ key, node }, index, all) => {
+				const isTop = index === all.length - 1;
+				return /* @__PURE__ */ jsx("div", {
+					"aria-hidden": !isTop || void 0,
+					className: "str-chat__chat-view__slot-layer",
+					hidden: !isTop,
+					style: isTop ? { display: "contents" } : void 0,
+					children: node
+				}, key);
+			}) })
+		})
+	});
+};
+//#endregion
+export { Slot };
+
+//# sourceMappingURL=Slot.mjs.map

package/dist/es/plugins/SlotLayout/layout/Slot.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slot.mjs","names":[],"sources":["../../../../../src/plugins/SlotLayout/layout/Slot.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport React from 'react';\n\nimport { WorkspacePanelProvider } from '../../../context/WorkspaceNavigationContext';\nimport { useLayoutViewState } from '../hooks/useLayoutViewState';\nimport { getChatViewEntityBinding } from '../slotBinding';\nimport { renderSlotFromRegistry, useSlotRegistry } from '../slotRegistry';\n\nimport type { ReactNode } from 'react';\n\nexport type SlotProps = {\n  children?: ReactNode;\n  className?: string;\n  slot: string;\n};\n\nexport const Slot = ({ children, className, slot }: SlotProps) => {\n  const { hiddenSlots, slotBindings, slotLayers } = useLayoutViewState();\n  const registry = useSlotRegistry();\n  const hidden = !!hiddenSlots?.[slot];\n  const layers = slotLayers?.[slot] ?? [];\n\n  // Explicit children win (legacy claim-and-render wrappers); otherwise dispatch\n  // on the slot's current binding via the registry.\n  const baseContent =\n    children ??\n    renderSlotFromRegistry(getChatViewEntityBinding(slotBindings[slot]), slot, registry);\n\n  return (\n    <section\n      aria-hidden={hidden || undefined}\n      className={clsx(\n        'str-chat__chat-view__slot',\n        {\n          'str-chat__chat-view__slot--hidden': hidden,\n        },\n        className,\n      )}\n      data-slot={slot}\n    >\n      {/* Whatever the slot shows is in this panel, so its controls act on this slot. */}\n      <WorkspacePanelProvider panel={slot}>\n        {layers.length === 0 ? (\n          // Fast path: no layers — render the base content directly (unchanged structure).\n          baseContent\n        ) : (\n          // Layered: base + each layer kept mounted; only the topmost is shown. Non-top layers get\n          // the `hidden` attribute (display:none) so their subtree state is preserved; the visible\n          // layer uses `display: contents` so it lays out exactly as a direct child would. Each entry\n          // is keyed by its binding identity (`LayoutSlotBinding.key`, the same key the controller\n          // dedupes on) — not the array index — so a layer keeps its subtree as the stack changes.\n          <>\n            {[\n              { key: 'base', node: baseContent },\n              ...layers.map((layer) => {\n                const entity = getChatViewEntityBinding(layer);\n                return {\n                  key: layer.key ?? `layer:${entity?.kind ?? 'unknown'}`,\n                  node: renderSlotFromRegistry(entity, slot, registry),\n                };\n              }),\n            ].map(({ key, node }, index, all) => {\n              const isTop = index === all.length - 1;\n              return (\n                <div\n                  aria-hidden={!isTop || undefined}\n                  className='str-chat__chat-view__slot-layer'\n                  hidden={!isTop}\n                  key={key}\n                  style={isTop ? { display: 'contents' } : undefined}\n                >\n                  {node}\n                </div>\n              );\n            })}\n          </>\n        )}\n      </WorkspacePanelProvider>\n    </section>\n  );\n};\n"],"mappings":";;;;;;;;AAgBA,IAAa,QAAQ,EAAE,UAAU,WAAW,WAAsB;CAChE,MAAM,EAAE,aAAa,cAAc,eAAe,mBAAmB;CACrE,MAAM,WAAW,gBAAgB;CACjC,MAAM,SAAS,CAAC,CAAC,cAAc;CAC/B,MAAM,SAAS,aAAa,SAAS,CAAC;CAItC,MAAM,cACJ,YACA,uBAAuB,yBAAyB,aAAa,KAAK,GAAG,MAAM,QAAQ;CAErF,OACE,oBAAC,WAAD;EACE,eAAa,UAAU,KAAA;EACvB,WAAW,KACT,6BACA,EACE,qCAAqC,OACvC,GACA,SACF;EACA,aAAW;YAGX,oBAAC,wBAAD;GAAwB,OAAO;aAC5B,OAAO,WAAW,IAEjB,cAOA,oBAAA,YAAA,EAAA,UACG,CACC;IAAE,KAAK;IAAQ,MAAM;GAAY,GACjC,GAAG,OAAO,KAAK,UAAU;IACvB,MAAM,SAAS,yBAAyB,KAAK;IAC7C,OAAO;KACL,KAAK,MAAM,OAAO,SAAS,QAAQ,QAAQ;KAC3C,MAAM,uBAAuB,QAAQ,MAAM,QAAQ;IACrD;GACF,CAAC,CACH,CAAC,CAAC,KAAK,EAAE,KAAK,QAAQ,OAAO,QAAQ;IACnC,MAAM,QAAQ,UAAU,IAAI,SAAS;IACrC,OACE,oBAAC,OAAD;KACE,eAAa,CAAC,SAAS,KAAA;KACvB,WAAU;KACV,QAAQ,CAAC;KAET,OAAO,QAAQ,EAAE,SAAS,WAAW,IAAI,KAAA;eAExC;IACE,GAJE,GAIF;GAET,CAAC,EACD,CAAA;EAEkB,CAAA;CACjB,CAAA;AAEb"}

package/dist/es/plugins/SlotLayout/layout/WorkspaceLayout.mjs

@@ -0,0 +1,23 @@
+import { Slot } from "./Slot.mjs";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+//#region src/plugins/SlotLayout/layout/WorkspaceLayout.tsx
+var WorkspaceLayout = ({ navRail, slots }) => /* @__PURE__ */ jsxs("div", {
+	className: "str-chat__chat-view__workspace-layout",
+	children: [navRail ? /* @__PURE__ */ jsx("div", {
+		className: "str-chat__chat-view__workspace-layout-nav-rail",
+		children: navRail
+	}) : null, /* @__PURE__ */ jsx("div", {
+		className: clsx("str-chat__chat-view__workspace-layout-slots", { "str-chat__chat-view__workspace-layout-slots--empty": slots.length === 0 }),
+		children: slots.map(({ content, slot }) => /* @__PURE__ */ jsx(Slot, {
+			className: "str-chat__chat-view__workspace-layout-slot",
+			slot,
+			children: content
+		}, slot))
+	})]
+});
+//#endregion
+export { WorkspaceLayout };
+
+//# sourceMappingURL=WorkspaceLayout.mjs.map

package/dist/es/plugins/SlotLayout/layout/WorkspaceLayout.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkspaceLayout.mjs","names":[],"sources":["../../../../../src/plugins/SlotLayout/layout/WorkspaceLayout.tsx"],"sourcesContent":["import React from 'react';\nimport clsx from 'clsx';\nimport { Slot } from './Slot';\n\nimport type { ReactNode } from 'react';\n\nexport type WorkspaceLayoutSlot = {\n  content?: ReactNode;\n  slot: string;\n};\n\nexport type WorkspaceLayoutProps = {\n  navRail?: ReactNode;\n  slots: WorkspaceLayoutSlot[];\n};\n\nexport const WorkspaceLayout = ({ navRail, slots }: WorkspaceLayoutProps) => (\n  <div className='str-chat__chat-view__workspace-layout'>\n    {navRail ? (\n      <div className='str-chat__chat-view__workspace-layout-nav-rail'>{navRail}</div>\n    ) : null}\n    <div\n      className={clsx('str-chat__chat-view__workspace-layout-slots', {\n        'str-chat__chat-view__workspace-layout-slots--empty': slots.length === 0,\n      })}\n    >\n      {slots.map(({ content, slot }) => (\n        <Slot\n          className='str-chat__chat-view__workspace-layout-slot'\n          key={slot}\n          slot={slot}\n        >\n          {content}\n        </Slot>\n      ))}\n    </div>\n  </div>\n);\n"],"mappings":";;;;;AAgBA,IAAa,mBAAmB,EAAE,SAAS,YACzC,qBAAC,OAAD;CAAK,WAAU;WAAf,CACG,UACC,oBAAC,OAAD;EAAK,WAAU;YAAkD;CAAa,CAAA,IAC5E,MACJ,oBAAC,OAAD;EACE,WAAW,KAAK,+CAA+C,EAC7D,sDAAsD,MAAM,WAAW,EACzE,CAAC;YAEA,MAAM,KAAK,EAAE,SAAS,WACrB,oBAAC,MAAD;GACE,WAAU;GAEJ;aAEL;EACG,GAJC,IAID,CACP;CACE,CAAA,CACF"}