@linktr.ee/messaging-react 3.1.4-rc-1780636753 → 3.2.0

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-D4Dse1Lu.cjs");exports.ActionButton=e.ActionButton;exports.Avatar=e.Avatar;exports.ChannelEmptyState=e.ChannelEmptyState;exports.ChannelList=e.ChannelList;exports.ChannelView=e.ChannelView;exports.CustomMessageProvider=e.CustomMessageProvider;exports.FaqList=e.FaqList;exports.FaqListItem=e.FaqListItem;exports.LinkAttachment=e.LinkAttachment;exports.LockedAttachment=e.LockedAttachment;exports.MediaMessage=e.MediaMessage;exports.MessageAttachment=e.MessageAttachment;exports.MessageVoteButtons=e.MessageVoteButtons;exports.MessagingProvider=e.MessagingProvider;exports.MessagingShell=e.MessagingShell;exports.buildCompactMetaLabel=e.buildCompactMetaLabel;exports.formatFileSize=e.formatFileSize;exports.formatRelativeTime=e.formatRelativeTime;exports.getFileExtensionLabel=e.getFileExtensionLabel;exports.getMessageDisplayText=e.getMessageDisplayText;exports.isLinkAttachment=e.isLinkAttachment;exports.isUuidLike=e.isUuidLike;exports.messageAttachmentGroupPositionFromStream=e.bubbleGroupPositionFromStream;exports.normalizeLanguageCode=e.normalizeLanguageCode;exports.resolveLinkAttachment=e.resolveLinkAttachment;exports.resolveMediaFromMessage=e.resolveMediaFromMessage;exports.resolveParticipantDisplayName=e.resolveParticipantDisplayName;exports.useCustomMessage=e.useCustomMessage;exports.useMessageVote=e.useMessageVote;exports.useMessaging=e.useMessaging;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-BO2VfA-M.cjs");exports.ActionButton=e.ActionButton;exports.Avatar=e.Avatar;exports.ChannelEmptyState=e.ChannelEmptyState;exports.ChannelList=e.ChannelList;exports.ChannelView=e.ChannelView;exports.CustomMessageProvider=e.CustomMessageProvider;exports.FaqList=e.FaqList;exports.FaqListItem=e.FaqListItem;exports.LinkAttachment=e.LinkAttachment;exports.LockedAttachment=e.LockedAttachment;exports.MediaMessage=e.MediaMessage;exports.MessageAttachment=e.MessageAttachment;exports.MessageVoteButtons=e.MessageVoteButtons;exports.MessagingProvider=e.MessagingProvider;exports.MessagingShell=e.MessagingShell;exports.buildCompactMetaLabel=e.buildCompactMetaLabel;exports.formatFileSize=e.formatFileSize;exports.formatRelativeTime=e.formatRelativeTime;exports.getFileExtensionLabel=e.getFileExtensionLabel;exports.getMessageDisplayText=e.getMessageDisplayText;exports.isLinkAttachment=e.isLinkAttachment;exports.isUuidLike=e.isUuidLike;exports.messageAttachmentGroupPositionFromStream=e.bubbleGroupPositionFromStream;exports.normalizeLanguageCode=e.normalizeLanguageCode;exports.resolveLinkAttachment=e.resolveLinkAttachment;exports.resolveMediaFromMessage=e.resolveMediaFromMessage;exports.resolveParticipantDisplayName=e.resolveParticipantDisplayName;exports.useCustomMessage=e.useCustomMessage;exports.useMessageVote=e.useMessageVote;exports.useMessaging=e.useMessaging;
 //# sourceMappingURL=index.cjs.map

package/dist/index.d.ts

@@ -95,36 +95,6 @@ export declare const ChannelEmptyState: default_2.FC;
  */
 export declare const ChannelList: default_2.NamedExoticComponent<ChannelListProps>;
 
