Function SectionHeader

src/browser/components/SectionHeader/SectionHeader.tsx:39–323

({
  section,
  isExpanded,
  workspaceCount,
  hasAttention,
  onToggleExpand,
  onAddWorkspace,
  onRename,
  onChangeColor,
  onDelete,
  autoStartEditing = false,
  onAutoCreateAbandon,
  onAutoCreateRenameCancel,
})

}

export const SectionHeader: React.FC<SectionHeaderProps> = ({
  section,
  isExpanded,
  workspaceCount,
  hasAttention,
  onToggleExpand,
  onAddWorkspace,
  onRename,
  onChangeColor,
  onDelete,
  autoStartEditing = false,
  onAutoCreateAbandon,
  onAutoCreateRenameCancel,
}) => {
  const [isEditing, setIsEditing] = useState(false);
  const [editValue, setEditValue] = useState(section.name);
  const [hasEditedName, setHasEditedName] = useState(false);
  const [showColorPicker, setShowColorPicker] = useState(false);
  const [hexInputValue, setHexInputValue] = useState(section.color ?? "");
  const inputRef = useRef<HTMLInputElement>(null);
  const autoStartHandledRef = useRef(false);
  const wasMenuOpenOnPointerDownRef = useRef(false);
  const sectionMenu = useContextMenuPosition();

  const startEditing = () => {
    setEditValue(section.name);
    setHasEditedName(false);
    setIsEditing(true);
  };

  useEffect(() => {
    if (!autoStartEditing || autoStartHandledRef.current) {
      return;
    }
    autoStartHandledRef.current = true;
    setEditValue(section.name);
    setHasEditedName(false);
    setIsEditing(true);
  }, [autoStartEditing, section.name]);

  useEffect(() => {
    if (isEditing && inputRef.current) {
      inputRef.current.focus();
      inputRef.current.select();
    }
  }, [isEditing]);

  const handleSubmitRename = () => {
    const trimmed = editValue.trim();
    if (trimmed && trimmed !== section.name) {
      onRename(trimmed);
    } else if (onAutoCreateRenameCancel) {
      // Blur/submit with no committed rename should exit auto-create mode,
      // otherwise a later Escape can still route through abandon/delete.
      onAutoCreateRenameCancel();
      setEditValue(section.name);
    } else {
      setEditValue(section.name);