gloomberb 0.8.1 → 0.8.2

package/src/plugins/builtin/chat/content/composer-runtime.ts

@@ -12,6 +12,26 @@ interface MutableRef<T> {
   current: T;
 }
 
+function moveComposerCursorToEnd(textarea: TextareaRenderable, draft: string) {
+  const offset = draft.length;
+  const editBuffer = textarea.editBuffer as typeof textarea.editBuffer & {
+    setCursorByOffset?: (offset: number) => void;
+  };
+  if (typeof editBuffer.setCursorByOffset === "function") {
+    editBuffer.setCursorByOffset(offset);
+    return;
+  }
+  if (typeof textarea.setCursorOffset === "function") {
+    textarea.setCursorOffset(offset);
+    return;
+  }
+  try {
+    textarea.cursorOffset = offset;
+  } catch {
+    // Some host renderers expose cursorOffset as read-only.
+  }
+}
+
 export function useChatComposerRuntime({
   applyingExternalDraftRef,
   blurInput,
@@ -27,7 +47,10 @@ export function useChatComposerRuntime({
   inputValueRef,
   messages,
   onChannelChange,
+  editingMessage,
+  latestEditableMessageId,
   replyTo,
+  setEditingMessage,
   setDirectExpanded,
   setFollowMessages,
   setReplyTo,
@@ -49,7 +72,10 @@ export function useChatComposerRuntime({
   inputValueRef: MutableRef<string>;
   messages: ChatMessage[];
   onChannelChange?: (channelId: string) => void;
+  editingMessage: ChatMessage | null;
+  latestEditableMessageId: string | null;
   replyTo: ChatMessage | null;
+  setEditingMessage: Dispatch<SetStateAction<ChatMessage | null>>;
   setDirectExpanded: Dispatch<SetStateAction<boolean>>;
   setFollowMessages: Dispatch<SetStateAction<boolean>>;
   setReplyTo: Dispatch<SetStateAction<ChatMessage | null>>;
@@ -59,6 +85,9 @@ export function useChatComposerRuntime({
 }) {
   const replyToRef = useRef(replyTo);
   replyToRef.current = replyTo;
+  const editingMessageRef = useRef(editingMessage);
+  editingMessageRef.current = editingMessage;
+  const editSubmittingRef = useRef(false);
 
   const focusComposer = useCallback(() => {
     setSelectedIdx(-1);
@@ -75,10 +104,40 @@ export function useChatComposerRuntime({
     }
   }, [channelId, controller, setReplyTo, useDefaultControllerChannel]);
 
+  const persistDraft = useCallback((draft: string) => {
+    if (useDefaultControllerChannel) {
+      controller.setDraft(draft);
+    } else {
+      controller.setChannelDraft(channelId, draft);
+    }
+  }, [channelId, controller, useDefaultControllerChannel]);
+
+  const replaceLocalComposer = useCallback((draft: string) => {
+    inputValueRef.current = draft;
+    updateComposerRows(draft);
+    const textarea = inputRef.current;
+    if (textarea && textarea.editBuffer.getText() !== draft) {
+      applyingExternalDraftRef.current = true;
+      try {
+        textarea.setText(draft);
+        moveComposerCursorToEnd(textarea, draft);
+      } finally {
+        applyingExternalDraftRef.current = false;
+      }
+    } else if (textarea) {
+      moveComposerCursorToEnd(textarea, draft);
+    }
+  }, [applyingExternalDraftRef, inputRef, inputValueRef, updateComposerRows]);
+
   const beginReplyTo = useCallback((index: number, options?: { deferFocus?: boolean }) => {
     if (!canSend || index < 0 || index >= messages.length) return;
     const nextReplyTo = messages[index] ?? null;
     if (!nextReplyTo) return;
+    if (editingMessageRef.current) {
+      replaceLocalComposer("");
+      persistDraft("");
+    }
+    setEditingMessage(null);
     setSelectedIdx(index);
     setFollowMessages(index === messages.length - 1);
     setReplyTo(nextReplyTo);
@@ -98,12 +157,58 @@ export function useChatComposerRuntime({
     controller,
     focusInput,
     messages,
+    persistDraft,
+    replaceLocalComposer,
+    setEditingMessage,
     setFollowMessages,
     setReplyTo,
     setSelectedIdx,
     useDefaultControllerChannel,
   ]);
 
+  const beginEditMessage = useCallback((index: number, options?: { deferFocus?: boolean }) => {
+    if (!canSend || index < 0 || index >= messages.length) return false;
+    const message = messages[index] ?? null;
+    if (!message || message.id !== latestEditableMessageId) return false;
+    clearReplyTarget();
+    setEditingMessage(message);
+    setSelectedIdx(index);
+    setFollowMessages(index === messages.length - 1);
+    replaceLocalComposer(message.content);
+    persistDraft(message.content);
+    if (options?.deferFocus) {
+      queueMicrotask(() => focusInput());
+    } else {
+      focusInput();
+    }
+    return true;
+  }, [
+    canSend,
+    clearReplyTarget,
+    focusInput,
+    latestEditableMessageId,
+    messages,
+    persistDraft,
+    replaceLocalComposer,
+    setEditingMessage,
+    setFollowMessages,
+    setSelectedIdx,
+  ]);
+
+  const beginEditLatestMessage = useCallback((options?: { deferFocus?: boolean }) => {
+    if (!latestEditableMessageId) return false;
+    const index = messages.findIndex((message) => message.id === latestEditableMessageId);
+    return beginEditMessage(index, options);
+  }, [beginEditMessage, latestEditableMessageId, messages]);
+
+  const cancelEditMessage = useCallback(() => {
+    if (!editingMessageRef.current) return;
+    setEditingMessage(null);
+    replaceLocalComposer("");
+    persistDraft("");
+    focusInput();
+  }, [focusInput, persistDraft, replaceLocalComposer, setEditingMessage]);
+
   const returnToComposer = useCallback(() => {
     setSelectedIdx(-1);
     setFollowMessages(true);
@@ -113,22 +218,30 @@ export function useChatComposerRuntime({
   }, [canSend, focusInput, setFollowMessages, setSelectedIdx]);
 
   const clearLocalComposer = useCallback(() => {
-    inputValueRef.current = "";
-    updateComposerRows("");
-    const textarea = inputRef.current;
-    if (textarea && textarea.editBuffer.getText() !== "") {
-      applyingExternalDraftRef.current = true;
-      try {
-        textarea.setText("");
-      } finally {
-        applyingExternalDraftRef.current = false;
-      }
-    }
-  }, [applyingExternalDraftRef, inputRef, inputValueRef, updateComposerRows]);
+    replaceLocalComposer("");
+  }, [replaceLocalComposer]);
 
   const sendMessage = useCallback(() => {
     const content = inputValueRef.current.trim();
     if (!content) return;
+    const editing = editingMessageRef.current;
+    if (editing) {
+      if (editSubmittingRef.current) return;
+      const sendChannelId = useDefaultControllerChannel ? channelId : channelIdRef.current;
+      if (editing.channelId !== sendChannelId) return;
+      editSubmittingRef.current = true;
+      void controller.editChannelMessage(sendChannelId, editing.id, content).then((accepted) => {
+        if (!accepted) return;
+        setEditingMessage(null);
+        clearLocalComposer();
+        persistDraft("");
+        setSelectedIdx(-1);
+        setFollowMessages(true);
+      }).finally(() => {
+        editSubmittingRef.current = false;
+      });
+      return;
+    }
     const composerCommand = parseChatComposerCommand(content);
     if (composerCommand?.kind === "direct") {
       void controller.openDirectChannel({ username: composerCommand.username }).then((channel) => {
@@ -154,9 +267,13 @@ export function useChatComposerRuntime({
       }).catch(() => {});
       return;
     }
+    const sendChannelId = useDefaultControllerChannel ? channelId : channelIdRef.current;
+    const replyToId = replyToRef.current?.channelId === sendChannelId
+      ? replyToRef.current.id
+      : undefined;
     const accepted = useDefaultControllerChannel
-      ? controller.send(content, replyToRef.current?.id)
-      : controller.sendToChannel(channelId, content, replyToRef.current?.id);
+      ? controller.send(content, replyToId)
+      : controller.sendToChannel(sendChannelId, content, replyToId);
     if (!accepted) return;
     clearLocalComposer();
     setSelectedIdx(-1);
@@ -168,7 +285,9 @@ export function useChatComposerRuntime({
     controller,
     inputValueRef,
     onChannelChange,
+    persistDraft,
     setDirectExpanded,
+    setEditingMessage,
     setFollowMessages,
     setSelectedIdx,
     useDefaultControllerChannel,
@@ -178,16 +297,13 @@ export function useChatComposerRuntime({
     if (applyingExternalDraftRef.current) return;
     inputValueRef.current = draft;
     updateComposerRows(draft);
-    if (useDefaultControllerChannel) {
-      controller.setDraft(draft);
-    } else {
-      controller.setChannelDraft(channelId, draft);
-    }
+    persistDraft(draft);
   }, [
     applyingExternalDraftRef,
     channelId,
     controller,
     inputValueRef,
+    persistDraft,
     updateComposerRows,
     useDefaultControllerChannel,
   ]);
@@ -230,18 +346,33 @@ export function useChatComposerRuntime({
     clearReplyTarget();
   }, [canSend, clearReplyTarget, replyTo]);
 
+  useEffect(() => {
+    if (canSend || !editingMessage) return;
+    cancelEditMessage();
+  }, [canSend, cancelEditMessage, editingMessage]);
+
   const replyPreview = replyTo
     ? formatInlinePreview(
       replyTo.content,
       Math.max(contentWidth - ` replying to @${replyTo.user.username}: `.length - COMPOSER_ACTION_WIDTH - 1, 0),
     )
     : "";
-  const inputPlaceholder = replyTo ? `Reply to @${replyTo.user.username}...` : "Type a message...";
+  const editingPreview = editingMessage
+    ? formatInlinePreview(
+      editingMessage.content,
+      Math.max(contentWidth - " editing: ".length - COMPOSER_ACTION_WIDTH - 1, 0),
+    )
+    : "";
+  const inputPlaceholder = editingMessage ? "Edit message..." : replyTo ? `Reply to @${replyTo.user.username}...` : "Type a message...";
 
   return {
+    beginEditLatestMessage,
+    beginEditMessage,
     beginReplyTo,
+    cancelEditMessage,
     clearReplyTarget,
     commitLocalDraft,
+    editingPreview,
     focusComposer,
     inputPlaceholder,
     replyPreview,

package/src/plugins/builtin/chat/content/composer.tsx

@@ -14,6 +14,7 @@ interface MutableRef<T> {
 
 interface ChatComposerAreaProps {
   canSend: boolean;
+  cancelEditMessage: () => void;
   clearReplyTarget: () => void;
   commitLocalDraft: (draft: string) => void;
   composerHeight: number;
@@ -27,6 +28,8 @@ interface ChatComposerAreaProps {
   inputRef: MutableRef<TextareaRenderable | null>;
   inputValueRef: MutableRef<string>;
   nativePaneChrome: boolean | undefined;
+  editingMessage: ChatMessage | null;
+  editingPreview: string;
   replyPreview: string;
   replyTo: ChatMessage | null;
   sendMessage: () => void;
@@ -35,6 +38,7 @@ interface ChatComposerAreaProps {
 
 export function ChatComposerArea({
   canSend,
+  cancelEditMessage,
   clearReplyTarget,
   commitLocalDraft,
   composerHeight,
@@ -48,6 +52,8 @@ export function ChatComposerArea({
   inputRef,
   inputValueRef,
   nativePaneChrome,
+  editingMessage,
+  editingPreview,
   replyPreview,
   replyTo,
   sendMessage,
@@ -89,7 +95,20 @@ export function ChatComposerArea({
         />
       )}
 
-      {replyTo && (
+      {editingMessage && (
+        <Box height={1} width={contentWidth} flexDirection="row">
+          <Text fg={colors.textMuted}> editing </Text>
+          <Text fg={colors.textDim}>{editingPreview ? `: ${editingPreview}` : ""}</Text>
+          <Box flexGrow={1} />
+          <ChatActionChip
+            label="Cancel"
+            width={COMPOSER_ACTION_WIDTH}
+            onPress={cancelEditMessage}
+          />
+        </Box>
+      )}
+
+      {!editingMessage && replyTo && (
         <Box height={1} width={contentWidth} flexDirection="row">
           <Text fg={colors.textMuted}> replying to </Text>
           <Text fg={colors.positive} attributes={TextAttributes.BOLD}>{`@${replyTo.user.username}`}</Text>
@@ -135,14 +154,16 @@ export function ChatComposerArea({
 export function getChatComposerAreaHeight({
   canSend,
   composerHeight,
+  editingMessage,
   nativePaneChrome,
   replyTo,
 }: {
   canSend: boolean;
   composerHeight: number;
+  editingMessage: ChatMessage | null;
   nativePaneChrome: boolean | undefined;
   replyTo: ChatMessage | null;
 }) {
   if (!canSend) return 2;
-  return getMessageComposerBlockHeight({ height: composerHeight, nativePaneChrome }) + (replyTo ? 1 : 0);
+  return getMessageComposerBlockHeight({ height: composerHeight, nativePaneChrome }) + (editingMessage || replyTo ? 1 : 0);
 }

package/src/plugins/builtin/chat/content/index.tsx

@@ -10,6 +10,7 @@ import {
 } from "../layout";
 import {
   DEFAULT_CHAT_CHANNEL_ID,
+  formatChatPaneTitle,
   normalizeChannelId,
 } from "../channels";
 import { ChatComposerArea } from "./composer";
@@ -30,6 +31,11 @@ import {
 import { buildChatUserByUsername } from "./user-map";
 import { useChatComposerRuntime } from "./composer-runtime";
 import { useChatMessageSelection } from "./selection-runtime";
+import type { ChatMessage } from "../../../../api-client";
+import {
+  CHAT_MESSAGE_EDIT_WINDOW_MS,
+  findLatestEditableChatMessage,
+} from "../edit-window";
 
 interface ChatContentProps {
   width: number;
@@ -37,6 +43,7 @@ interface ChatContentProps {
   focused: boolean;
   channelId?: string;
   onChannelChange?: (channelId: string) => void;
+  onChannelTitleChange?: (title: string) => void;
   controller?: ChatContentController;
 }
 
@@ -46,6 +53,7 @@ export function ChatContent({
   focused,
   channelId: rawChannelId,
   onChannelChange,
+  onChannelTitleChange,
   controller = chatController,
 }: ChatContentProps) {
   const dispatch = useAppDispatch();
@@ -57,12 +65,14 @@ export function ChatContent({
   const [inputFocused, setInputFocused] = useState(false);
   const [selectedIdx, setSelectedIdx] = useState(-1);
   const [hoveredIdx, setHoveredIdx] = useState<number | null>(null);
+  const [editingMessage, setEditingMessage] = useState<ChatMessage | null>(null);
   const [followMessages, setFollowMessages] = useState(true);
   const inputRef = useRef<TextareaRenderable>(null);
   const scrollRef = useRef<ScrollBoxRenderable>(null);
   const messageElementsRef = useRef(new Map<string, unknown>());
   const applyingExternalDraftRef = useRef(false);
   const prependAnchorRef = useRef<ChatPrependAnchor | null>(null);
+  const previousEditingChannelIdRef = useRef(channelId);
   const useDefaultControllerChannel = channelId === DEFAULT_CHAT_CHANNEL_ID && !onChannelChange;
   const initialWidthMetrics = resolveChatContentWidthMetrics({
     width,
@@ -122,12 +132,36 @@ export function ChatContent({
   const selectionActive = selectedIdx >= 0 && selectedIdx < messages.length;
   const stickyTranscript = followMessages && !selectionActive;
   const latestMessageId = messages[messages.length - 1]?.id ?? null;
+  const [editWindowNowMs, setEditWindowNowMs] = useState(() => Date.now());
+  const latestOwnMessage = useMemo(() => {
+    if (!user?.id) return null;
+    return [...messages]
+      .reverse()
+      .find((message) => message.user.id === user.id && !message.clientStatus) ?? null;
+  }, [messages, user?.id]);
+
+  useEffect(() => {
+    if (!latestOwnMessage) return;
+    const createdMs = Date.parse(latestOwnMessage.createdAt);
+    if (!Number.isFinite(createdMs)) return;
+    const expiresInMs = createdMs + CHAT_MESSAGE_EDIT_WINDOW_MS - Date.now();
+    if (expiresInMs <= 0) return;
+    const timer = setTimeout(() => {
+      setEditWindowNowMs(Date.now());
+    }, Math.min(expiresInMs + 250, 60_000));
+    return () => clearTimeout(timer);
+  }, [editWindowNowMs, latestOwnMessage]);
+
+  const latestEditableMessageId = useMemo(() => {
+    return findLatestEditableChatMessage(messages, user?.id, editWindowNowMs)?.id ?? null;
+  }, [editWindowNowMs, messages, user?.id]);
   const {
     composerHeight,
     messageAreaHeight,
   } = resolveChatContentHeightMetrics({
     canSend,
     composerRows,
+    editingMessage,
     height,
     nativePaneChrome,
     replyTo,
@@ -140,6 +174,8 @@ export function ChatContent({
   const messageContents = useMemo(() => messages.map((message) => message.content), [messages]);
   const { catalog, openTicker } = useInlineTickers(messageContents);
   const userByUsername = useMemo(() => buildChatUserByUsername(channels, messages), [channels, messages]);
+  const activeChannel = useMemo(() => channels.find((channel) => channel.id === channelId), [channelId, channels]);
+  const activeChannelTitle = useMemo(() => formatChatPaneTitle(activeChannel, channelId), [activeChannel, channelId]);
   const {
     cancelProfilePopoverClose,
     closeProfilePopover,
@@ -153,6 +189,16 @@ export function ChatContent({
     dispatch({ type: "SET_INPUT_CAPTURED", captured: false });
   }, [dispatch]);
 
+  useEffect(() => {
+    onChannelTitleChange?.(activeChannelTitle);
+  }, [activeChannelTitle, onChannelTitleChange]);
+
+  useEffect(() => {
+    if (previousEditingChannelIdRef.current === channelId) return;
+    previousEditingChannelIdRef.current = channelId;
+    setEditingMessage(null);
+  }, [channelId]);
+
   const {
     moveMessageSelection,
     resetTranscriptSelection,
@@ -200,9 +246,13 @@ export function ChatContent({
   }, [dispatch, setSidebarFocused]);
 
   const {
+    beginEditLatestMessage,
+    beginEditMessage,
     beginReplyTo,
+    cancelEditMessage,
     clearReplyTarget,
     commitLocalDraft,
+    editingPreview,
     focusComposer,
     inputPlaceholder,
     replyPreview,
@@ -223,7 +273,10 @@ export function ChatContent({
     inputValueRef,
     messages,
     onChannelChange,
+    editingMessage,
+    latestEditableMessageId,
     replyTo,
+    setEditingMessage,
     setDirectExpanded,
     setFollowMessages,
     setReplyTo,
@@ -263,9 +316,11 @@ export function ChatContent({
   });
 
   useChatContentShortcuts({
+    beginEditLatestMessage,
     beginReplyTo,
     blurInput,
     canSend,
+    cancelEditMessage,
     clearReplyTarget,
     cycleChannel,
     focusChannelSidebar,
@@ -280,6 +335,7 @@ export function ChatContent({
     moveMessageSelection,
     moveSidebarChannelSelection,
     nativePaneChrome,
+    editingMessage,
     replyTo,
     requestOlderMessages,
     requestOlderMessagesIfNeeded,
@@ -347,6 +403,7 @@ export function ChatContent({
 
       <ChatTranscript
         beginReplyTo={beginReplyTo}
+        beginEditMessage={beginEditMessage}
         canSend={canSend}
         catalog={catalog}
         cancelProfilePopoverClose={cancelProfilePopoverClose}
@@ -361,6 +418,7 @@ export function ChatContent({
         messageBodyWidth={messageBodyWidth}
         messages={messages}
         nativePaneChrome={nativePaneChrome}
+        latestEditableMessageId={latestEditableMessageId}
         openDirectMessage={openDirectMessage}
         openTicker={openTicker}
         profilePopoverUser={profilePopoverUser}
@@ -383,6 +441,7 @@ export function ChatContent({
 
       <ChatComposerArea
         canSend={canSend}
+        cancelEditMessage={cancelEditMessage}
         clearReplyTarget={clearReplyTarget}
         commitLocalDraft={commitLocalDraft}
         composerHeight={composerHeight}
@@ -396,6 +455,8 @@ export function ChatContent({
         inputRef={inputRef}
         inputValueRef={inputValueRef}
         nativePaneChrome={nativePaneChrome}
+        editingMessage={editingMessage}
+        editingPreview={editingPreview}
         replyPreview={replyPreview}
         replyTo={replyTo}
         sendMessage={sendMessage}

package/src/plugins/builtin/chat/content/layout-metrics.ts

@@ -42,12 +42,14 @@ export function resolveChatContentWidthMetrics({
 export function resolveChatContentHeightMetrics({
   canSend,
   composerRows,
+  editingMessage,
   height,
   nativePaneChrome,
   replyTo,
 }: {
   canSend: boolean;
   composerRows: number;
+  editingMessage: ChatMessage | null;
   height: number;
   nativePaneChrome: boolean | undefined;
   replyTo: ChatMessage | null;
@@ -57,7 +59,7 @@ export function resolveChatContentHeightMetrics({
       ? Math.min(CHAT_COMPOSER_MAX_ROWS + 1, Math.max(2, composerRows + 1))
       : composerRows
     : 0;
-  const inputAreaHeight = getChatComposerAreaHeight({ canSend, composerHeight, nativePaneChrome, replyTo });
+  const inputAreaHeight = getChatComposerAreaHeight({ canSend, composerHeight, editingMessage, nativePaneChrome, replyTo });
   const topSeparatorHeight = nativePaneChrome ? 0 : 1;
   const footerSeparatorHeight = !nativePaneChrome && !canSend ? 1 : 0;
   const messageAreaHeight = Math.max(1, height - topSeparatorHeight - footerSeparatorHeight - inputAreaHeight);

package/src/plugins/builtin/chat/content/shortcuts.ts

@@ -6,9 +6,11 @@ import { isPlainKey } from "../../../../utils/keyboard";
 import { scrollToBottom } from "../layout";
 
 export function useChatContentShortcuts({
+  beginEditLatestMessage,
   beginReplyTo,
   blurInput,
   canSend,
+  cancelEditMessage,
   clearReplyTarget,
   cycleChannel,
   focusChannelSidebar,
@@ -23,6 +25,7 @@ export function useChatContentShortcuts({
   moveMessageSelection,
   moveSidebarChannelSelection,
   nativePaneChrome,
+  editingMessage,
   replyTo,
   requestOlderMessages,
   requestOlderMessagesIfNeeded,
@@ -35,9 +38,11 @@ export function useChatContentShortcuts({
   showChannelSidebar,
   sidebarFocusedRef,
 }: {
+  beginEditLatestMessage: (options?: { deferFocus?: boolean }) => boolean;
   beginReplyTo: (index: number, options?: { deferFocus?: boolean }) => void;
   blurInput: () => void;
   canSend: boolean;
+  cancelEditMessage: () => void;
   clearReplyTarget: () => void;
   cycleChannel: (direction: 1 | -1) => boolean;
   focusChannelSidebar: () => boolean;
@@ -52,6 +57,7 @@ export function useChatContentShortcuts({
   moveMessageSelection: (direction: "up" | "down") => boolean;
   moveSidebarChannelSelection: (direction: "up" | "down") => boolean;
   nativePaneChrome?: boolean;
+  editingMessage: ChatMessage | null;
   replyTo: ChatMessage | null;
   requestOlderMessages: () => void;
   requestOlderMessagesIfNeeded: () => void;
@@ -107,7 +113,9 @@ export function useChatContentShortcuts({
       if (event.name === "escape") {
         event.preventDefault?.();
         event.stopPropagation?.();
-        if (replyTo) {
+        if (editingMessage) {
+          cancelEditMessage();
+        } else if (replyTo) {
           clearReplyTarget();
         } else {
           blurInput();
@@ -116,6 +124,17 @@ export function useChatContentShortcuts({
       }
 
       const verticalDirection = event.name === "up" || event.name === "down" ? event.name : null;
+      if (
+        verticalDirection === "up"
+        && canSend
+        && isPlainKey(event, "up")
+        && inputValueRef.current.trim().length === 0
+        && beginEditLatestMessage({ deferFocus: true })
+      ) {
+        event.preventDefault?.();
+        event.stopPropagation?.();
+        return;
+      }
       if (verticalDirection && isPlainKey(event, "up", "down") && shouldLeaveComposerForSelection(verticalDirection)) {
         const moved = moveMessageSelection(verticalDirection);
         if (moved) {

package/src/plugins/builtin/chat/content/transcript.tsx

@@ -13,6 +13,7 @@ interface MutableRef<T> {
 
 interface ChatTranscriptProps {
   beginReplyTo: (index: number, options?: { deferFocus?: boolean }) => void;
+  beginEditMessage: (index: number, options?: { deferFocus?: boolean }) => boolean;
   canSend: boolean;
   catalog: Record<string, InlineTickerCatalogEntry>;
   cancelProfilePopoverClose: () => void;
@@ -27,6 +28,7 @@ interface ChatTranscriptProps {
   messageBodyWidth: number;
   messages: ChatMessage[];
   nativePaneChrome: boolean | undefined;
+  latestEditableMessageId: string | null;
   openDirectMessage: (target: ChatUserSummary) => void;
   openTicker: (symbol: string) => void;
   profilePopoverUser: ChatUserSummary | null;
@@ -43,6 +45,7 @@ interface ChatTranscriptProps {
 
 export function ChatTranscript({
   beginReplyTo,
+  beginEditMessage,
   canSend,
   catalog,
   cancelProfilePopoverClose,
@@ -57,6 +60,7 @@ export function ChatTranscript({
   messageBodyWidth,
   messages,
   nativePaneChrome,
+  latestEditableMessageId,
   openDirectMessage,
   openTicker,
   profilePopoverUser,
@@ -113,7 +117,9 @@ export function ChatTranscript({
               onUserHover={showProfilePopover}
               onUserHoverEnd={scheduleProfilePopoverClose}
               beginReplyTo={beginReplyTo}
+              beginEditMessage={beginEditMessage}
               jumpToMessage={jumpToMessage}
+              latestEditableMessageId={latestEditableMessageId}
               registerMessageElement={registerMessageElement}
             />
           ) : (
@@ -133,7 +139,9 @@ export function ChatTranscript({
               onUserHover={showProfilePopover}
               onUserHoverEnd={scheduleProfilePopoverClose}
               beginReplyTo={beginReplyTo}
+              beginEditMessage={beginEditMessage}
               jumpToMessage={jumpToMessage}
+              latestEditableMessageId={latestEditableMessageId}
               setHoveredIdx={setHoveredIdx}
             />
           )

package/src/plugins/builtin/chat/content/types.ts

@@ -15,6 +15,7 @@ export type ChatContentController = Pick<
   | "refreshSession"
   | "send"
   | "sendToChannel"
+  | "editChannelMessage"
   | "openDirectChannel"
   | "openGroupChannel"
   | "setDraft"