-/**
- * Derived state reported by the mounted ChannelList instance.
- *
- * This reflects the currently loaded list data only. It does not guarantee
- * complete server-side truth for channels outside the mounted list's current
- * query window or cache.
- */
-export declare interface ChannelListDerivedState {
-    /**
-     * Whether the mounted list has completed its first channel-resolution pass.
-     */
-    isInitialLoadSettled: boolean;
-    /**
-     * Visible channels after `channelRenderFilterFn` is applied.
-     */
-    channels: Channel[];
-    /**
-     * Raw channels received from Stream before client-side filtering.
-     */
-    rawChannels: Channel[];
-    /**
-     * Convenience flag for empty-state consumers. Mirrors `channels.length > 0`.
-     */
-    hasChannels: boolean;
-    /**
-     * Number of visible channels with at least one unread message.
-     */
-    unreadCount: number;
-}
-
 /**
  * ChannelList component props
  */
@@ -167,14 +137,6 @@ export declare interface ChannelListProps {
      * Falls back to message.text when no matching translation exists.
      */
     viewerLanguage?: string;
-    /**
-     * Reports derived state from the mounted Stream ChannelList instance.
-     *
-     * This callback is driven by currently loaded list data only. Use it for
-     * cache/list-derived UI state such as empty-state confirmation or visible
-     * unread badges; do not assume it represents complete server-side truth.
-     */
-    onStateChange?: (state: ChannelListDerivedState) => void;
 }
 
 /**
@@ -186,7 +148,7 @@ export declare const ChannelView: default_2.NamedExoticComponent<ChannelViewProp
  * Props that MessagingShell passes through to ChannelView.
  * ChannelViewProps is the source of truth for these props.
  */
-declare type ChannelViewPassthroughProps = Pick<ChannelViewProps, 'renderMessageInputActions' | 'renderConversationFooter' | 'CustomChannelEmptyState' | 'onBlockParticipantClick' | 'onReportParticipantClick' | 'dmAgentEnabled' | 'onMessageSent' | 'chatbotVotingEnabled' | 'viewerLanguage' | 'renderChannelBanner' | 'customChannelActions' | 'renderMessage' | 'onMessageLinkClick'>;
+declare type ChannelViewPassthroughProps = Pick<ChannelViewProps, 'renderMessageInputActions' | 'renderConversationFooter' | 'CustomChannelEmptyState' | 'onBlockParticipantClick' | 'onReportParticipantClick' | 'dmAgentEnabled' | 'onMessageSent' | 'chatbotVotingEnabled' | 'viewerLanguage' | 'renderChannelBanner' | 'customChannelActions' | 'renderMessage' | 'onMessageLinkClick' | 'showChannelInfo'>;
 
 /**
  * ChannelView component props
@@ -286,6 +248,14 @@ export declare interface ChannelViewProps {
      * and filter by starred/pinned status.
      */
     showStarButton?: boolean;
