Function CodexThreadPane

apps/web/components/codex-sessions-shell.tsx:642–1364

({
  initialThreadHasMore,
  initialThreadMessages,
  initialThreadSettings,
  initialThreadSummary,
  threadId,
}: CodexThreadPaneProps)

}

export function CodexThreadPane({
  initialThreadHasMore,
  initialThreadMessages,
  initialThreadSettings,
  initialThreadSummary,
  threadId,
}: CodexThreadPaneProps) {
  const router = useRouter();
  const {
    isMobileViewport,
    refreshThreads,
    setPreferredLaunchModelSettings,
    setPreferredLaunchPermissionsMode,
    sidebarOpen,
    threads,
    toggleSidebar,
  } = useCodexWorkspace();
  const [menuOpen, setMenuOpen] = useState(false);
  const [permissionsMenuOpen, setPermissionsMenuOpen] = useState(false);
  const [modelMenuOpen, setModelMenuOpen] = useState(false);
  const [updatingMeta, setUpdatingMeta] = useState(false);
  const [deletingThread, setDeletingThread] = useState(false);
  const [updatingPermissions, setUpdatingPermissions] = useState(false);
  const [updatingModelSettings, setUpdatingModelSettings] = useState(false);
  const [loadingModelOptions, setLoadingModelOptions] = useState(false);
  const [permissionsMode, setPermissionsMode] = useState<PermissionsMode>(
    initialThreadSettings?.permissionsMode ?? 'default-permissions',
  );
  const [modelOptions, setModelOptions] = useState<ThreadModelOptions | null>(null);
  const [composerText, setComposerText] = useState('');
  const [sendingReply, setSendingReply] = useState(false);
  const [replyError, setReplyError] = useState<string | null>(null);
  const [threadMessages, setThreadMessages] = useState<WebCodexThreadMessage[]>(initialThreadMessages);
  const [threadHasMore, setThreadHasMore] = useState(initialThreadHasMore);
  const menuRef = useRef<HTMLDivElement | null>(null);
  const permissionsMenuRef = useRef<HTMLDivElement | null>(null);
  const modelMenuRef = useRef<HTMLDivElement | null>(null);
  const composerInputRef = useRef<HTMLTextAreaElement | null>(null);
  const replyStreamRef = useRef<EventSource | null>(null);
  const autoStartedDraftThreadRef = useRef<string | null>(null);
  const [pendingThreadSummary, setPendingThreadSummary] = useState<WebCodexThreadSummary | null>(() => (
    typeof window === 'undefined' ? null : getPendingCreatedThread(threadId)
  ));
  const activeThread = threads.find((entry) => entry.threadId === threadId)
    ?? pendingThreadSummary
    ?? initialThreadSummary
    ?? null;
  const threadDisplayTitle = activeThread?.title ?? '新聊天';
  const threadDisplayMeta = activeThread?.cwd
    ? `${activeThread.cwd} · ${activeThread.updatedAtLabel}`
    : '新的对话已准备就绪';
  const threadViewportVisible = !isMobileViewport || !sidebarOpen;

  function closeReplyStream() {
    replyStreamRef.current?.close();
    replyStreamRef.current = null;
  }