+    /**
+     * Show the channel info trigger (kebab) in the header, the clickable
+     * participant name on desktop, and mount the channel info dialog. Defaults
+     * to true. Set false for surfaces that should not expose the participant
+     * profile, block/report/delete actions — e.g. anonymous visitor chat,
+     * where the visitor has no authenticated identity to act on.
+     */
+    showChannelInfo?: boolean;
     /**
      * Enable thumbs up/down voting on chatbot messages.
      * When true, vote buttons render below chatbot (DM Agent) messages.

package/dist/index.js

@@ -1,4 +1,4 @@
-import { a as e, b as t, C as i, c as n, d as o, e as m, F as g, f as l, L as r, h as M, M as u, i as L, j as c, k as h, l as d, m as p, n as v, o as A, p as C, q as F, s as k, t as b, u as f, v as x, w as y, x as P, y as S, z as q, B as z, D as B } from "./index-CO975B6P.js";
+import { a as e, b as t, C as i, c as n, d as o, e as m, F as g, f as l, L as r, h as M, M as u, i as L, j as c, k as h, l as d, m as p, n as v, o as A, p as C, q as F, s as k, t as b, u as f, v as x, w as y, x as P, y as S, z as q, B as z, D as B } from "./index-DJKFVBkP.js";
 export {
   e as ActionButton,
   t as Avatar,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@linktr.ee/messaging-react",
-  "version": "3.1.4-rc-1780636753",
+  "version": "3.2.0",
   "description": "React messaging components built on messaging-core for web applications",
   "type": "module",
   "main": "dist/index.cjs",
@@ -28,8 +28,9 @@
     "test:ci": "vitest run",
     "test:ui": "vitest --ui",
     "test:coverage": "vitest --coverage",
-    "lint": "eslint . --ext .ts,.tsx",
-    "lint:fix": "eslint . --ext .ts,.tsx --fix",
+    "lint": "../../node_modules/.bin/eslint . --ext .ts,.tsx",
+    "lint:fix": "../../node_modules/.bin/eslint . --ext .ts,.tsx --fix",
+    "verify": "yarn type-check && yarn lint && yarn test:ci && yarn build",
     "storybook": "storybook dev -p 6006",
     "storybook:build": "storybook build"
   },

package/src/components/ChannelList/index.test.tsx

@@ -1,4 +1,3 @@
-import { act, waitFor } from '@testing-library/react'
 import React from 'react'
 import type { Channel } from 'stream-chat'
 import { describe, expect, it, vi, beforeEach } from 'vitest'
@@ -57,7 +56,7 @@ describe('ChannelList', () => {
     })
   })
 
-  it('wraps channelRenderFilterFn to restore pending messages and delegates to consumer filter', async () => {
+  it('wraps channelRenderFilterFn to restore pending messages and delegates to consumer filter', () => {
     const filterFn = vi.fn((channels: Channel[]) => channels)
 
     renderWithProviders(
@@ -78,156 +77,9 @@ describe('ChannelList', () => {
 
     // When the wrapper is called, it should delegate to the consumer's filter
     const mockChannels = [
-      {
-        cid: 'ch-1',
-        countUnread: () => 0,
-        state: { pending_messages: [], addMessageSorted: vi.fn() },
-      },
+      { cid: 'ch-1', state: { pending_messages: [], addMessageSorted: vi.fn() } },
     ]
-    await act(async () => {
-      streamProps.channelRenderFilterFn!(mockChannels)
-      await Promise.resolve()
-    })
+    streamProps.channelRenderFilterFn!(mockChannels)
     expect(filterFn).toHaveBeenCalledWith(mockChannels)
   })
-
-  it('notifies hosts with derived visible-channel state', async () => {
-    const onStateChange = vi.fn()
-    const visibleChannel = {
-      cid: 'ch-visible',
-      countUnread: () => 2,
-      state: { pending_messages: [], addMessageSorted: vi.fn() },
-    }
-    const hiddenChannel = {
-      cid: 'ch-hidden',
-      countUnread: () => 7,
-      state: { pending_messages: [], addMessageSorted: vi.fn() },
-    }
-    const filterFn = vi.fn((channels: Channel[]) => channels.slice(0, 1))
-
-    renderWithProviders(
-      React.createElement(ChannelList, {
-        ...defaultProps,
-        channelRenderFilterFn: filterFn,
-        onStateChange,
-      } as never)
-    )
-
-    const streamProps = streamChannelListMock.mock.calls[0][0] as {
-      channelRenderFilterFn?: (channels: Channel[]) => Channel[]
-    }
-
-    await act(async () => {
-      streamProps.channelRenderFilterFn!([
-        visibleChannel as unknown as Channel,
-        hiddenChannel as unknown as Channel,
-      ])
-      await Promise.resolve()
-    })
-
-    await waitFor(() => {
-      expect(onStateChange).toHaveBeenLastCalledWith({
-        isInitialLoadSettled: true,
-        channels: [visibleChannel],
-        rawChannels: [visibleChannel, hiddenChannel],
-        hasChannels: true,
-        unreadCount: 1,
-      })
-    })
-  })
-
-  it('reports a settled empty state when no visible channels remain', async () => {
-    const onStateChange = vi.fn()
-    const filterFn = vi.fn(() => [])
-    const hiddenChannel = {
-      cid: 'ch-hidden',
-      countUnread: () => 3,
-      state: { pending_messages: [], addMessageSorted: vi.fn() },
-    }
-
-    renderWithProviders(
-      React.createElement(ChannelList, {
-        ...defaultProps,
-        channelRenderFilterFn: filterFn,
-        onStateChange,
-      } as never)
-    )
-
-    const streamProps = streamChannelListMock.mock.calls[0][0] as {
-      channelRenderFilterFn?: (channels: Channel[]) => Channel[]
-    }
-
-    await act(async () => {
-      streamProps.channelRenderFilterFn!([hiddenChannel as unknown as Channel])
-      await Promise.resolve()
-    })
-
-    await waitFor(() => {
-      expect(onStateChange).toHaveBeenLastCalledWith({
-        isInitialLoadSettled: true,
-        channels: [],
-        rawChannels: [hiddenChannel],
-        hasChannels: false,
-        unreadCount: 0,
-      })
-    })
-  })
-
-  it('resets derived state when filters change before the new list resolves', async () => {
-    const onStateChange = vi.fn()
-    const firstChannel = {
-      cid: 'ch-first',
-      countUnread: () => 1,
-      state: { pending_messages: [], addMessageSorted: vi.fn() },
-    }
-
-    const { rerender } = renderWithProviders(
-      React.createElement(ChannelList, {
-        ...defaultProps,
-        onStateChange,
-      } as never)
-    )
-
-    let streamProps = streamChannelListMock.mock.calls.at(-1)?.[0] as {
-      channelRenderFilterFn?: (channels: Channel[]) => Channel[]
-    }
-
-    await act(async () => {
-      streamProps.channelRenderFilterFn!([firstChannel as unknown as Channel])
-      await Promise.resolve()
-    })
-
-    await waitFor(() => {
-      expect(onStateChange).toHaveBeenLastCalledWith({
-        isInitialLoadSettled: true,
-        channels: [firstChannel],
-        rawChannels: [firstChannel],
-        hasChannels: true,
-        unreadCount: 1,
-      })
-    })
-
-    rerender(
-      React.createElement(ChannelList, {
-        ...defaultProps,
-        filters: { type: 'messaging', frozen: true },
-        onStateChange,
-      } as never)
-    )
-
-    streamProps = streamChannelListMock.mock.calls.at(-1)?.[0] as {
-      channelRenderFilterFn?: (channels: Channel[]) => Channel[]
-    }
-    expect(typeof streamProps.channelRenderFilterFn).toBe('function')
-
-    await waitFor(() => {
-      expect(onStateChange).toHaveBeenLastCalledWith({
-        isInitialLoadSettled: false,
-        channels: [],
-        rawChannels: [],
-        hasChannels: false,
-        unreadCount: 0,
-      })
-    })
-  })
 })

package/src/components/ChannelList/index.tsx

@@ -5,21 +5,13 @@ import { ChannelList as StreamChannelList } from 'stream-chat-react'
 
 import { restorePendingMessages } from '../../hooks/useRestorePendingMessages'
 import { useMessagingContext } from '../../providers/MessagingProvider'
-import type { ChannelListDerivedState, ChannelListProps } from '../../types'
+import type { ChannelListProps } from '../../types'
 
 import { ChannelListProvider } from './ChannelListContext'
 import CustomChannelPreview from './CustomChannelPreview'
 
 const DEFAULT_SORT = { last_message_at: -1 } as const
 
-const EMPTY_DERIVED_STATE: ChannelListDerivedState = {
-  isInitialLoadSettled: false,
-  channels: [],
-  rawChannels: [],
-  hasChannels: false,
-  unreadCount: 0,
-}
-
 /**
  * Channel list component with customizable header and actions
  */
@@ -35,7 +27,6 @@ export const ChannelList = React.memo<ChannelListProps>(
     customEmptyStateIndicator,
     renderMessagePreview,
     viewerLanguage,
-    onStateChange,
   }) => {
     // Track renders
     const renderCountRef = React.useRef(0)
@@ -43,42 +34,6 @@ export const ChannelList = React.memo<ChannelListProps>(
 
     // Get debug flag from context
     const { debug = false } = useMessagingContext()
-    const [derivedState, setDerivedState] = React.useState<ChannelListDerivedState>(
-      EMPTY_DERIVED_STATE
-    )
-    const listIdentityKey = React.useMemo(
-      () => `${JSON.stringify(filters)}:${JSON.stringify(sort)}`,
-      [filters, sort]
-    )
-    const pendingDerivedStateRef = React.useRef<ChannelListDerivedState>(
-      EMPTY_DERIVED_STATE
-    )
-    const publishScheduledRef = React.useRef(false)
-    const listVersionRef = React.useRef(0)
-
-    const publishDerivedState = React.useCallback(
-      (nextState: ChannelListDerivedState) => {
-        const publishVersion = listVersionRef.current
-        pendingDerivedStateRef.current = nextState
-        if (publishScheduledRef.current) {
-          return
-        }
-
-        publishScheduledRef.current = true
-        queueMicrotask(() => {
-          if (publishVersion !== listVersionRef.current) {
-            publishScheduledRef.current = false
-            return
-          }
-          publishScheduledRef.current = false
-          setDerivedState((currentState) => {
-            const pendingState = pendingDerivedStateRef.current
-            return currentState === pendingState ? currentState : pendingState
-          })
-        })
-      },
-      []
-    )
 
     // Wrap channelRenderFilterFn to restore pending messages for all channels
     // as soon as they are loaded, without waiting for the user to click into each one.
@@ -87,23 +42,11 @@ export const ChannelList = React.memo<ChannelListProps>(
         for (const channel of channels) {
           restorePendingMessages(channel)
         }
-
-        const visibleChannels = channelRenderFilterFn
+        return channelRenderFilterFn
           ? channelRenderFilterFn(channels)
           : channels
-
-        publishDerivedState({
-          isInitialLoadSettled: true,
-          channels: visibleChannels,
-          rawChannels: channels,
-          hasChannels: visibleChannels.length > 0,
-          unreadCount: visibleChannels.filter((channel) => channel.countUnread() > 0)
-            .length,
-        })
-
-        return visibleChannels
       },
-      [channelRenderFilterFn, publishDerivedState]
+      [channelRenderFilterFn]
     )
 
     if (debug) {
@@ -131,17 +74,6 @@ export const ChannelList = React.memo<ChannelListProps>(
       ]
     )
 
-    React.useEffect(() => {
-      listVersionRef.current += 1
-      pendingDerivedStateRef.current = EMPTY_DERIVED_STATE
-      publishScheduledRef.current = false
-      setDerivedState(EMPTY_DERIVED_STATE)
-    }, [listIdentityKey])
-
-    React.useEffect(() => {
-      onStateChange?.(derivedState)
-    }, [derivedState, onStateChange])
-
     return (
       <div
         className={classNames(
@@ -153,7 +85,7 @@ export const ChannelList = React.memo<ChannelListProps>(
         <div className="flex-1 overflow-hidden min-w-0">
           <ChannelListProvider value={contextValue}>
             <StreamChannelList
-              key={listIdentityKey}
+              key={`${JSON.stringify(filters)}:${JSON.stringify(sort)}`}
               filters={filters}
               sort={sort}
               options={{ limit: 30 }}

package/src/components/ChannelView.test.tsx

@@ -205,6 +205,37 @@ describe('ChannelView', () => {
     expect(lastDialogProps().followerStatusLabel).toBeUndefined()
   })
 
+  it('renders the channel info trigger by default', () => {
+    const { container } = renderWithProviders(
+      <ChannelView channel={createChannel()} />
+    )
+
+    const infoTriggers = container.querySelectorAll(
+      'button[aria-label="Show info"]'
+    )
+    expect(infoTriggers.length).toBeGreaterThan(0)
+    expect(channelInfoDialogProps.length).toBeGreaterThan(0)
+  })
+
+  it('hides the channel info trigger (both desktop and mobile) when showChannelInfo is false', () => {
+    const { container } = renderWithProviders(
+      <ChannelView channel={createChannel()} showChannelInfo={false} />
+    )
+
+    const infoTriggers = container.querySelectorAll(
+      'button[aria-label="Show info"]'
+    )
+    expect(infoTriggers.length).toBe(0)
+  })
+
+  it('does not mount ChannelInfoDialog when showChannelInfo is false', () => {
+    renderWithProviders(
+      <ChannelView channel={createChannel()} showChannelInfo={false} />
+    )
+
+    expect(channelInfoDialogProps.length).toBe(0)
+  })
+
   it('passes composer disabled state and reason to the message input', () => {
     renderWithProviders(
       <ChannelView

package/src/components/ChannelView.tsx

@@ -143,14 +143,16 @@ const CustomChannelHeader: React.FC<{
               />
             </button>
           )}
-          <button
-            className={classNames(ICON_BTN_CLASS, 'bg-[#F1F0EE]')}
-            onClick={onShowInfo}
-            type="button"
-            aria-label="Show info"
-          >
-            <DotsThreeIcon className="size-5 text-black/90" />
-          </button>
+          {canShowInfo && (
+            <button
+              className={classNames(ICON_BTN_CLASS, 'bg-[#F1F0EE]')}
+              onClick={onShowInfo}
+              type="button"
+              aria-label="Show info"
+            >
+              <DotsThreeIcon className="size-5 text-black/90" />
+            </button>
+          )}
         </div>
       </div>
       <div className="px-6 py-3 hidden @lg:flex items-center justify-between gap-3 min-h-12 border-b border-b-black/[0.08]">
@@ -267,6 +269,7 @@ const ChannelViewInner: React.FC<{
   ) => React.ReactNode
   dmAgentEnabled?: boolean
   viewerLanguage?: string
+  showChannelInfo?: boolean
 }> = ({
   onBack,
   showBackButton,
@@ -292,6 +295,7 @@ const ChannelViewInner: React.FC<{
   renderMessage,
   dmAgentEnabled = false,
   viewerLanguage,
+  showChannelInfo = true,
 }) => {
   const { channel } = useChannelStateContext()
   const infoDialogRef = useRef<HTMLDialogElement>(null)
@@ -395,7 +399,7 @@ const ChannelViewInner: React.FC<{
               onBack={onBack}
               showBackButton={showBackButton}
               onShowInfo={handleShowInfo}
-              canShowInfo={Boolean(participant)}
+              canShowInfo={showChannelInfo && Boolean(participant)}
               showStarButton={showStarButton}
               dmAgentEnabled={showDmAgentHeader}
             />
@@ -435,27 +439,32 @@ const ChannelViewInner: React.FC<{
         </Window>
       </WithComponents>
 
-      {/* Channel Info Dialog */}
-      <ChannelInfoDialog
-        dialogRef={infoDialogRef}
-        onClose={handleCloseInfo}
-        participant={participant}
-        participantDisplayName={resolveParticipantDisplayName(
-          participant?.user
-        )}
-        channel={channel}
-        followerStatusLabel={followerStatusLabel}
-        onLeaveConversation={onLeaveConversation}
-        onBlockParticipant={onBlockParticipant}
-        showDeleteConversation={showDeleteConversation}
-        showBlockParticipant={showBlockParticipant}
-        showReportParticipant={showReportParticipant}
-        onDeleteConversationClick={onDeleteConversationClick}
-        onBlockParticipantClick={onBlockParticipantClick}
-        onReportParticipantClick={onReportParticipantClick}
-        customProfileContent={customProfileContent}
-        customChannelActions={customChannelActions}
-      />
+      {/* Channel Info Dialog — suppressed entirely when showChannelInfo is
+          false so restricted surfaces (e.g. anonymous visitor chat) cannot
+          surface the participant profile or block/report/delete actions even
+          if the dialog were opened programmatically. */}
+      {showChannelInfo && (
+        <ChannelInfoDialog
+          dialogRef={infoDialogRef}
+          onClose={handleCloseInfo}
+          participant={participant}
+          participantDisplayName={resolveParticipantDisplayName(
+            participant?.user
+          )}
+          channel={channel}
+          followerStatusLabel={followerStatusLabel}
+          onLeaveConversation={onLeaveConversation}
+          onBlockParticipant={onBlockParticipant}
+          showDeleteConversation={showDeleteConversation}
+          showBlockParticipant={showBlockParticipant}
+          showReportParticipant={showReportParticipant}
+          onDeleteConversationClick={onDeleteConversationClick}
+          onBlockParticipantClick={onBlockParticipantClick}
+          onReportParticipantClick={onReportParticipantClick}
+          customProfileContent={customProfileContent}
+          customChannelActions={customChannelActions}
+        />
+      )}
     </>
   )
 }
@@ -497,6 +506,7 @@ export const ChannelView = React.memo<ChannelViewProps>(
     sendButton,
     attachmentPreviewList,
     viewerLanguage,
+    showChannelInfo = true,
   }) => {
     // Custom send message handler that:
     // 1. Applies messageMetadata if provided
@@ -611,6 +621,7 @@ export const ChannelView = React.memo<ChannelViewProps>(
               customChannelActions={customChannelActions}
               renderMessage={renderMessage}
               viewerLanguage={viewerLanguage}
+              showChannelInfo={showChannelInfo}
             />
           </Channel>
         </DmAgentEnabledContext.Provider>

package/src/components/MessagingShell/index.tsx

@@ -35,6 +35,7 @@ export const MessagingShell: React.FC<MessagingShellProps> = ({
   customChannelActions,
   renderMessage,
   onMessageLinkClick,
+  showChannelInfo,
 }) => {
   const {
     client,
@@ -256,6 +257,7 @@ export const MessagingShell: React.FC<MessagingShellProps> = ({
           customChannelActions={customChannelActions}
           renderMessage={renderMessage}
           onMessageLinkClick={onMessageLinkClick}
+          showChannelInfo={showChannelInfo}
         />
       </div>
     </div>

package/src/index.ts

@@ -48,7 +48,6 @@ export type { ParticipantDisplayUser } from './utils/resolveParticipantDisplayNa
 
 // Types
 export type {
-  ChannelListDerivedState,
   MessagingShellProps,
   ChannelListProps,
   ChannelViewProps,

package/src/types.ts

@@ -52,36 +52,6 @@ export interface MessagingCapabilities {
   showDeleteConversation?: boolean
 }
 
-/**
- * Derived state reported by the mounted ChannelList instance.
- *
- * This reflects the currently loaded list data only. It does not guarantee
- * complete server-side truth for channels outside the mounted list's current
- * query window or cache.
- */
-export interface ChannelListDerivedState {
-  /**
-   * Whether the mounted list has completed its first channel-resolution pass.
-   */
-  isInitialLoadSettled: boolean
-  /**
-   * Visible channels after `channelRenderFilterFn` is applied.
-   */
-  channels: Channel[]
-  /**
-   * Raw channels received from Stream before client-side filtering.
-   */
-  rawChannels: Channel[]
-  /**
-   * Convenience flag for empty-state consumers. Mirrors `channels.length > 0`.
-   */
-  hasChannels: boolean
-  /**
-   * Number of visible channels with at least one unread message.
-   */
-  unreadCount: number
-}
-
 /**
  * ChannelList component props
  */
@@ -127,14 +97,6 @@ export interface ChannelListProps {
    * Falls back to message.text when no matching translation exists.
    */
   viewerLanguage?: string
-  /**
-   * Reports derived state from the mounted Stream ChannelList instance.
-   *
-   * This callback is driven by currently loaded list data only. Use it for
-   * cache/list-derived UI state such as empty-state confirmation or visible
-   * unread badges; do not assume it represents complete server-side truth.
-   */
-  onStateChange?: (state: ChannelListDerivedState) => void
 }
 
 /**
@@ -245,6 +207,15 @@ export interface ChannelViewProps {
    */
   showStarButton?: boolean
 
+  /**
+   * Show the channel info trigger (kebab) in the header, the clickable
+   * participant name on desktop, and mount the channel info dialog. Defaults
+   * to true. Set false for surfaces that should not expose the participant
+   * profile, block/report/delete actions — e.g. anonymous visitor chat,
+   * where the visitor has no authenticated identity to act on.
+   */
+  showChannelInfo?: boolean
+
   /**
    * Enable thumbs up/down voting on chatbot messages.
    * When true, vote buttons render below chatbot (DM Agent) messages.
@@ -347,6 +318,7 @@ export type ChannelViewPassthroughProps = Pick<
   | 'customChannelActions'
   | 'renderMessage'
   | 'onMessageLinkClick'
+  | 'showChannelInfo'
 >
 
 /**